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
320
0
Share
成長するアプリケーションとJSフレームワーク
20160419
Meguro.es #3
Edward Fox
April 19, 2016
More Decks by Edward Fox
See All by Edward Fox
Priorityを制するものはローディングを制す
edwardkenfox
4
790
Lambda@Edgeを利用したサードパーティJavaScriptのカナリアリリース / Canary release using Lamdba@Edge
edwardkenfox
0
130
AWS re:Invent 2019 / Hackathon for Good 参加録
edwardkenfox
2
610
Repro basketball club
edwardkenfox
0
270
Introduction to UX Optimizer
edwardkenfox
0
130
フロントエンド開発の落とし穴 / Fallacies of Client Side Programming (2019ver)
edwardkenfox
0
350
僕とprototypeとJSONで / Me and prototype down by the JSON
edwardkenfox
0
170
クライアントサイド開発の落とし穴 / Fallacies of Client Side Programming
edwardkenfox
0
500
Beacon API ことはじめ 〜そしてkeepalive fetchへ〜 / Beacon API The Basics
edwardkenfox
0
1.2k
Other Decks in Technology
See All in Technology
GitHub Actions侵害 — 相次ぐ事例を振り返り、次なる脅威に備える
flatt_security
10
6.9k
「AIエージェントで変わる開発プロセス―レビューボトルネックからの脱却」
lycorptech_jp
PRO
0
210
MCPで決済に楽にする
mu7889yoon
0
160
AI時代のシステム開発者の仕事_20260328
sengtor
0
320
Physical AI on AWS リファレンスアーキテクチャ / Physical AI on AWS Reference Architecture
aws_shota
1
200
VSCode中心だった自分がターミナル沼に入門した話
sanogemaru
0
860
DMBOKを使ってレバレジーズのデータマネジメントを評価した
leveragestech
0
490
LLMに何を任せ、何を任せないか
cap120
11
6.6k
BFCacheを活用して無限スクロールのUX を改善した話
apple_yagi
0
130
CREがSLOを握ると 何が変わるのか
nekomaho
0
310
Amazon Qはアマコネで頑張っています〜 Amazon Q in Connectについて〜
yama3133
1
160
Podcast配信で広がったアウトプットの輪~70人と音声発信してきた7年間~/outputconf_01
fortegp05
0
100
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1370
200k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.4k
My Coaching Mixtape
mlcsv
0
90
Six Lessons from altMBA
skipperchong
29
4.2k
Building an army of robots
kneath
306
46k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
Deep Space Network (abreviated)
tonyrice
0
97
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.8k
Building Applications with DynamoDB
mza
96
7k
Amusing Abliteration
ianozsvald
0
150
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
180
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
500
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! ❤