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

v-okinawa.pdf

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
650
ぼくの開発環境2026
Avatar for yuzneri yuzneri
0
190
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
Avatar for petamoriken / 森建 petamoriken
0
200
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
260
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
Avatar for osari.k cloverrose
2
510
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
Avatar for tetutetu214 tetutetu214
2
110
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
7
2.2k
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
280
dchart: charts from deck markup
Avatar for Anthony Starks ajstarks
3
990
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
Avatar for yimajo yimajo
3
610
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
CSC307 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
660

Featured

See All Featured
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.7k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
170
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
250
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.3k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
440
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
320
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
62
49k

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…