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
300
成長するアプリケーションと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
460
Lambda@Edgeを利用したサードパーティJavaScriptのカナリアリリース / Canary release using Lamdba@Edge
edwardkenfox
0
50
AWS re:Invent 2019 / Hackathon for Good 参加録
edwardkenfox
2
440
Repro basketball club
edwardkenfox
0
170
Introduction to UX Optimizer
edwardkenfox
0
69
フロントエンド開発の落とし穴 / Fallacies of Client Side Programming (2019ver)
edwardkenfox
0
230
僕とprototypeとJSONで / Me and prototype down by the JSON
edwardkenfox
0
96
クライアントサイド開発の落とし穴 / Fallacies of Client Side Programming
edwardkenfox
0
290
Beacon API ことはじめ 〜そしてkeepalive fetchへ〜 / Beacon API The Basics
edwardkenfox
0
950
Other Decks in Technology
See All in Technology
Terraformあれやこれ/terraform-this-and-that
emiki
4
450
現代CSSフレームワークの内部実装とその仕組み
poteboy
2
610
Postman v10リリース後を振り返る
nagix
0
130
コードを書く隙間を見つけて生きていく技術/Findy 思考の現在地
fujiwara3
24
5.2k
オーナーシップを持つ領域を明確にする
konifar
11
2.6k
WebアプリケーションにおけるPDOの使い方入門 / phpcon odawara 2024
meihei3
2
430
強みを伸ばすキャリアデザイン
yug1224
0
200
元インフラエンジニアに成る / Human Resources to Human Relations
bobtani
3
810
人間の尊厳、幸福、アクセシビリティ / 第116回「WEB TOUCH MEETING」アクセシビリティSP
nulabinc
PRO
2
180
ユーザーストーリーのレビューを自動化したみたの
bun913
1
320
株式会社EventHub・エンジニア採用資料
eventhub
0
1.9k
少数チームで挑む: SwiftUI, TCA, KMPを用いた 新規動画配信アプリ 「ABEMA Live」の開発について
tomu28
0
540
Featured
See All Featured
Designing Experiences People Love
moore
136
23k
It's Worth the Effort
3n
180
27k
The Mythical Team-Month
searls
215
42k
Git: the NoSQL Database
bkeepers
PRO
422
63k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
12
1.5k
jQuery: Nuts, Bolts and Bling
dougneiner
59
7.1k
A Modern Web Designer's Workflow
chriscoyier
688
190k
Designing with Data
zakiwarfel
95
4.8k
Adopting Sorbet at Scale
ufuk
67
8.6k
Design by the Numbers
sachag
274
18k
We Have a Design System, Now What?
morganepeng
42
6.7k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
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! ❤