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
320
成長するアプリケーションと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
720
Lambda@Edgeを利用したサードパーティJavaScriptのカナリアリリース / Canary release using Lamdba@Edge
edwardkenfox
0
96
AWS re:Invent 2019 / Hackathon for Good 参加録
edwardkenfox
2
580
Repro basketball club
edwardkenfox
0
240
Introduction to UX Optimizer
edwardkenfox
0
110
フロントエンド開発の落とし穴 / Fallacies of Client Side Programming (2019ver)
edwardkenfox
0
320
僕とprototypeとJSONで / Me and prototype down by the JSON
edwardkenfox
0
140
クライアントサイド開発の落とし穴 / Fallacies of Client Side Programming
edwardkenfox
0
450
Beacon API ことはじめ 〜そしてkeepalive fetchへ〜 / Beacon API The Basics
edwardkenfox
0
1.1k
Other Decks in Technology
See All in Technology
EncryptedSharedPreferences が deprecated になっちゃった!どうしよう! / Oh no! EncryptedSharedPreferences has been deprecated! What should I do?
yanzm
0
490
職種の壁を溶かして開発サイクルを高速に回す~情報透明性と職種越境から考えるAIフレンドリーな職種間連携~
daitasu
0
190
「どこから読む?」コードとカルチャーに最速で馴染むための実践ガイド
zozotech
PRO
0
570
要件定義・デザインフェーズでもAIを活用して、コミュニケーションの密度を高める
kazukihayase
0
120
LLM時代のパフォーマンスチューニング:MongoDB運用で試したコンテキスト活用の工夫
ishikawa_pro
0
170
実践!カスタムインストラクション&スラッシュコマンド
puku0x
0
550
Codeful Serverless / 一人運用でもやり抜く力
_kensh
7
450
まずはマネコンでちゃちゃっと作ってから、それをCDKにしてみよか。
yamada_r
2
120
[ JAWS-UG 東京 CommunityBuilders Night #2 ]SlackとAmazon Q Developerで 運用効率化を模索する
sh_fk2
3
460
20250910_障害注入から効率的復旧へ_カオスエンジニアリング_生成AIで考えるAWS障害対応.pdf
sh_fk2
3
280
Claude Code でアプリ開発をオートパイロットにするためのTips集 Zennの場合 / Claude Code Tips in Zenn
wadayusuke
5
1.8k
AIエージェント開発用SDKとローカルLLMをLINE Botと組み合わせてみた / LINEを使ったLT大会 #14
you
PRO
0
130
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Designing for Performance
lara
610
69k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Faster Mobile Websites
deanohume
309
31k
We Have a Design System, Now What?
morganepeng
53
7.8k
Designing for humans not robots
tammielis
253
25k
How STYLIGHT went responsive
nonsquared
100
5.8k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
The Pragmatic Product Professional
lauravandoore
36
6.9k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
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! ❤