Upgrade to Pro — share decks privately, control downloads, hide ads and more …

成長するアプリケーションとJSフレームワーク

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Edward Fox Edward Fox
April 19, 2016
Technology
330
0

 成長するアプリケーションとJSフレームワーク

20160419
Meguro.es #3

Avatar for Edward Fox

Edward Fox

April 19, 2016

More Decks by Edward Fox

See All by Edward Fox
Priorityを制するものはローディングを制す
Avatar for Edward Fox edwardkenfox
4
800
Lambda@Edgeを利用したサードパーティJavaScriptのカナリアリリース / Canary release using Lamdba@Edge
Avatar for Edward Fox edwardkenfox
0
130
AWS re:Invent 2019 / Hackathon for Good 参加録
Avatar for Edward Fox edwardkenfox
2
620
Repro basketball club
Avatar for Edward Fox edwardkenfox
0
280
Introduction to UX Optimizer
Avatar for Edward Fox edwardkenfox
0
140
フロントエンド開発の落とし穴 / Fallacies of Client Side Programming (2019ver)
Avatar for Edward Fox edwardkenfox
0
360
僕とprototypeとJSONで / Me and prototype down by the JSON
Avatar for Edward Fox edwardkenfox
0
170
クライアントサイド開発の落とし穴 / Fallacies of Client Side Programming
Avatar for Edward Fox edwardkenfox
0
510
Beacon API ことはじめ 〜そしてkeepalive fetchへ〜 / Beacon API The Basics
Avatar for Edward Fox edwardkenfox
0
1.2k

Other Decks in Technology

See All in Technology
20260428_Product Management Summit_tadokoroyoshiro
Avatar for tadokoro_yoshiro tadokoro_yoshiro
15
18k
AWS Agent Registry の基礎・概要を理解する/aws-agent-registry-intro
Avatar for Renya Kujirada ren8k
3
440
ハーネスエンジニアリングをやりすぎた話 ~そのハーネスは解体された~
Avatar for Gota gotalab555
5
2k
AgentCore×VPCでの設計パターンn選と勘所
Avatar for Har1101 har1101
4
370
フロントエンドの相手が変わった - AIが加わったWebの新しいインターフェース設計
Avatar for azukiazusa azukiazusa1
30
8.5k
データ定義の混乱と戦う 〜 管理会計と財務会計 〜
Avatar for wonohe wonohe
0
170
EMから幅を広げるために最近挑戦していること / Recent challenges I'm undertaking to expand my horizons beyond EM
Avatar for hiro-torii hiro_torii
1
180
Cortex Codeのコスト見積ヒントご紹介
Avatar for Yosuke Katsuki yokatsuki
0
140
FessのAI検索モード：検索システムとLLMへの取り組み
Avatar for Shinsuke Sugaya marevol
0
170
UIライブラリに依存しすぎないReact Native設計を目指して
Avatar for Takahiro Kato grandbig
0
190
「SaaSの次の時代」に重要性を増すステークホルダーマネジメントの要諦 ～解像度を圧倒的に高めPdMの価値を最大化させる方法～
Avatar for KAKEHASHI kakehashi
PRO
3
3.6k
No Types Needed, Just Callable Method Check
Avatar for dak2 dak2
1
2.8k

Featured

See All Featured
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
180
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
180
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
200
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
330
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
290
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
220
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
180
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
950
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
730
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2k

Transcript

  1. ੒௕͢ΔΞϓϦέʔγϣϯͱ JSϑϨʔϜϫʔΫ EDWARD FOX @MEGURO.ES 2016/04/19

  2. EDWARD FOX - DEVELOPER @ REPRO INC. - ROR, JAVASCRIPT,

    AWS - UI/UX, TEAM DEVELOPMENT

  3. REPRO.IO - ϞόΠϧΞϓϦ޲͚෼ੳˍ ϚʔέςΟϯάπʔϧ

  4. None

  5. ࠓ೔࿩͢͜ͱ - ΞϓϦέʔγϣϯ͕੒௕ɾ֦େ͠ ͍ͯ͘தͰ͍͔ʹJSͷϑϨʔϜ ϫʔΫΛબͼҭ͖͔ͯͯͨ

  6. ࠓ೔࿩͞ͳ͍͜ͱ - VUE.JSͷػೳɾར༻ํ๏

  7. ελʔτΞοϓ = εϐʔυ + ΫΦϦςΟ = ٕज़બ୒͕௒େࣄ

  8. - AWS? AZURE? GCP? - RUBY? PHP? GO? - REACT?

    ANGULAR? RIOT? - ETC…

  9. ॳظREPRO 1 - JQUERY - BACKBONE - RAILS-ASSETS !

  10. ॳظREPRO 2 - ͍͔ͭ͘ͷػೳ͕ಠཱͯ͠ଘࡏ - ΞϓϦέʔγϣϯͷن໛΋খ͍͞

  11. ࣍ୈʹ૿͑Δ - ػೳͷ֦ॆ - ސ٬ͷཁ๬ => ࠶ར༻Ͱ͖Δίϯϙʔωϯτͱ ͦΕΛࢧ͑ΔϑϨʔϜϫʔΫ͕ ඞཁ

  12. VUE.JSΛબ୒ 1 - ܰྔ૒ํ޲όΠϯσΟϯά - ֶशίετ ௿ => ͦͷ࣌ ཉ͍͠΋ͷ͕ἧ͍ͬͯͨ

  13. VUE.JSΛબ୒ 2 - ͢ͰʹίϯϙʔωϯτతͳܗͰ ૊·Ε͍ͯͨHTML/CSS΋͋ͬͨ ͷͰɺલ໘ϦϓϨΠεͱ͍͏ΑΓ ͪΐͬ͜ͱͣͭ΍Γ͔ͨͬͨ

  14. None
  15. None
  16. None

  17. ΞϓϦέʔγϣϯ͕ ֦େ͢ΔதͰग़͖ͯͨ ՝୊

  18. ՝୊1 JSͰѻ͏DOM΍ ΦϒδΣΫτͷ ࠃࡍԽରԠ

  19. ඇಉظʹσʔλऔ͖ͬͯͯදࣔ ͢Δͷ͸͍͍͚ͲɺϢʔβʔͷ ݴޠʹ߹Θͤͯදࣔ͠ͳ͖Ό ͍͚ͳ͍

  20. ՝୊2 ෳࡶԽ͖ͯͨ͠UI΍ ϑΥʔϜʹ͓͚Δ όϦσʔγϣϯ

  21. ػೳ͕૿͑Δͱɺ౰વ ೖྗϑΥʔϜ΋ෳࡶʹͳΔɻ UXΛଛͳΘͳ͍ͨΊʹద੾ͳ ϝοηʔδΛಈతʹද͍ࣔͨ͠

  22. VUE.JSಋೖ࣌ʹ͸ ΄ͱΜͲݟͯͳ͔ͬͨ VUEϓϥάΠϯ

  23. JS͕ѻ͏DOM΍ ΦϒδΣΫτͷ ࠃࡍԽରԠ => VUE-I18N

  24. ෳࡶԽ͖ͯͨ͠UI΍ ϑΥʔϜʹ͓͚Δ όϦσʔγϣϯ => VUE-VALIDATOR (WIP)

  25. ΊͬͪΌศར " "

  26. None
  27. None
  28. None

  29. ࠷ॳ͔ΒϑϧελοΫͳϑϨʔϜ ϫʔΫΛ࠾༻͢Δͷ΋͍͍͚Ͳɺ खܰʹ࢖͍࢝ΊΒΕɺͦͷޙͷ ඞཁʹԠͯ͡ϓϥάΠϯΛ ೖΕΒΕΔVUE.JS͸ ελʔτΞοϓʹΦεεϝ✌

  30. ݁࿦ - ඞཁͳٕज़ɾϑϨʔϜϫʔΫΛ ඞཁͳλΠϛϯάͰऔΓೖΕΔ - ઌΛݟਾ͑͗ͨ͢બ୒Λ͢Δͱɺ ଍͔ͤͱͳͬͯ͠·͏

  31. ׬

  32. WE’RE HIRING! ❤