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

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

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
140
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
520
Beacon API ことはじめ 〜そしてkeepalive fetchへ〜 / Beacon API The Basics
Avatar for Edward Fox edwardkenfox
0
1.2k

Other Decks in Technology

See All in Technology
Terraform 101 (初心者向け) 資料
Avatar for Shu Adachi shuadachi
0
170
勉強会企画をアプリで構造化してみた 〜そこで見えた、AIとの付き合い方〜 / I've structured a study group plan using an app.
Avatar for Pauli pauli
0
300
product engineering with qa
Avatar for Nealle nealle
0
140
CVE-2026-20833_脆弱性対応とAES 化について
Avatar for Jun1214 jukishiya
0
350
AI Agent SaaS を支える自社仮想化基盤への挑戦と実運用 / ai-agent-saas-virtualization
Avatar for GMO Flatt Security flatt_security
0
610
SRE歴2ヶ月でも開発6年の知見を活かして、チームで止まっていた環境改善を前に進めた話
Avatar for a_ono a_ono
0
190
Oracle Exadata Database Service on Cloud@Customer X11M (ExaDB-C@C) サービス概要
Avatar for oracle4engineer oracle4engineer
PRO
2
8.3k
From Prompt Engineering to Loop Engineering
Avatar for shibuiwilliam shibuiwilliam
1
330
Claude Code 珍プレー好プレー
Avatar for Shinya Saita shinyasaita
0
130
知見・人・API・DB・予算 ─ ナイナイ尽くしだった人事データ整備 with dbt、5年間の学び
Avatar for ken ken6377
1
150
HookでSAST、CIでSAST、SCAでどうにかしている話 / layered-security-for-ai-written-code-with-sast-and-sca
Avatar for Takashi Yamaguchi yamaguchitk333
0
110
テスト設計の本質を改めて考えてみる～生成AIを活用する時代だからこそ、作ったテストの説明性を高めよう～
Avatar for YAMASAKI Takashi yamasaki696
1
290

Featured

See All Featured
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
320
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
270
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
7
1.9k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
230
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
340
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.1k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
32k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k

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