Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
solving frontend issues
Search
arm4
February 16, 2019
Technology
1.8k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
solving frontend issues
arm4
February 16, 2019
More Decks by arm4
See All by arm4
Google Data Studio 101
fromarm4
0
200
5 Points Of Customizing Vuetify
fromarm4
4
1.4k
about abstract component design using slots of Vue.js
fromarm4
4
1.6k
laravel_lt_party_with_mokumoku_3
fromarm4
0
430
Make it happen in realtime with Laravel Echo and Pusher
fromarm4
0
1.1k
Trying to write a code with Laravel+Vue+TypeScript
fromarm4
0
600
Create a Laravel notification via Slack when batch jobs are finished
fromarm4
0
890
Popular Vue.js UI Frameworks in 2019
fromarm4
2
900
SKDs対象のWeb API設計概論〜Laravelを添えて〜
fromarm4
0
1.4k
Other Decks in Technology
See All in Technology
【データ横丁主催】AI Agentがコンテキストを使って仕事をした後、何が残るのか― 組織の経験を次の判断に引き継ぐ「Agent Memory」
shisyu_gaku
2
320
2026-09-26 Platform Engineering Kaigi 2026 インフラとアプリの境界線と委譲の設計 / Drawing the Infra and App Line
masasuzu
0
570
AI駆動開発、viviONの1年 ── うまくいったこと・いかなかったこと
vivion
0
140
Lambda MicroVMsが分からなすぎたので使い所を1から考えてみた
tsukuboshi
2
290
人にやさしく、AIにやさしく、書き手を選ばないIaCのガードレール再考 / Rethinking IaC Guardrails for Humans and AI Alike
kohbis
5
2k
OSC2026on_the-world-is-waiting-for-your-voice.pdf
naruoga
0
230
サーバーフルコンピューティング?AWS Lambda
iwatatomoya
0
130
Swap and Memory Reclaim - Squeezing Out More RAM
ennael
PRO
1
1.5k
認知負荷を吸収し、プロダクトをまたぐPR Preview基盤の設計事例
taiki45
2
570
AI感のないAWS構成図をAIエージェントに描かせたい!
sagochiko
2
500
ビジネスを止めない技術的負債の返済のための戦略とその手法 - 技術的負債と向き合う / Complexity and Simplicity
soudai
PRO
2
430
VS Code × GitHub Copilot での Fabric 開発
ryomaru0825
1
220
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
142
7.7k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.3k
Building the Perfect Custom Keyboard
takai
2
890
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
200
Mobile First: as difficult as doing things right
swwweet
225
10k
Discover your Explorer Soul
emna__ayadi
2
1.3k
Code Reviewing Like a Champion
maltzj
528
40k
A designer walks into a library…
pauljervisheath
211
25k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
1
620
We Are The Robots
honzajavorek
0
380
Amusing Abliteration
ianozsvald
1
320
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
·ͱΊ ٕज़՝ΛΫϦΞ͢ΔͨΊ ৽͍ٕ͠ज़Λ࠾༻͢Δࡍʹ Ұ൪ॏཁͳ͜ͱʁ
·ͱΊ ՝Λਅʹड͚ࢭΊͯߟ͑ͯΒ͑Δ ΤϯδχΞͱͯ͠ͷ ឺͱ৴པΛपғͱங͘͜ͱʂ
·ͱΊ ͦͷͨΊʹ Βͳ͚ΕͳΒͳ͍͜ͱʁ
·ͱΊ • ࣮Λ͢͜ͱ • ՌΛݟͤΔ͜ͱ • ͕ࣗઌͯ͠ษڧ͢Δ͜ͱ • पғͷαϙʔτΛ੯͠·ͳ͍͜ͱ •
ࠔ͍ͬͯΔΤϯδχΞͷΛฉ͘͜ͱ
·ͱΊ ࠔ͍ͬͯΔΤϯδχΞ ٕज़՝Λ๊͍͑ͯ·͢ʂ վળ͢Δνϟϯεʂ ৽͍͜͠ͱʹνϟϨϯδ͢Δνϟϯεʂ
͜Ε͔ΒϓϥϜβɺ ͓٬༷͕ຊʹٻΊ͍ͯͨ ۀγεςϜΛ࣮ݱ͢ΔͨΊɺ ͍ΖΜͳٕज़ʹ ઓ͍ͯ͜͠͏ͱࢥ͍ͬͯ·͢ʂ