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
160
クソアプリで基礎固め / 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
テレビを飲み込め! Webの嵐!! / Swallow the TV! Web storm! !!
endohizumi
1
75
OK:Googleから始めるスマートホーム生活 / OK: Smart home life starting from Google
endohizumi
0
250
jQuery使いがVue.jsを使った話 / thank you jQuery,Hello Vue.js
endohizumi
0
150
スマホで始めるウェブアプリ開発 / let's start web application development with a Android Device
endohizumi
1
800
キレない関数の作り方 / How to make bat function no anger
endohizumi
0
99
SwaggerでSSLCを 置き換える / Replacing SSLC with Swagger
endohizumi
0
75
Server-sent eventsを使ってみた / I tried using Server-sent event
endohizumi
1
1.1k
キレない変数の扱い方 /How to handle variables no anger
endohizumi
0
130
Netlifyで、ポートフォリオをつくってみた
endohizumi
0
93
Other Decks in Technology
See All in Technology
Azure OpenAI Service Dev Day / LLMでできる!使える!生成AIエージェント
masahiro_nishimi
3
740
目標設定は好きですか? アジャイルとともに目標と向き合い続ける方法 / Do you like target Management?
kakehashi
10
3k
AIエージェントを現場に導入する目線とは
masahiro_nishimi
1
1.5k
サービス開発を前に進めるために 新米リードエンジニアが 取り組んだこと / Steps Taken by a Novice Lead Engineer to Advance Service Development
nologyance
0
180
20240725 LLMによるDXのビジョンと、今何からやるべきか @Azure OpenAI Service Dev Day
nrryuya
3
1.1k
Docker互換のセキュアなコンテナ実行環境「Podman」超入門
devops_vtj
6
3.2k
E2Eテスト自動化プラットフォームにおけるAIの活用
shift_evolve
0
180
[NIKKEI Tech Talk]Bias for Action!! 実践から学ぶための仕組とコミュニティ / Community for Practice and Learning
kanamasa
0
260
Classmethod Odyssey 登壇資料
yamahiro
0
390
20240717_イケコパ代表Copilot_in_Teams会社でこう使ってます
ponponmikankan
2
430
Azure Pipelinesを使用したCICDベースラインアーキテクチャ実践
yuriemori
0
190
成長期に歩みを止めないための創業期の開発文化形成
mayah
6
420
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
17
8.7k
Stop Working from a Prison Cell
hatefulcrawdad
266
20k
Art, The Web, and Tiny UX
lynnandtonic
291
20k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
360
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
277
13k
Building Applications with DynamoDB
mza
89
5.8k
How GitHub Uses GitHub to Build GitHub
holman
471
290k
A better future with KSS
kneath
231
17k
Designing Experiences People Love
moore
136
23k
Building Your Own Lightsaber
phodgson
101
5.9k
We Have a Design System, Now What?
morganepeng
46
7k
Facilitating Awesome Meetings
lara
46
5.8k
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
爆発四散するのであった
ご清聴ありがとうございました