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

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

Endo_Hizumi
January 23, 2020

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

Endo_Hizumi

January 23, 2020
Tweet

More Decks by Endo_Hizumi

Other Decks in Technology

Transcript

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  6. 実例 その1

    View full-size slide

  7. 実例 その2

    View full-size slide

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

    View full-size slide

  9. 本題
    気がついた

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  12. クソアプリで利用した機能
    ● ディレクティブ(v-for, v-if, v-on, v-bind)
    ● コンポーネント(その寿司はコンポーネントでできていた!)
    ● ライフサイクルフック
    ● 算出プロパティ
    ● データバインディング
    ● リストレンダリング(配列の操作)
    ● トランジション・リストトランジション

    View full-size slide

  13. 結果
    猫本の内容(~Chap.6)を一通り試せた

    View full-size slide

  14. やってみた感想
    ● 勉強時間含め1,2時間くらいで出来る
    ○ モチベーションが低下しない
    ○ 挫折しづらい
    ● 環境構築が楽
    ○ Vue.js以外使わないため
    ○ スマホでも簡単だよ!
    ● 成果物が自分好みにくだらなく面白い
    ○ つまり、楽しい !important

    View full-size slide

  15. アホになってアプリ作るのも悪くない

    View full-size slide

  16. 役に立ったら

    View full-size slide

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

    View full-size slide

  18. 爆発四散するのであった

    View full-size slide

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

    View full-size slide