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.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
190
5 Points Of Customizing Vuetify
fromarm4
4
1.4k
about abstract component design using slots of Vue.js
fromarm4
4
1.5k
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
870
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
ラジオの科学
frievea
0
210
個人OSSが、机の上から世界に広がるまでの話
shinyasaita
1
340
PLaMo 3.0 Primeの構造化出力サポート
pfn
PRO
0
180
モノリス Rails でも日中に rails db:migrate を走らせたい! / Daytime rails db:migrate on Monolithic Rails!
euglena1215
3
430
AI時代の強いチームの作り方
yuukiyo
23
15k
『三匹の子ぶた』から学ぶネットワークセキュリティの昔と今 / Network Security: Then and Now Through the Lens of The Three Little Pigs
nttcom
1
1.7k
QAタスクをスキル化したいときに考えること
aomoriringo
0
180
制約理論(ToC)入門 2026版
recruitengineers
PRO
3
520
Atlassian Cloudサポート業務でのAIエージェント活用事例
smt7174
0
420
今こそ聞きたいソフトウェア設計 ドメイン駆動設計再入門
masuda220
PRO
16
5.7k
モダンフロントエンド 開発研修
recruitengineers
PRO
1
330
NetBoxを利用した作業効率化の試み_NetDevNight4
tnoha
0
460
Featured
See All Featured
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
350
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Tell your own story through comics
letsgokoyo
1
1k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
72
41k
Google's AI Overviews - The New Search
badams
0
1.1k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.7k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
660
Designing Experiences People Love
moore
143
24k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
560
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
400
Color Theory Basics | Prateek | Gurzu
gurzu
0
410
Building Flexible Design Systems
yeseniaperezcruz
330
40k
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
·ͱΊ ٕज़՝ΛΫϦΞ͢ΔͨΊ ৽͍ٕ͠ज़Λ࠾༻͢Δࡍʹ Ұ൪ॏཁͳ͜ͱʁ
·ͱΊ ՝Λਅʹड͚ࢭΊͯߟ͑ͯΒ͑Δ ΤϯδχΞͱͯ͠ͷ ឺͱ৴པΛपғͱங͘͜ͱʂ
·ͱΊ ͦͷͨΊʹ Βͳ͚ΕͳΒͳ͍͜ͱʁ
·ͱΊ • ࣮Λ͢͜ͱ • ՌΛݟͤΔ͜ͱ • ͕ࣗઌͯ͠ษڧ͢Δ͜ͱ • पғͷαϙʔτΛ੯͠·ͳ͍͜ͱ •
ࠔ͍ͬͯΔΤϯδχΞͷΛฉ͘͜ͱ
·ͱΊ ࠔ͍ͬͯΔΤϯδχΞ ٕज़՝Λ๊͍͑ͯ·͢ʂ վળ͢Δνϟϯεʂ ৽͍͜͠ͱʹνϟϨϯδ͢Δνϟϯεʂ
͜Ε͔ΒϓϥϜβɺ ͓٬༷͕ຊʹٻΊ͍ͯͨ ۀγεςϜΛ࣮ݱ͢ΔͨΊɺ ͍ΖΜͳٕज़ʹ ઓ͍ͯ͜͠͏ͱࢥ͍ͬͯ·͢ʂ