Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

実例 その1

Slide 7

Slide 7 text

実例 その2

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

本題 気がついた

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

成果物

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

あれ?

Slide 18

Slide 18 text

役に立ったら

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

爆発四散するのであった

Slide 22

Slide 22 text

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