Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
solving frontend issues
Search
arm4
February 16, 2019
Technology
1
1.7k
solving frontend issues
arm4
February 16, 2019
Tweet
Share
More Decks by arm4
See All by arm4
Google Data Studio 101
fromarm4
0
150
5 Points Of Customizing Vuetify
fromarm4
4
1.3k
about abstract component design using slots of Vue.js
fromarm4
4
1.5k
laravel_lt_party_with_mokumoku_3
fromarm4
0
400
Make it happen in realtime with Laravel Echo and Pusher
fromarm4
0
990
Trying to write a code with Laravel+Vue+TypeScript
fromarm4
0
540
Create a Laravel notification via Slack when batch jobs are finished
fromarm4
0
800
Popular Vue.js UI Frameworks in 2019
fromarm4
2
870
SKDs対象のWeb API設計概論〜Laravelを添えて〜
fromarm4
0
1.4k
Other Decks in Technology
See All in Technology
決済システムの信頼性を支える技術と運用の実践
ykagano
0
490
日々のSlackアラート確認運用をCustom Chat Modesで楽にした話 / 日々のSlackアラート確認運用をCustom Chat Modesで楽にした話
imamotohikaru
0
450
re:Invent完全攻略ガイド
junjikoide
1
280
機密情報の漏洩を防げ! Webフロントエンド開発で意識すべき漏洩パターンとその対策
mizdra
PRO
8
2.2k
仕様は“書く”より“語る” - 分断を超えたチーム開発の実践 / 20251115 Naoki Takahashi
shift_evolve
PRO
1
430
AI時代に必要なデータプラットフォームの要件とは by @Kazaneya_PR / 20251107
kazaneya
PRO
4
970
What's the recommended Flutter architecture
aakira
3
1.1k
LINE公式アカウントの技術スタックと開発の裏側
lycorptech_jp
PRO
0
350
仕様駆動 x Codex で 超効率開発
ismk
2
1.4k
CodexでもAgent Skillsを使いたい
gotalab555
9
4.5k
メタプログラミングRuby問題集の活用
willnet
2
780
「データ無い! 腹立つ! 推論する!」から 「データ無い! 腹立つ! データを作る」へ チームでデータを作り、育てられるようにするまで / How can we create, use, and maintain data ourselves?
moznion
7
3.7k
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Balancing Empowerment & Direction
lara
5
740
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.3k
How to Think Like a Performance Engineer
csswizardry
28
2.3k
Building Adaptive Systems
keathley
44
2.8k
Why Our Code Smells
bkeepers
PRO
340
57k
How STYLIGHT went responsive
nonsquared
100
5.9k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Rails Girls Zürich Keynote
gr2m
95
14k
Transcript
-BSBWFMͱ7VFKTʹग़ձͬͨࢲ͕ ϨΨγʔͳཧαΠτΛ 41"ʹ͢Δ·ͰͷาΈ -BSBWFM+1$POGFSFODF ϋτϤί !QMVNTB
ࣗݾհ גࣜձࣾϓϥϜβ 5FDI-FBE ോ ༸ࢠ ެࣜ5XJUUFS!QMVNTB ϥϥɾϕϧࢠ͞Μͷதͷਓ ͓ؾܰʹϑΥϩʔ͍ͩ͘͞ʂ
ձࣾհ גࣜձࣾϓϥϜβ ۀγεςϜΛ࡞Γଓ͚ ΦʔμʔϝΠυͰͷ 8FCγεςϜߏஙΛ ಘҙͱ͢Δडୗ։ൃձࣾ
݄ ϓϥϜβʹೖࣾ
࣌ͷϓϥϜβ • -BSBWFMΛ࠾༻ͯ͠ • αʔόʔαΠυΤϯδχΞ ͔͍͠ͳ͍ • ༷͕ෳࡶͳΦʔμʔϝΠ υͷۀγεςϜΛߏங •
ϑϩϯτK2VFSZ • ͳͷʹ6*ɾ69ʹର͢Δͩ͜ ΘΓ͕͍͢͝
ܾҙ ϑϩϯτΤϯυͰ๊͍͑ͯΔ ٕज़՝Λղܾ͢Δʂ
ٕज़՝̍ ߏԽ͞Ε͍ͯͳ͍ ڊେKTϑΝΠϧʂ ळ ϛογϣϯελʔτ
՝Λ໌֬ʹ͢Δ େΓεύήοςΟΛ ߏԽ͞Εͨίʔυʹ͍ͨ͠ɻ ˠ+4ϑϨʔϜϫʔΫΛ࠾༻͢Δ
ԼௐΛ͢Δ • ਓؾ • ίϛϡχςΟόοΫϘʔϯ • ։ൃͷ׆ൃੑ ˠ"OHVMBS+4 3FBDU 7VFKT
˞"OHVMBS+4ݱࡏͷ"OHVMBSͷલͷ໊শ
શࣾ࠾༻͢Δ͜ͱΛ೦಄ʹҰͭʹߜΔ • ֶशίετ • ࠓͷٕज़ͱͷੑ • υΩϡϝϯτͷॆ࣮ • ઃܭ͢͠͞ͱॊೈੑͷߴ͞ ˠ7VFKT
ڭ ͱʹ͔͘Ξϐʔϧʂ • ΈΜͳͷͭΒΈ͕ղܾͰ͖ΔͱΞϐʔϧʂ • -BSBWFMͱ૬ੑ͍͍͠ɺͱʹ͔͘؆୯ͩͱप ғʹΞϐʔϧʂ • Ғ͍ਓΛั·͑ͯɺ ʮ͜͏͍͏6*͕؆୯ʹ࡞ΕΔΜͰ͢Αʂʯͱ
ݱΛΞϐʔϧʂ
ࣾγεςϜͷߏங 7VFKTͰ41"Λ ߏங
ຊҊ݅Ͱ࠾༻ʂ ݄ ϛογϣϯίϯϓ
৽ͨͳ՝͕ൃੜʂ
ٕज़՝̎ Ͳ͜Ͱมߋ͞Ε͔ͨෆ໌ͳ ํ͗͢Δσʔλ ˍେྔͷΠϕϯτ ݄ ϛογϣϯελʔτ
՝Λ໌֬ʹ͢Δ σʔλ͕มΘΔλΠϛϯάΛ ໌֬ʹ੍ޚ͍ͨ͠ɻ ΠϕϯτͰσʔλΛड͚͢ͷΛΊ ผίϯϙʔωϯτͰಉ͡σʔλΛࢀর͍ͨ͠ɻ ˠঢ়ଶཧϑϨʔϜϫʔΫΛ࠾༻͢Δ
ԼௐΛ͢Δ • ਓؾ • ίϛϡχςΟόοΫϘʔϯ • ։ൃͷ׆ൃੑ ˠ3FEVY 7VFY .PC9
શࣾ࠾༻͢Δ͜ͱΛ೦಄ʹҰͭʹߜΔ • ֶशίετ • ࠓͷٕज़ͱͷੑ ˠ7VFY
ڭϑΣʔζ̍ ͱʹ͔͘Ξϐʔϧʂ • ঢ়ଶཧ͠ͳ͍ͭΒΈΛΞϐʔϧʂ • ঢ়ଶཧΛ͢Δͱόά͕গͳ͘ͳΔ͜ͱΛΞ ϐʔϧʂ
ྫ֎͕ൃੜʂ ͪΐͬͱߴͳͰɺ ͬͯͳ͍ਓʹ ͭΒΈ͕·ͬͨ͘ΘΒͳ͍ɻ ˠ͍ͬͨΜڭ׆ಈΛΊΔ
݄ ৽ਓΤϯδχΞ͕ ࢲͷҊ݅ʹΞαΠϯ͞ΕΔʂ
ڭϑΣʔζ̎ ͍Ξϐʔϧʂ • ଞͷΤϯδχΞʹͭΒΈΛ࣮ײͯ͠Β͍ɺ ҰॹʹͭΒΈΛΞϐʔϧʂ • ษڧձΛ։͖ɺͱʹ͔͘؆୯ʹͭΒΈ͕ແ͘ͳΔ ͜ͱΛΞϐʔϧʂ
ຊҊ݅Ͱ࠾༻ʂ ݄ ϛογϣϯίϯϓ
৽ͨͳ՝͕ൃੜʂ
ٕज़՝̏ K2VFSZͱ7VFͷ ૬ੑͷѱ͞ʹΑΔ࣮ίετͷ૿Ճ ݄ϛογϣϯελʔτ
՝Λ໌֬ʹ͢Δ ͏K2VFSZΛ͍ͨ͘ͳ͍ɻ K2VFSZ͔Βͷଔۀɻ ˠ7VFKT༻6*ϑϨʔϜϫʔΫΛ࠾༻
ԼௐΛ͢Δ ͍ͭͷʹՃ͑ͯ • %BUFQJDLFS͕͋Δ͔ • 6*ίϯϙʔωϯτͷछྨ͕ଟ͍͔ ˠ&MFNFOU 7VFUJGZ
શࣾ࠾༻͢Δ͜ͱΛ೦಄ʹҰͭʹߜΔ ͍ͭͷʹՃ͑ͯ • ϨεϙϯγϒରԠ • ϨΠΞτͷ͢͠͞ ˠ7VFUJGZ
ຊҊ݅Ͱ࠾༻ʂ ݄ ϛογϣϯίϯϓ ͜Ε·Ͱͷڭˍαϙʔτ࣮ʹΑΓɺٕज़࠾༻ ʹؔͯ͠पғ͔Β৴པΛಘ͍ͯͨʂ /Pڭ࠾༻Λ࣮ݱʂ
ಉ࣌ฒߦͰผͷ՝ൃੜʂ
ٕज़՝̐ ϧʔςΟϯάΛ -BSBWFMͱKTͷ྆ํͰΔ͜ͱͰͷ ࣮ίετͷ૿Ճ ݄ϛογϣϯελʔτ
՝Λ໌֬ʹ͢Δ ηογϣϯͰΛҾ͖ճͨ͘͠ͳ͍ɻ ݕࡧύϥϝʔλͷՃআΛ؆୯ʹߦ͍͍ͨɻ 63-ʹΑͬͯ ίϯϙʔωϯτΛ؆୯ʹΓସ͍͑ͨɻ ϧʔςΟϯάΛશ෦KTʹ͍ͤͨɻ ˠ7VF3PVUFSΛ࠾༻
ຊҊ݅Ͱ࠾༻ʂ ݄ ϛογϣϯίϯϓ 7VF3PVUFSΛ͢Ͱʹ࠾༻͍ͯ͠ΔҊ͕݅͋Γ શࣾతʹ࠾༻͢Δ͜ͱ͕ܾఆ େ͖ͳϝχϡʔ͝ͱʹ41"ͱ͍͏41"ʹ
ؾ͍ͮͨΒ ٕज़՝Λղܾ͢ΔͨΊ ৽͍ٕ͠ज़ΛऔΓೖΕΔ จԽ͕͍͍ࠜͯͨʂ
݄ ϓϥϜβͷۀγεςϜͰ ඪ४తʹ࠾༻͞Ε͍ͯΔ ϥΠϒϥϦɾϑϨʔϜϫʔΫ -BSBWFM 7VFKT 7VFY 7VF3PVUFS 7VFUJGZ
·ͱΊ ٕज़՝ΛΫϦΞ͢ΔͨΊ ৽͍ٕ͠ज़Λ࠾༻͢Δࡍʹ Ұ൪ॏཁͳ͜ͱʁ
·ͱΊ ՝Λਅʹड͚ࢭΊͯߟ͑ͯΒ͑Δ ΤϯδχΞͱͯ͠ͷ ឺͱ৴པΛपғͱங͘͜ͱʂ
·ͱΊ ͦͷͨΊʹ Βͳ͚ΕͳΒͳ͍͜ͱʁ
·ͱΊ • ࣮Λ͢͜ͱ • ՌΛݟͤΔ͜ͱ • ͕ࣗઌͯ͠ษڧ͢Δ͜ͱ • पғͷαϙʔτΛ੯͠·ͳ͍͜ͱ •
ࠔ͍ͬͯΔΤϯδχΞͷΛฉ͘͜ͱ
·ͱΊ ࠔ͍ͬͯΔΤϯδχΞ ٕज़՝Λ๊͍͑ͯ·͢ʂ վળ͢Δνϟϯεʂ ৽͍͜͠ͱʹνϟϨϯδ͢Δνϟϯεʂ
͜Ε͔ΒϓϥϜβɺ ͓٬༷͕ຊʹٻΊ͍ͯͨ ۀγεςϜΛ࣮ݱ͢ΔͨΊɺ ͍ΖΜͳٕज़ʹ ઓ͍ͯ͜͠͏ͱࢥ͍ͬͯ·͢ʂ