Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
solving frontend issues
arm4
February 16, 2019
Technology
1
1.2k
solving frontend issues
arm4
February 16, 2019
Tweet
Share
More Decks by arm4
See All by arm4
Google Data Studio 101
fromarm4
0
67
5 Points Of Customizing Vuetify
fromarm4
4
850
about abstract component design using slots of Vue.js
fromarm4
4
930
laravel_lt_party_with_mokumoku_3
fromarm4
0
200
Make it happen in realtime with Laravel Echo and Pusher
fromarm4
0
730
Trying to write a code with Laravel+Vue+TypeScript
fromarm4
0
280
Create a Laravel notification via Slack when batch jobs are finished
fromarm4
0
390
Popular Vue.js UI Frameworks in 2019
fromarm4
2
700
SKDs対象のWeb API設計概論〜Laravelを添えて〜
fromarm4
0
780
Other Decks in Technology
See All in Technology
質の良い”カイゼン”の為の質の良い「振り返り」
shirayanagiryuji
0
130
インフラのテストに VPC Reachability Analyzer は外せないという話
nulabinc
PRO
2
710
聊聊 Cgo 的二三事
david74chou
0
330
Amazon Comprehendで始める感情分析
46ta
0
190
Trusted Web プロトタイプ
finengine
0
330
サイバー攻撃を想定したクラウドネイティブセキュリティガイドラインとCNAPP及びSecurity Observabilityの未来
syoshie
1
1.4k
You're M̶u̶t̶e̶d̶ Rooted
patrickwardle
0
2.7k
ログラスを支える技術的投資の仕組み / loglass-technical-investment
urmot
9
1.9k
Continuous Architecture Design for Modernization
humank
1
430
ロボットの実行すらメンドクサイ!?
kou12092
0
200
テクニカルライティングの検定を受けてみた話 / "My Story About Taking the Technical Writing Exam
line_developers
PRO
1
210
ここが好きだよAWS管理ポリシー_devio2022/i_am_iam_lover
yukihirochiba
0
3.2k
Featured
See All Featured
Visualization
eitanlees
125
12k
Git: the NoSQL Database
bkeepers
PRO
415
59k
Designing Experiences People Love
moore
130
22k
Why Our Code Smells
bkeepers
PRO
324
55k
Happy Clients
brianwarren
89
5.6k
What’s in a name? Adding method to the madness
productmarketing
11
1.6k
Fantastic passwords and where to find them - at NoRuKo
philnash
27
1.6k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
213
11k
Web development in the modern age
philhawksworth
197
9.3k
Support Driven Design
roundedbygravity
87
8.6k
Gamification - CAS2011
davidbonilla
75
3.9k
Building Flexible Design Systems
yeseniaperezcruz
310
34k
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
·ͱΊ ٕज़՝ΛΫϦΞ͢ΔͨΊ ৽͍ٕ͠ज़Λ࠾༻͢Δࡍʹ Ұ൪ॏཁͳ͜ͱʁ
·ͱΊ ՝Λਅʹड͚ࢭΊͯߟ͑ͯΒ͑Δ ΤϯδχΞͱͯ͠ͷ ឺͱ৴པΛपғͱங͘͜ͱʂ
·ͱΊ ͦͷͨΊʹ Βͳ͚ΕͳΒͳ͍͜ͱʁ
·ͱΊ • ࣮Λ͢͜ͱ • ՌΛݟͤΔ͜ͱ • ͕ࣗઌͯ͠ษڧ͢Δ͜ͱ • पғͷαϙʔτΛ੯͠·ͳ͍͜ͱ •
ࠔ͍ͬͯΔΤϯδχΞͷΛฉ͘͜ͱ
·ͱΊ ࠔ͍ͬͯΔΤϯδχΞ ٕज़՝Λ๊͍͑ͯ·͢ʂ վળ͢Δνϟϯεʂ ৽͍͜͠ͱʹνϟϨϯδ͢Δνϟϯεʂ
͜Ε͔ΒϓϥϜβɺ ͓٬༷͕ຊʹٻΊ͍ͯͨ ۀγεςϜΛ࣮ݱ͢ΔͨΊɺ ͍ΖΜͳٕज़ʹ ઓ͍ͯ͜͠͏ͱࢥ͍ͬͯ·͢ʂ