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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
810
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
630
Repro basketball club
Avatar for Edward Fox edwardkenfox
0
290
Introduction to UX Optimizer
Avatar for Edward Fox edwardkenfox
0
140
フロントエンド開発の落とし穴 / Fallacies of Client Side Programming (2019ver)
Avatar for Edward Fox edwardkenfox
0
370
僕とprototypeとJSONで / Me and prototype down by the JSON
Avatar for Edward Fox edwardkenfox
0
180
クライアントサイド開発の落とし穴 / 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
個人AIからチームAIへ：開発における品質と生産性の再設計
Avatar for Atsushi Nakatsugawa moongift
PRO
0
180
Python開発環境にハーネス適用を検討する
Avatar for yuuuka yuuka51
1
530
checker.tsにチキンレースを仕掛けてみた：型エラー(TS2589)が発生する境界線を求めて
Avatar for Hal hal_spidernight
1
210
データ分析基盤の信頼を支える視点と設計
Avatar for Yuki yuki_saito
1
690
AIが変えた"品質の守り方"
Avatar for kkakizaki kkakizaki
12
4.6k
組織の中で自分を経営する技術
Avatar for shoota shoota
0
160
AI時代から振り返るTerraform drift運用の歴史 / AI Age Reflections on the History of Terraform Drift Operations
Avatar for AEON aeonpeople
0
480
long-running-tasks
Avatar for cipepser cipepser
2
390
ルール・ロール・ツールを創る / Creating Rules, Roles and Tools
Avatar for Kenji Saito ks91
PRO
0
170
Spring Boot における​ AOT Cache 活用テクニックと​ 起動時間改善事例​
Avatar for NTTドコモソリューションズ　Java担当 ntt_dsol_java
0
120
Copilot CLI・IDE・Web・スマホで途切れない開発フローを目指して / One Copilot flow - CLI IDE Web Mobile
Avatar for AEON aeonpeople
1
1.1k
GitHub Copilot CLIでWebアクセシビリティを改善した話
Avatar for tomokusaba tomokusaba
0
100

Featured

See All Featured
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
250
1.3M
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.3k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.3k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.7k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
310
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
150
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k

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! ❤