Видео

Angularがオワコンになる訳だ。 とても参考になりました。

めっちゃわかりやすかったです。。動画作成大変感謝です。

無料なのが勿体無いくらいわかりやすく素晴らしい！助かりました！！

Good

scssで記述した場合どうなるかも知りたいです

scriptのコードがどこにあるかわからないです... 概要欄にはないですよね...？

Reactで色々やるより、Vueの方が直観的でわかりやすいですね

how can we convert this animations to css animations any idea ?

computedがよくわからんだけど分かりやすい！

Udemyで何回見てもわからなかった内容がやっと理解できました…ありがとうございます！

めちゃくちゃわかりやすいです。 いろんな動画を見てきましたが、有料動画よりはるかにわかりやすいです。

20:44

とっても、分かりやすかったです！ありがとうございます！ 作れましたー！ vsコードの環境がない人に、このアプリを使ってもらうには、どーしたらいいですかー？

とても参考になりました！mountedでやってることが、gameStartでも良いような気がして、いまいち存在意義がわからなかったのですが、mountedって、methodsより先に動いてるんですね。きっと、そこに働きどころがあるのだろうと思いました。いろいろ知れてよかったです。ありがとうございます。

これ以上ない最高の説明でした。ありがとうございます！LINE登録しました。

初心者なのであまり分からないのですが、文字をランダム表示させる場合にはどうすれば良いのでしょうか？

楽しく作れました。分かり易かったです。

大変勉強になりました。

こんにちは。わかりやすい動画、ありがとうございます。動画の通りに記述したのですが、.lineの線がどうしても左の始点のほうに縮むのが改善できません。どうしたら良いでしょうか。$(".line").css("right",0)の部分です。他のアニメーションは上手くいきます。

文字だけの参考書を読んでいても難しくてよくわからなかったことが、こちらの動画でとてもよくわかりました！ありがとうございます^^

イケメンでどきどきしてる

自分用のメモ 16:35～ Vue.jsの説明

18:33 innerHTML >> textContent v-text works by setting the element's textContent property v-html updates the element's innerHTML.

作ってて楽しかったです！

とても分かりやすい解説でした。ありがとうございます。

個人的に感じたこと： ・細かいことですが、クラス名は基本キャメルケース( *_startButton_* ) ではなくケバブケース( *_start-button_* )を使います( BEM記法を使うため ) ・dataプロパティにスネークケース( *_current_question_* )は違和感があります これこそキャメルケースを使ったほうがいいと思います ・プロパティでの: の後ろやfunction() などの後ろに半角スペースがほしいです ・条件式は基本 === （完全一致）を使います ・タグの中が複雑になっているので属性ごとに改行すると見やすくなると思います ```HTML <button v-if="!isGameStart" class="start-button mb-20" @click="changeStartFlg">START </button> ↓ <button v-if="!isGameStart" class="start-button mb-20" @click="changeStartFlg" > START </button> ``` ・v-if="startFlg != true" は *_!startFlg_* でも可 ・v-if="startFlg" は *_v-else_* でも可 ・v-bind: は省略して : のみでも可 ・styleObjectでif (...counts == 5)としていたが、動的に対応するよう、=== *_this.questionCounts_* とするべき ・ゲームクリアしたらテキストボックスは不要なので消しましょう

自分用 20:49

32:43 ブィイヒュwww

とても面白かったですし、勉強になりました！ありがとうございました！ 打ち込んだ最後の文字が表示される前に、次の問題が表示されるのが、なんか嫌だったので、watchのところをいじってみました。 watch:{ typeBox:function(e){ if(e==this.current_question){ setTimeout(()=>{ this.quetions.splice(0,1) this.current_question=this.quetions[0] this.typeBox="" this.current_question_counts=this.current_question_counts+1 }, 200) } } }

とてもわかりやすいです、ありがとうございます

めちゃめちゃいい動画でした！感謝

Waaaaw!! Thanks for such precious information.. waiting for more gsap animation and j query animation ❤️

Script のコードはどこにありますか

Vue.jsはインストールから持ってきましたが、使えないようです。考えられる要因はなんでしょう？

たすかりました

Comme tu es mignon🥰

とてもわかりやすい。👍

分かりやすいです。 ありがとうございます。

本当に神！コールバック関数ってこういうことかと体でわかりました。

🎁コーディング学習用のデザインカンプをプレゼント！🎁 コーディング初学者に役立つデザインカンプと模範解答コードを無料配布中です。 以下のラインから受け取れます！ linne.info/flex

わかりやすくてすごくありがたい動画です！

🎁コーディング学習用のデザインカンプをプレゼント！🎁 コーディング初学者に役立つデザインカンプと模範解答コードを無料配布中です。 以下のラインから受け取れます！ linne.info/gs

🎁コーディング学習用のデザインカンプをプレゼント！🎁 コーディング初学者に役立つデザインカンプと模範解答コードを無料配布中です。 以下のラインから受け取れます！ linne.info/vue

🎁コーディング学習用のデザインカンプをプレゼント！🎁 コーディング初学者に役立つデザインカンプと模範解答コードを無料配布中です。 以下のラインから受け取れます！ linne.info/ani

🎁コーディング学習用のデザインカンプをプレゼント！🎁 コーディング初学者に役立つデザインカンプと模範解答コードを無料配布中です。 以下のラインから受け取れます！ linne.info/typ

🎁コーディング学習用のデザインカンプをプレゼント！🎁 コーディング初学者に役立つデザインカンプと模範解答コードを無料配布中です。 以下のラインから受け取れます！ linne.info/omi

🎁コーディング学習用のデザインカンプをプレゼント！🎁 コーディング初学者に役立つデザインカンプと模範解答コードを無料配布中です。 以下のラインから受け取れます！ linne.info/huwa

🎁コーディング学習用のデザインカンプをプレゼント！🎁 コーディング初学者に役立つデザインカンプと模範解答コードを無料配布中です。 以下のラインから受け取れます！ linne.info/em

とてもわかりやすくて勉強になります！ ありがとうございます！ ちなみに、Google chromeでFacebook icon をダウンロードしてドラッグした際にボックスが立ち上がっていますがプラグインでしょうか？

reactでも同じようなのをお願いします。とてもわかりやすい。