Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
クソアプリで基礎固め / Tutorial in your joke app for Vue.js
Search
Endo_Hizumi
January 23, 2020
Technology
0
200
クソアプリで基礎固め / Tutorial in your joke app for Vue.js
Endo_Hizumi
January 23, 2020
Tweet
Share
More Decks by Endo_Hizumi
See All by Endo_Hizumi
JSでギャルゲーをつくろう!(第3版)
endohizumi
0
33
JSでギャルゲーをつくろう!(第2版)
endohizumi
0
52
JSでギャルゲーをつくろう!
endohizumi
0
280
テレビを飲み込め! Webの嵐!! / Swallow the TV! Web storm! !!
endohizumi
1
86
OK:Googleから始めるスマートホーム生活 / OK: Smart home life starting from Google
endohizumi
0
300
jQuery使いがVue.jsを使った話 / thank you jQuery,Hello Vue.js
endohizumi
0
170
スマホで始めるウェブアプリ開発 / let's start web application development with a Android Device
endohizumi
1
900
キレない関数の作り方 / How to make bat function no anger
endohizumi
0
140
SwaggerでSSLCを 置き換える / Replacing SSLC with Swagger
endohizumi
0
83
Other Decks in Technology
See All in Technology
AWS テクニカルサポートとエンドカスタマーの中間地点から見えるより良いサポートの活用方法
kazzpapa3
2
500
AWS アーキテクチャ作図入門/aws-architecture-diagram-101
ma2shita
29
10k
Welcome to the LLM Club
koic
0
160
Navigation3でViewModelにデータを渡す方法
mikanichinose
0
220
生成AIで小説を書くためにプロンプトの制約や原則について学ぶ / prompt-engineering-for-ai-fiction
nwiizo
3
730
PHP開発者のためのSOLID原則再入門 #phpcon / PHP Conference Japan 2025
shogogg
4
640
IIWレポートからみるID業界で話題のMCP
fujie
0
770
25分で解説する「最小権限の原則」を実現するための AWS「ポリシー」大全 / 20250625-aws-summit-aws-policy
opelab
9
1k
20250625 Snowflake Summit 2025活用事例 レポート / Nowcast Snowflake Summit 2025 Case Study Report
kkuv
1
290
AIエージェント最前線! Amazon Bedrock、Amazon Q、そしてMCPを使いこなそう
minorun365
PRO
13
4.8k
「Chatwork」の認証基盤の移行とログ活用によるプロダクト改善
kubell_hr
1
110
米国国防総省のDevSecOpsライフサイクルをAWSのセキュリティサービスとOSSで実現
syoshie
2
990
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Building a Modern Day E-commerce SEO Strategy
aleyda
41
7.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
The Invisible Side of Design
smashingmag
299
51k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
How to Ace a Technical Interview
jacobian
277
23k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Transcript
クソアプリで基礎固め 2020年1月23日 Yumemi.vue #5 遠藤ヒズミ
自己紹介 名前:菊地 峻輔 HN:遠藤ヒズミ (@endo_hizumi) 所属:ジャスミンシステム 業務:都内某所でPython書いてるサーバーサイドエンジニア Vue歴:趣味で4ヶ月くらい Webサイト:https://hizumi.dev ワイ◦ルー様の退場がショックで夜しか眠れない
今回のお題 途中でチュートリアルに飽きるやつが Vue.jsの勉強をするにはどうしたらいいか
今回のお題 途中でチュートリアルに飽きるやつが Vue.jsの勉強をするにはどうしたらいいか ➡ 選ばれたのは綾鷹クソアプリでした
ここでいうクソアプリとは 右の記事にあるように 世の中に役に立たないアプリ のことを指すまたはその意 くだらない面白さの提供が 主目的である。
実例 その1
実例 その2
本題 焼肉アプリをデプロイした後に
本題 気がついた
本題 「途中でチュートリアルに飽きるやつが Vue.jsの勉強をするにはどうしたらいいか」
本題 この本の内容をクソアプリで試せばいいの では?
成果物
クソアプリで利用した機能 • ディレクティブ(v-for, v-if, v-on, v-bind) • コンポーネント(その寿司はコンポーネントでできていた!) • ライフサイクルフック
• 算出プロパティ • データバインディング • リストレンダリング(配列の操作) • トランジション・リストトランジション
結果 猫本の内容(~Chap.6)を一通り試せた
やってみた感想 • 勉強時間含め1,2時間くらいで出来る ◦ モチベーションが低下しない ◦ 挫折しづらい • 環境構築が楽 ◦
Vue.js以外使わないため ◦ スマホでも簡単だよ! • 成果物が自分好みにくだらなく面白い ◦ つまり、楽しい !important
アホになってアプリ作るのも悪くない
あれ?
役に立ったら
クソアプリじゃなくね? (自己矛盾)
None
爆発四散するのであった
ご清聴ありがとうございました