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

v-okinawa.pdf

Avatar for TOMOYO TOMOYO
October 25, 2019
Programming
0
320

 v-okinawa.pdf

Avatar for TOMOYO

TOMOYO

October 25, 2019
Tweet

More Decks by TOMOYO

See All by TOMOYO
プログラミング学習_3ヶ月の軌跡.pdf
Avatar for TOMOYO tomoyo
0
210

Other Decks in Programming

See All in Programming
Patterns of Patterns
Avatar for Denys Poltorak denyspoltorak
0
1.4k
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
560
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
670
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.6k
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
Oxlint JS plugins
Avatar for kazupon kazupon
1
910
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
170
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6.1k
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
370
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k

Featured

See All Featured
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
0
1.9k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
57
50k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
310
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
200
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
0
250
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
0
200
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
0
110

Transcript

  1. Vue.jsॳ৺ऀ͕ Vue.jsΛ࢖ͬͯΈͯ

  2. ࣗݾ঺հ ͏ͪ· ͱ΋Α CODE BASE 7ظ(6݄ʙ8݄) ϓϩάϥϛϯάྺ ൒೥ ւ֎ཱྀߦ޷͖

  3. Vue.jsษڧྺ

  4. ೔

  5. ॱ൪ܾΊΞϓϦΛ ࡞ͬͯΈ·ͨ͠ʂ

  6. Why?

  7. ॱ൪ܾΊΞϓϦ͓΋͠Ζ͍ʂ

  8. YouTube
 → ͨʹ͙ͪ ·͜ͱ͞Μͷ Vue.jsೖ໳ શ8ճ Qiita
 → Vue.jsϛχϋϯζΦϯ(TODOϦετ࡞੒) ࡞੒ͷͨΊʹษڧͨ͠಺༰

  9. None

  10. ͪ͜Β

  11. 1. ໊લΛೖྗͯ͠EnterΛԡ͢ 2. v-on:keyup.enterͰʮೖྗ͞Ε໊ͨલΛpush ϝιουͰ഑ྻitemsʹ௥Ճ͢ΔʯॲཧΛ͞ ͤΔ 3. v-forσΟϨΫςΟϒͰɺitems഑ྻͷ͢΂ͯ ͷ৘ใΛදࣔ(ೖྗͨ͠શͯͷ໊લΛදࣔ) 4.

    γϟοϑϧϘλϯΛΫϦοΫ 5. v-on:click Ͱγϟοϑϧͤ͞Δॲཧ͕ൃੜ
 (γϟοϑϧॲཧ͸loadash࢖༻) ॲཧͷྲྀΕ

  12. ײ૝ v-model…