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
成長するアプリケーションとJSフレームワーク
Search
Edward Fox
April 19, 2016
Technology
0
310
成長するアプリケーションとJSフレームワーク
20160419
Meguro.es #3
Edward Fox
April 19, 2016
Tweet
Share
More Decks by Edward Fox
See All by Edward Fox
Priorityを制するものはローディングを制す
edwardkenfox
4
700
Lambda@Edgeを利用したサードパーティJavaScriptのカナリアリリース / Canary release using Lamdba@Edge
edwardkenfox
0
90
AWS re:Invent 2019 / Hackathon for Good 参加録
edwardkenfox
2
570
Repro basketball club
edwardkenfox
0
240
Introduction to UX Optimizer
edwardkenfox
0
98
フロントエンド開発の落とし穴 / Fallacies of Client Side Programming (2019ver)
edwardkenfox
0
310
僕とprototypeとJSONで / Me and prototype down by the JSON
edwardkenfox
0
130
クライアントサイド開発の落とし穴 / Fallacies of Client Side Programming
edwardkenfox
0
430
Beacon API ことはじめ 〜そしてkeepalive fetchへ〜 / Beacon API The Basics
edwardkenfox
0
1.1k
Other Decks in Technology
See All in Technology
How to Quickly Call American Airlines®️ U.S. Customer Care : Full Guide
flyaahelpguide
0
240
AI時代にも変わらぬ価値を発揮したい: インフラ・クラウドを切り口にユーザー価値と非機能要件に向き合ってエンジニアとしての地力を培う
netmarkjp
0
130
CDK Toolkit Libraryにおけるテストの考え方
smt7174
1
550
Maintainer Meetupで「生の声」を聞く ~講演だけじゃないKubeCon
logica0419
0
110
american aa airlines®️ USA Contact Numbers: Complete 2025 Support Guide
aaguide
0
500
セキュアなAI活用のためのLiteLLMの可能性
tk3fftk
1
340
20250718_ITSurf_“Bet AI”を支える文化とコストマネジメント
helosshi
0
100
shake-upを科学する
rsakata
7
1k
“日本一のM&A企業”を支える、少人数SREの効率化戦略 / SRE NEXT 2025
genda
1
270
スタックチャン家庭用アシスタントへの道
kanekoh
0
120
An introduction to Claude Code SDK
choplin
2
1.2k
ポストコロナ時代の SaaS におけるコスト削減の意義
izzii
1
470
Featured
See All Featured
The Invisible Side of Design
smashingmag
301
51k
RailsConf 2023
tenderlove
30
1.1k
Become a Pro
speakerdeck
PRO
29
5.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
4 Signs Your Business is Dying
shpigford
184
22k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Why Our Code Smells
bkeepers
PRO
337
57k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Speed Design
sergeychernyshev
32
1k
Transcript
͢ΔΞϓϦέʔγϣϯͱ JSϑϨʔϜϫʔΫ EDWARD FOX @MEGURO.ES 2016/04/19
EDWARD FOX - DEVELOPER @ REPRO INC. - ROR, JAVASCRIPT,
AWS - UI/UX, TEAM DEVELOPMENT
REPRO.IO - ϞόΠϧΞϓϦ͚ੳˍ ϚʔέςΟϯάπʔϧ
None
ࠓ͢͜ͱ - ΞϓϦέʔγϣϯ͕ɾ֦େ͠ ͍ͯ͘தͰ͍͔ʹJSͷϑϨʔϜ ϫʔΫΛબͼҭ͖͔ͯͯͨ
ࠓ͞ͳ͍͜ͱ - VUE.JSͷػೳɾར༻ํ๏
ελʔτΞοϓ = εϐʔυ + ΫΦϦςΟ = ٕज़બ͕େࣄ
- AWS? AZURE? GCP? - RUBY? PHP? GO? - REACT?
ANGULAR? RIOT? - ETC…
ॳظREPRO 1 - JQUERY - BACKBONE - RAILS-ASSETS !
ॳظREPRO 2 - ͍͔ͭ͘ͷػೳ͕ಠཱͯ͠ଘࡏ - ΞϓϦέʔγϣϯͷنখ͍͞
࣍ୈʹ૿͑Δ - ػೳͷ֦ॆ - ސ٬ͷཁ => ࠶ར༻Ͱ͖Δίϯϙʔωϯτͱ ͦΕΛࢧ͑ΔϑϨʔϜϫʔΫ͕ ඞཁ
VUE.JSΛબ 1 - ܰྔํόΠϯσΟϯά - ֶशίετ => ͦͷ࣌ ཉ͍͠ͷ͕ἧ͍ͬͯͨ
VUE.JSΛબ 2 - ͢ͰʹίϯϙʔωϯτతͳܗͰ ·Ε͍ͯͨHTML/CSS͋ͬͨ ͷͰɺલ໘ϦϓϨΠεͱ͍͏ΑΓ ͪΐͬ͜ͱͣͭΓ͔ͨͬͨ
None
None
None
ΞϓϦέʔγϣϯ͕ ֦େ͢ΔதͰग़͖ͯͨ ՝
՝1 JSͰѻ͏DOM ΦϒδΣΫτͷ ࠃࡍԽରԠ
ඇಉظʹσʔλऔ͖ͬͯͯදࣔ ͢Δͷ͍͍͚ͲɺϢʔβʔͷ ݴޠʹ߹Θͤͯදࣔ͠ͳ͖Ό ͍͚ͳ͍
՝2 ෳࡶԽ͖ͯͨ͠UI ϑΥʔϜʹ͓͚Δ όϦσʔγϣϯ
ػೳ͕૿͑Δͱɺવ ೖྗϑΥʔϜෳࡶʹͳΔɻ UXΛଛͳΘͳ͍ͨΊʹదͳ ϝοηʔδΛಈతʹද͍ࣔͨ͠
VUE.JSಋೖ࣌ʹ ΄ͱΜͲݟͯͳ͔ͬͨ VUEϓϥάΠϯ
JS͕ѻ͏DOM ΦϒδΣΫτͷ ࠃࡍԽରԠ => VUE-I18N
ෳࡶԽ͖ͯͨ͠UI ϑΥʔϜʹ͓͚Δ όϦσʔγϣϯ => VUE-VALIDATOR (WIP)
ΊͬͪΌศར " "
None
None
None
࠷ॳ͔ΒϑϧελοΫͳϑϨʔϜ ϫʔΫΛ࠾༻͢Δͷ͍͍͚Ͳɺ खܰʹ͍࢝ΊΒΕɺͦͷޙͷ ඞཁʹԠͯ͡ϓϥάΠϯΛ ೖΕΒΕΔVUE.JS ελʔτΞοϓʹΦεεϝ✌
݁ - ඞཁͳٕज़ɾϑϨʔϜϫʔΫΛ ඞཁͳλΠϛϯάͰऔΓೖΕΔ - ઌΛݟਾ͑͗ͨ͢બΛ͢Δͱɺ ͔ͤͱͳͬͯ͠·͏
WE’RE HIRING! ❤