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
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
Avatar for ahu ahuglajbclajep
5
1k
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
Avatar for izumin5210 izumin5210
6
1.8k
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
170
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
Avatar for nrs nrslib
2
1.9k
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
650
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
160
Oxlint JS plugins
Avatar for kazupon kazupon
1
920
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
Avatar for Date Huang tjjh89017
0
160
CSC307 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
550
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
270

Featured

See All Featured
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
130
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
380
Design in an AI World
Avatar for tapps tapps
0
140
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
290
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
210
Fireside Chat
Avatar for paigeccino paigeccino
41
3.8k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
57
Between Models and Reality
Avatar for mayunak mayunak
1
190
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
130
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k

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…