Upgrade to Pro — share decks privately, control downloads, hide ads and more …

クソアプリで基礎固め / Tutorial in your joke app for Vue.js

クソアプリで基礎固め / Tutorial in your joke app for Vue.js

2bf280ac8fc28aa5d99de291eb8ccfbe?s=128

Endo_Hizumi

January 23, 2020
Tweet

Transcript

  1. クソアプリで基礎固め 2020年1月23日 Yumemi.vue #5 遠藤ヒズミ

  2. 自己紹介 名前:菊地 峻輔 HN:遠藤ヒズミ (@endo_hizumi) 所属:ジャスミンシステム 業務:都内某所でPython書いてるサーバーサイドエンジニア Vue歴:趣味で4ヶ月くらい Webサイト:https://hizumi.dev ワイ◦ルー様の退場がショックで夜しか眠れない

  3. 今回のお題 途中でチュートリアルに飽きるやつが Vue.jsの勉強をするにはどうしたらいいか

  4. 今回のお題 途中でチュートリアルに飽きるやつが Vue.jsの勉強をするにはどうしたらいいか ➡ 選ばれたのは綾鷹クソアプリでした

  5. ここでいうクソアプリとは 右の記事にあるように 世の中に役に立たないアプリ のことを指すまたはその意 くだらない面白さの提供が 主目的である。

  6. 実例 その1

  7. 実例 その2

  8. 本題 焼肉アプリをデプロイした後に

  9. 本題 気がついた

  10. 本題 「途中でチュートリアルに飽きるやつが Vue.jsの勉強をするにはどうしたらいいか」

  11. 本題 この本の内容をクソアプリで試せばいいの では?

  12. 成果物

  13. クソアプリで利用した機能 • ディレクティブ(v-for, v-if, v-on, v-bind) • コンポーネント(その寿司はコンポーネントでできていた!) • ライフサイクルフック

    • 算出プロパティ • データバインディング • リストレンダリング(配列の操作) • トランジション・リストトランジション
  14. 結果 猫本の内容(~Chap.6)を一通り試せた

  15. やってみた感想 • 勉強時間含め1,2時間くらいで出来る ◦ モチベーションが低下しない ◦ 挫折しづらい • 環境構築が楽 ◦

    Vue.js以外使わないため ◦ スマホでも簡単だよ! • 成果物が自分好みにくだらなく面白い ◦ つまり、楽しい !important
  16. アホになってアプリ作るのも悪くない

  17. あれ?

  18. 役に立ったら

  19. クソアプリじゃなくね? (自己矛盾)

  20. None
  21. 爆発四散するのであった

  22. ご清聴ありがとうございました