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.5k
solving frontend issues
arm4
February 16, 2019
Tweet
Share
More Decks by arm4
See All by arm4
Google Data Studio 101
fromarm4
0
110
5 Points Of Customizing Vuetify
fromarm4
4
1.2k
about abstract component design using slots of Vue.js
fromarm4
4
1.3k
laravel_lt_party_with_mokumoku_3
fromarm4
0
310
Make it happen in realtime with Laravel Echo and Pusher
fromarm4
0
920
Trying to write a code with Laravel+Vue+TypeScript
fromarm4
0
440
Create a Laravel notification via Slack when batch jobs are finished
fromarm4
0
660
Popular Vue.js UI Frameworks in 2019
fromarm4
2
820
SKDs対象のWeb API設計概論〜Laravelを添えて〜
fromarm4
0
1.2k
Other Decks in Technology
See All in Technology
Classmethod Odyssey 登壇資料
yamahiro
0
390
Azure Pipelinesを使用したCICDベースラインアーキテクチャ実践
yuriemori
0
190
エンジニア向け会社紹介資料
caddi_eng
14
220k
たくさん本を読んだけど 1年後には綺麗サッパリ!を乗り越えて 学習の鬼になるぞ👹
yum3
0
160
20240724_cm_odyssey_hibiyatech
hiashisan
0
110
Github Actions 로 Android 팀의 효율성 극대화
hadonghyun
0
160
頼られるのが大好きな 皆さんへ - 支援相手との期待の合わせ方、突き放し方 -/For_people_who_like_to_be_relied_on
naitosatoshi
1
290
プレイドにおけるDatadog APMの活用方法
plaidtech
PRO
2
120
さらに高品質・高速化を目指すAI時代のテスト設計支援と、めざす先 / AI Test Lab vol.1
shift_evolve
0
190
可視化プラットフォームGrafanaの基本と活用方法の全て
hamadakoji
0
230
LINE WORKSへ簡単通知!Incoming Webhookアプリの紹介
mmclsntr
0
110
DevIO2024_レガシー運用からの脱却 -クラウド活用の実践事例とベストプラクティス-
jun2882
0
210
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
124
16k
Optimising Largest Contentful Paint
csswizardry
18
2.6k
Rails Girls Zürich Keynote
gr2m
93
13k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
16
1.6k
Docker and Python
trallard
37
2.9k
Build The Right Thing And Hit Your Dates
maggiecrowley
28
2.2k
Web Components: a chance to create the future
zenorocha
307
41k
Building Adaptive Systems
keathley
34
2k
Art, The Web, and Tiny UX
lynnandtonic
291
20k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
277
13k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
121
18k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
129
32k
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
·ͱΊ ٕज़՝ΛΫϦΞ͢ΔͨΊ ৽͍ٕ͠ज़Λ࠾༻͢Δࡍʹ Ұ൪ॏཁͳ͜ͱʁ
·ͱΊ ՝Λਅʹड͚ࢭΊͯߟ͑ͯΒ͑Δ ΤϯδχΞͱͯ͠ͷ ឺͱ৴པΛपғͱங͘͜ͱʂ
·ͱΊ ͦͷͨΊʹ Βͳ͚ΕͳΒͳ͍͜ͱʁ
·ͱΊ • ࣮Λ͢͜ͱ • ՌΛݟͤΔ͜ͱ • ͕ࣗઌͯ͠ษڧ͢Δ͜ͱ • पғͷαϙʔτΛ੯͠·ͳ͍͜ͱ •
ࠔ͍ͬͯΔΤϯδχΞͷΛฉ͘͜ͱ
·ͱΊ ࠔ͍ͬͯΔΤϯδχΞ ٕज़՝Λ๊͍͑ͯ·͢ʂ վળ͢Δνϟϯεʂ ৽͍͜͠ͱʹνϟϨϯδ͢Δνϟϯεʂ
͜Ε͔ΒϓϥϜβɺ ͓٬༷͕ຊʹٻΊ͍ͯͨ ۀγεςϜΛ࣮ݱ͢ΔͨΊɺ ͍ΖΜͳٕज़ʹ ઓ͍ͯ͜͠͏ͱࢥ͍ͬͯ·͢ʂ