Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

成長するアプリケーションと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
340
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
840
Lambda@Edgeを利用したサードパーティJavaScriptのカナリアリリース / Canary release using Lamdba@Edge
Avatar for Edward Fox edwardkenfox
0
150
AWS re:Invent 2019 / Hackathon for Good 参加録
Avatar for Edward Fox edwardkenfox
2
640
Repro basketball club
Avatar for Edward Fox edwardkenfox
0
310
Introduction to UX Optimizer
Avatar for Edward Fox edwardkenfox
0
160
フロントエンド開発の落とし穴 / Fallacies of Client Side Programming (2019ver)
Avatar for Edward Fox edwardkenfox
0
380
僕とprototypeとJSONで / Me and prototype down by the JSON
Avatar for Edward Fox edwardkenfox
0
200
クライアントサイド開発の落とし穴 / Fallacies of Client Side Programming
Avatar for Edward Fox edwardkenfox
0
530
Beacon API ことはじめ 〜そしてkeepalive fetchへ〜 / Beacon API The Basics
Avatar for Edward Fox edwardkenfox
0
1.3k

Other Decks in Technology

See All in Technology
「私が一番顧客に詳しい」を捨てる～ 全員が一次情報に精通する開発チームをつくり、PMが次のボトルネックへ染み出すまで
Avatar for 株式会社カミナシ kaminashi
0
170
Conditional PED-ANOVA: Hyperparameter Importance in Hierarchical & Dynamic Search Spaces
Avatar for Preferred Networks pfn
PRO
0
140
Local CI × GitHub Actions
Avatar for gogutan gogutan
3
230
OptunaHub: ブラックボックス最適化のためのプラットフォーム
Avatar for Preferred Networks pfn
PRO
0
150
10年後、Engineering 行為を剥奪されるとして、わたしたちは、どう、何を創ればいいだろうか。 / If Engineering Is Taken Away in 10 Years, How and What Should We Create?
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
1
220
React改造してみた
Avatar for Mooncake Sugar tsukina_7mochi
0
140
野蛮なアジャイル ［サイボウズ発！］組織の常識を覆した反骨のスクラム実践記 / Barbaric Agile - Enterprise Agile Study Group
Avatar for ama-ch ama_ch
0
120
AI導入は済んだ。次は統制を作り替える番だ_AI×開発組織 Summit 2026
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
450
SAENM ~Jupyterで残すPoCの試行錯誤、未来の自分と仲間を助ける記録！~
Avatar for Manabu TERADA terapyon
0
160
Benchmarking Disaggregated Serving on vLLM + Dynamo with a Real Coding-Agent Workload
Avatar for NTT docomo Business nttcom
1
210
アウトプット初心者、半年間のふりかえり
Avatar for aoi 4o1sobblue
0
460
Rust で関数型ドメインモデリング
Avatar for ONDA, Takashi takonda
0
170

Featured

See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
3.1k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
5
54k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.8k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
7.1k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
360
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.6k
Test your architecture with Archunit
Avatar for Yoan thirion
2
2.4k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
600
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.2k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
480

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