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
さくらのフロントエンド さくらの Vue.js // vue.js in SAKURA
Search
Yoshihide TANIGUCHI
November 29, 2018
Technology
3
4k
さくらのフロントエンド さくらの Vue.js // vue.js in SAKURA
Yoshihide TANIGUCHI
November 29, 2018
Tweet
Share
More Decks by Yoshihide TANIGUCHI
See All by Yoshihide TANIGUCHI
スタディサプリ/Quipper オンラインミートアップ #1(Webエンジニア) / 新規サービス開発チームの紹介 / Studysapuri online meetup #1
ravelll
0
1.9k
Raspberry Pi と Netatmo と少しの ruby で作る二酸化炭素濃度モニター君
ravelll
0
57
Ruby の静的型チェックの話
ravelll
0
70
Quipperian and VimConf2019
ravelll
1
5.4k
PHP7.2で始める型宣言 // Type declaration with PHP 7.2
ravelll
0
270
ISUCONのすゝめ // Shall we ISUCON ?
ravelll
0
100
オブジェクト指向設計とデザインパターンの基礎 / Basics of object oriented design and design pattern
ravelll
0
620
1人から始める大規模Webアプリケーションの言語バージョンアップ / Upgrade PHP in a large application
ravelll
0
120
PHP 5.4 ~ 5.6 での追加機能のおさらいとバージョンアップへの誘い / Re-introduce PHP5.4~5.6 and invitation for upgrading
ravelll
0
79
Other Decks in Technology
See All in Technology
How to Build a Strong Engineering Culture
alperhankendi
0
120
技育祭2024春 LT Finatextホールディングス
kevinrobot34
1
120
20240314-AboutStorageAntivirusMeasures
takano0131
1
100
DevOps Topologies 10 years on: what have we learned about silos, collaboration, and flow? - Matthew Skelton, Conflux
matthewskelton
PRO
2
420
皆がすなるカオスエンジアリングといふものを、ネットワークオペレーションでもしてみむとてするなり
tjmtrhs
0
130
あなたの知らないバグバウンティの世界
eurekaberry
1
1.4k
OpenStack再入門「アーキテクチャ編」
kajinamit
0
250
Microsoft Fabric 開発ガイド
ryomaru0825
6
2.7k
B+木入門:PHPで理解する データベースインデックスの仕組み/b-plus-tree-101
hanhan1978
5
2.8k
スクラムガイドに載っていないスクラムのはじめかた - チームでスクラムをはじめるときに知っておきたい5個のコツ - / How to start Scrum that is not written in the Scrum Guide
takaking22
14
5.3k
イベント駆動コンテンツ (a.k.a Webアプリケーションの効率を再定義するBEAR.Sundayの分散キャッシングフレームワーク)
koriym
4
1.7k
Tohoku.Tech #1 「Cursorを使ったRaspberry Piの開発」by ねこまた
jun2882
0
160
Featured
See All Featured
Docker and Python
trallard
33
2.6k
What's in a price? How to price your products and services
michaelherold
236
11k
A Modern Web Designer's Workflow
chriscoyier
689
190k
No one is an island. Learnings from fostering a developers community.
thoeni
14
2k
GraphQLの誤解/rethinking-graphql
sonatard
48
9.1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
225
51k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
11
1.4k
Principles of Awesome APIs and How to Build Them.
keavy
119
16k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.8k
Robots, Beer and Maslow
schacon
PRO
154
7.9k
Why You Should Never Use an ORM
jnunemaker
PRO
50
8.5k
Transcript
͘͞ΒͷϑϩϯτΤϯυ ͘͞Βͷ7VFKT ୩ޱఓӳ
୩ޱఓӳ!SBWFMMM ͘͞ΒΠϯλʔωοτגࣜձࣾd ϑϩϯτΤϯυΤϯδχΞ7VFKT3VCZPO3BJMT ڈ·ͰόοΫΤϯυΤϯδχΞͰ1)13VCZΛॻ͍ͯ·ͨ͠
ຊͷ
6*5ͷࢀՃืूϖʔδΛݟͯΈΔͱʜ ༰7VFKTʹ·ͭΘΔͰ͋ΕԿͰܴͰ͢ʂ ͱͯ͠୯ͳΔٕज़հΑΓɺ ࣮ફʹجͮ͘ϢχʔΫͳࣄྫ͕·ΕΔ͕͋Γ·͢ ͘͞ΒͱνʔϜ ͘͞Βͷઐ༻αʔό ͷϑϩϯτΤϯυ։ൃ ಛʹ7VFKTΛར༻ͨ͠։ൃͰ࣮ફ͍ͯ͠Δॾʑ Λ͍͔ͭ͘ڞ༗͠·͢
⇣
͘͞ΒΠϯλʔωοτ ϑϩϯτΤϯυ։ൃ ͷ
αʔόʔ͞Μ ϑϩϯτΤϯυʁ ͷ
7VFKTɺଟ༻͍ͯ͠·͢ ར༻ࣄྫଟ͠ 3FBDU "OHVMBS 7VFKT &NCFSKT
None
None
None
w ίϯτϩʔϧύωϧʢμογϡϘʔυʣ w ͍߹ΘͤɾਃࠐΈϑΥʔϜ w ͚ࣾͷӡ༻αʔϏε w ίʔϙϨʔταΠτ ͳͲͳͲ
ͳͥ7VFKT ʮ)5.-4DSJQU$44Λ໌֬ʹͯ͠ॻ͚ΔͷͰ σβΠφͱڠۀͦ͢͠͏ͩͬͨʯ ʮॾπʔϧ͕ެ͔ࣜΒग़ͯͯ҆৺ײ͕͋ͬͨʯ ʮࣾʹ7VFKTͷࢿ࢈͕݁ߏ͋ͬͨ ૿Ճʹ͋ͬͨʯ ʮຊޠͷυΩϡϝϯτ͕ॆ࣮͍ͯͨ͠ʯ ʮ࣌3FBDU͕#4% 1"5&/54ϥΠηϯεͩͬͨʯ
ฉ͍ͯΈ·ͨ͠
͘͞Βͷઐ༻αʔό ϑϩϯτΤϯυ։ൃ ͷ
৽ίϯτϩʔϧύωϧ Ћ൛
αʔϏείϯύωΛ৽ͨ͠ w ϝϯςφϯεੑʹ͘͠อक͕ଐਓԽ͍ͯͨ͠ ˠ7VFKTϕʔεͰϦϓϨΠε
w 'SPOUFOE7VFKT 7VF3PVUFS 7VFY w 41" ඇ443 /VYUKTΘͣ w $
git ls-files | grep -E 'vue$' | wc -l ˞ඇ"UPNJD%FTJHO w ϩʔΧϧͷ։ൃͰϞοΫαʔό &YQSFTT Λ͏ ಈ࡞Λ֬ೝͰ͖Δ࠷খͷৼΔ͍͚ͩΛ࣮ ࣮ࡍͷ"1*ΞϓϦέʔγϣϯΛؚΊͨ֬ೝڞ༗ͷ։ൃ༻ڥʹ σϓϩΠͯ͠ߦ͏ w #BDLFOE1ZUIPO %KBOHP w "1*ઃܭ0QFO"1*υΩϡϝϯτͰڞ༗ ΞϓϦέʔγϣϯߏ
͜ͷΞϓϦέʔγϣϯͰ࣮ફ͍ͯ͠Δ σ ΟϨΫτϦߏ Τϥʔݕ ςετ ύοέʔδͷΞοϓσʔτ ࠔΓ͝ͱʢ࣮ફ͍ͯ͠Δʜʁʣ ʹ͍ͭͯڞ༗͠·͢
σ ΟϨΫτϦߏ
σ ΟϨΫτϦߏ ϖʔδ 63- ʹدΒͣ͏ίϯϙʔωϯτ܈ ྫɿϩʔσ ΟϯάΞχϝʔγϣϯɺϖʔδωʔγϣϯ TUPSFʹΞΫηε͠ͳ͍ ྫ֎ͱͯ͠ϔομʔάϩʔόϧφϏͳͲɺ ڞ௨ͷϨΠΞτΛ͢ͷTUPSFΞΫηεՄ
·ͨͲ͏ͯ͠HFUUFSΛ͍͍ͨͷ DPNQPOFOUTHMPCBMTҎԼʹஔ͍ͯ͏ ϧʔϧ&4-JOUͷϩʔΧϧϧʔϧʹͯ͠อূ
σ ΟϨΫτϦߏ ϖʔδ 63- ʹඥͮ͘ίϯϙʔωϯτ܈ ύϥϝʔλΛؚΉ63-@JEͰද͢
σ ΟϨΫτϦߏ ΞϓϦέʔγϣϯશମͷڍಈΛมߋ͢Δ࣮ 7VFVTF ͯ͠͏ͷͷઃఆʢWBMJEBUJPOͱ͔ʣ ίϯϙʔωϯτTUPSFͰॏෳ͢Δखଓ͖Λൈ͖ग़ͨ͠ͷ )551ϦΫΤετΛγΣʔϐϯά͢Δ܅ɺ BYJPTΛϥοϓͨ͠)551ΫϥΠΞϯτͱ͔
Τϥʔݕ w 4FOUSZΛར༻ w γϡοͱಋೖͰ͖ͯศརɺݱঢ়ࠔͬͯͳ͍ w )551ϦΫΤετʹ͍ͭͯηογϣϯΕʹΑΔɺ "1*ଆͷόϦσʔγϣϯΤϥʔʹΑΔҎ֎Λه w 7VF8BSO։ൃ࣌
ϨϏϡʔ࣌ʹਓ͕ؒݕ͢Δํ w ัଊ͍ͨ͠ͳΒ7VFDPOpHXBSO)BOEMFSʹDBQUVSF͢ ΔؔΛొ͠ͱ͍ͯEFWNPEFͰಈ͔͢
ςετ w ίϯϙʔωϯτͷςετ͋·Γॻ͍ͯͳ͍ʜ w ෳࡶͳػೳɾ࣮ΛؚΉͷʹ͍ͭͯɺͦͷڍಈΛઆ໌͢ΔͨΊͷς ετ͕͋Δ͘Β͍ w TUPSFͷϝιουͷ͏ͪσʔλϑϩʔҎ֎ͷϩδοΫ FYσʔλͷՃ ΛؚΜͰ͍Δͷʹ͍ͭͯςετॻ͍ͯΔ
w ॻ͍ͯͳ͍ྫड͚औͬͨͷΛDPNNJU͢Δ͚ͩͷBDUJPO w KTʹΓग़͞Ε͍ͯΔϝιουʹ͍ͭͯςετॻ͍ͯΔ w +FTU 7VF5FTU6UJMT w HJUQVTI୯ҐͰ$*ճͯ͠ςετ BVEJU
ςετྫ αʔόʔใΛऔಘ͢ΔBDUJPO
ςετྫ αʔόʔใΛऔಘ͢ΔBDUJPO w ઃఆ͞Εͨݕࡧ݅Λऔಘ HFUUFSTTFBSDI$POE w ݕࡧ͕݅͋ΕϦΫΤετύϥϝʔλͷܗʹม w มͨ͠ͷΛIUUQHFU
ʹ͢ w IUUQHFU ͷ݁Ռ αʔόʔใ ΛDPNNJU
ςετྫ αʔόʔใΛऔಘ͢ΔBDUJPO w IUUQHFU ʹϞοΫΦϒδΣΫτΛೖ w ςετͷഎܠͱͳΔݕࡧ݅ͱظ͢Δ IUUQHFU ʹΔύϥϝʔλΛઃఆ w
IUUQHFU ʹ͍ͬͯΔύϥϝʔλ͕ظͲ͓Γ Ͱ͋Δ͜ͱɺϦΫΤετ݁Ռ͕DPNNJU͞ΕΔ ͜ͱΛݕূ w ݕࡧ݅ʹԠͯ͡ਖ਼͘͠ߜΓࠐ·ΕΔ͔ɺ ϑϩϯτΤϯυͷͰͳ͍ͷͰ֬ೝ͠ͳ͍
ύοέʔδͷΞοϓσʔτ w ZBSOVQHSBEFͯ͠ϓϧϦΫΛ ͛Δ+FOLJOTλεΫΛिͰ ಈ͔ͯ͠Δ w खಈͰͷಈ࡞֬ೝ͕ଟ͍ʜͷͰ ςετͰอূ͢Δׂ߹Λ্͍͛ͨ w ϝδϟʔόʔδϣϯΞοϓ
ਓ͕ؒԹ͔ͬͯ͘Δ w XFCQBDLͱ͔#BCFMͱ͔
ࠔΓ͝ͱσβΠφʔͱͷڠۀ w σβΠϯͷڞ༗ɾ࣮͕ w ʮ99ϖʔδͷσβΠϯͰ͖·ͨ͠ʢ4LFUDIͰσβΠϯΛڞ༗ʣʯ ʰ͜͜ͷ༨ന෯ࢦఆແ͍Ͱ͚͢ͲͲ͏͠·͠ΐ͏͔ ɹ͋ͱͬͯ͜͜จষ͘ͳͬͨΒ่Ε·ͤΜʁ ͦΕͱ͜͜จষ͕ۭͷ߹ͦΕͱ͔ΔจݴΛӠʑʜʱ w ίϯϙʔωϯτͷࡉ͔͍ڍಈɾશͯΛ4LFUDIͰ͑Δͷ͕େมɺ
σβΠφʔͷϦιʔε͕Γͳ͍ w ࠓ)5.-$44ؚΊͯશͯϑϩϯτΤϯυΤϯδχΞ͕ॻ͍͍ͯΔ͕ɺ 4UPSZCPPLΛಋೖͯ͠ϥϑըΛݩʹίϯϙʔωϯτͷܗΛΤϯδχΞ͕ॻ͖$44 ΛσβΠφʔʹॻ͍ͯΒ͏ͱ͔ͰվળͰ͖Δͷ͔ʜʁ w ʮν͜͏ͬͯΔʯΛͥͻ͓ฉ͖͍ͨ͠Ͱ͢ʂ
·ͱΊ w 7VFKTΛར༻ͨ͠։ൃͰ࣮ફ͍ͯ͠Δ͜ͱΛ͋Ε͜Ε ڞ༗͠·ͨ͠ w σ ΟϨΫτϦߏɺΤϥʔݕɺςετɺύοέʔ δཧɺࠔΓ͝ͱ w ࠙ձͰͥͻ͋Ε͜Ε͓͠·͠ΐ͏