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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
150
フロントエンド開発の落とし穴 / 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
MIERUNE JCT 発表資料「宇宙から伊能忠敬ごっこ」
Avatar for じゃらしまる syuchimu
0
210
タクシーアプリ『GO』の実践的データ活用
Avatar for GO Inc. dev mot_techtalk
3
190
エンジニアリング戦略の作り方 / Crafting Engineering Strategy
Avatar for iwashi iwashi86
20
6.6k
【Cyber-sec+】経営層を"動かす"ための考え方
Avatar for Hisashi Hibino hssh2_bin
0
140
あなたの AI ワークスペースに、 専門コーダーを連れてくる - Amazon Quick Desktop 最新情報
Avatar for kawaji kawaji_scratch
1
130
就職⽀援サービスにおけるキャリアアドバイザーのシフトスケジューリング
Avatar for Recruit recruitengineers
PRO
1
140
Disciplined Vibes: Scaling AI-Assisted Engineering
Avatar for Sheharyar Naseer sheharyar
0
140
RAG を使わないという選択肢
Avatar for tatsutaka tatsutaka
1
190
AI-DLCを活用した高品質・安全なAI駆動開発実践 / AI Driven Development with AI-DLC
Avatar for 吉田真吾 yoshidashingo
0
170
10倍の生産性を実現するAI駆動並列エージェントのすべて
Avatar for 熊井悠 kumaiu
5
1.4k
ACE-Step-1.5で見る 音楽生成AIのしくみと“破綻だけ直す”Retake機能の開発【zennfes spring 2026 登壇資料】
Avatar for asap personabb
1
140
社内 AI エージェント Synapse と セマンティックレイヤーの育て方
Avatar for Hiroaki Sano hiroakis
2
1.7k

Featured

See All Featured
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
310
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.1k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.2k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.3k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
330
Leo the Paperboy
Avatar for Maya Tellez mayatellez
7
1.8k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
310
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
540

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