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
22
JSでギャルゲーをつくろう!(第2版)
endohizumi
0
47
JSでギャルゲーをつくろう!
endohizumi
0
240
テレビを飲み込め! Webの嵐!! / Swallow the TV! Web storm! !!
endohizumi
1
84
OK:Googleから始めるスマートホーム生活 / OK: Smart home life starting from Google
endohizumi
0
290
jQuery使いがVue.jsを使った話 / thank you jQuery,Hello Vue.js
endohizumi
0
170
スマホで始めるウェブアプリ開発 / let's start web application development with a Android Device
endohizumi
1
890
キレない関数の作り方 / How to make bat function no anger
endohizumi
0
130
SwaggerでSSLCを 置き換える / Replacing SSLC with Swagger
endohizumi
0
81
Other Decks in Technology
See All in Technology
Google Cloud Next 2025 Recap マーケティング施策の運用及び開発を支援するAIの活用 / Use of AI to support operation and development of marketing campaign
atsushiyoshikawa
0
360
Why every SwiftUI developer should care about the Environment - iOSKonf25
peterfriese
0
140
WindowsでGenesisに挑戦した話
natsutan
0
120
人間性を捧げる生成AI時代の技術選定
yo4raw
1
910
[新卒向け研修資料] テスト文字列に「うんこ」と入れるな(2025年版)
infiniteloop_inc
14
46k
正解のない未知(インボイス制度対応)をフルサイクル開発で乗り越える方法 / How to overcome the unknown invoice system with full cycle development
carta_engineering
0
160
技術選定を突き詰める 懇親会LT
okaru
2
1.2k
MCP でモノが動くとおもしろい/It is interesting when things move with MCP
bitkey
3
610
Next.jsと状態管理のプラクティス
uhyo
6
2.4k
SONiCにて使用されているSAIの実際
sonic
0
240
Tailwind CSS の小話「コンテナークエリーって便利」
yamaday
0
150
自動化の第一歩 -インフラ環境構築の自動化について-
smt7174
1
140
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.4k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Documentation Writing (for coders)
carmenintech
71
4.8k
We Have a Design System, Now What?
morganepeng
52
7.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Scaling GitHub
holman
459
140k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
How to Ace a Technical Interview
jacobian
276
23k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
5
620
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
爆発四散するのであった
ご清聴ありがとうございました