역시 너희들의 빌어 먹을 앱은 실수하고 있다 in 2020

(올해도 이 타이틀로 좋을까 고민하고 있었지만, 역시, 겸손으로 빌어 먹을 앱 말하고 있는 사람을 보았으므로, 이 타이틀 그대로 가자고 생각했다.)

이것은 빌어 먹을 앱 2 어드벤트 캘린더 12 일째 대리 게시글입니다.

먼저

올해도 해 왔습니다 빌어 먹을 앱 어드벤트 캘린더! !
자칭, 빌어 먹을 앱 소믈리에에서 말해 주었으면 한다.

모두! ! 자신있게! !

간단하게 만들었기 때문에 빌어 먹을 어플리라든지, 보통으로 편리할 것 같다, 사용해 보고 싶다고 생각한 것.
제대로 만들지 않기 때문에 간단하기 때문에 내 앱을 받더라도 아무도 행복하지 않습니다.
진짜 빌어 먹을 애플 리케이션은 정말 빌어 먹을거야.
미래조차 느끼지 않는 빌어 먹을 정말.
진짜 빌어 먹을 애플 리케이션 은 , 어쩌면 이런 축제 가 아니면 쌀 이나 스톡 도 받을 수 없는 것 이다 .
그렇다면 스시가 돌아다니는 앱에 어떤 가치가 있나요? ? 어디에 편리함을 느끼고 싶니?
참고 → htps : // 코 m/엔도_변형/있어 ms/2로 99후후424에04b4375

주제

확실히 어드벤드 캘린더의 등록을 휘두르고 묻혀 버렸지만, 히즈미는 포기하지 않았다···!
분명···반드시! 쓰는 것을 잊고 열어 버리는 사람이 나 버릴 것입니다 ...!
그래서, 누군가가 열린 구멍을 내가 막을거야! !

그리고 마침내 온 12 일째! !
"대기" 　 　 　 　 　 　 　 　!　! ·······························································································································································　!　

역시 인류에게는 절망할 정도로 목적을 갖지 않는 빌어 먹을 앱이 필요하다. 그렇게 틀림없다! (빙글빙글 눈)

그와 동시에 인류에는 초밥이 필요해! !
그렇게 확신하고 있어! !
그러니까, 올해도 세세하게 만들었어! !



찻집 찜 찜이 회회 W e e b 　 뿌 　 리 　 　 〉 !　!　
h tps : // 스시 ぁ네 t. 네 tぃfy. 아 p/

스시 위성 첨부입니다! ! (증감합니다!)

자전하는 찻잔 찜 주위를 스시 위성이 공전하는 곳을 고집했습니다.

놀이 방법

+와 -로, 스시 위성의 증감을 할 수 있습니다.

state는 현재 행성의 상태를 나타냅니다. (초기값: 자전 중)
이것은 버튼이므로 누를 수 있습니다.

누르면 어떻게 될까?

몰라?



하나의 행성의 생명을 지우는 각오 ... 당신에게 있습니까?

기술적 TIPS

위성 궤도를 깨끗이 돌리는 초밥 만드는 법

실은 간단합니다.
찻잔 찜의 요소에 스시 위성의 요소를 겹쳐 CSS로 돌리고 있습니다.



이하, 해당 부분의 발췌

#root {
  display: flex;
  justify-content: center;
  margin: 50px;
}
#planet {
  background-color: transparent;
  height: 100%;
  text-align: center;
}
#satellite {
  position: absolute;
  width: 250px;
  height: 250px;
  text-align: center;
}

  <div id="root">
    <div id="planet">
      <img v-bind:class="state" v-bind:src="url" />
    </div>
    <Satelitte
      v-for="data of satellite_data"
      v-bind:key="data.index"
      v-bind:ref="'satelitte'"
      v-bind:speed="data.spinSpeed"
    ></Satelitte>
  </div>

스시를 네 모퉁이에 올려

스시 이모티콘을 display:absolute로 설정하고 설치하면 됩니다.

.left_up {
  position: absolute;
  left: 0;
}

.right_up {
  position: absolute;
  right: 0;
}

.left_bottom {
  position: absolute;
  left: 0;
  bottom: 0;
}

.right_bottom {
  position: absolute;
  right: 0;
  bottom: 0;
}

기술의 낭비는 기분이 ZOY!

　종
제작·저작
━━━━━
　Ⓗ Ⓩ Ⓜ