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
天下一 Dev Server 武道会 / World Dev Server Tournament
Search
Pちゃん
November 22, 2018
Programming
2
950
天下一 Dev Server 武道会 / World Dev Server Tournament
Pちゃん
November 22, 2018
Tweet
Share
More Decks by Pちゃん
See All by Pちゃん
API になろう / Let's become an API
p1ch_jp
0
3.4k
この先生きのこるためのPostCSS実践入門
p1ch_jp
1
1.5k
エンジニアのためのデザインの話
p1ch_jp
0
920
Other Decks in Programming
See All in Programming
アルテニア コンサル/ITエンジニア向け 採用ピッチ資料
altenir
0
110
テストカバレッジ100%を10年続けて得られた学びと品質
mottyzzz
2
600
チームのテスト力を鍛える
goyoki
0
100
機能追加とリーダー業務の類似性
rinchoku
2
1.3k
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
inetand
0
860
HTMLの品質ってなんだっけ? “HTMLクライテリア”の設計と実践
unachang113
4
2.9k
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
azukiazusa1
24
12k
ぬるぬる動かせ! Riveでアニメーション実装🐾
kno3a87
1
220
ユーザーも開発者も悩ませない TV アプリ開発 ~Compose の内部実装から学ぶフォーカス制御~
taked137
0
180
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
270
パッケージ設計の黒魔術/Kyoto.go#63
lufia
3
440
AIでLINEスタンプを作ってみた
eycjur
1
230
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Speed Design
sergeychernyshev
32
1.1k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
GraphQLの誤解/rethinking-graphql
sonatard
72
11k
Rails Girls Zürich Keynote
gr2m
95
14k
Producing Creativity
orderedlist
PRO
347
40k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.6k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
KATA
mclloyd
32
14k
Transcript
גࣜձࣾσΟʔɾΤψɾΤʔ ౻ݪ৻ଠBLB1$IBO ఱԼҰdev serverಓձ Frontend de KANPAI! #5
͜Μʹͪ
PͪΌΜͰ͢ @p1ch_jp
ීஈɺ6*σβΠφʔΛ͍ͬͯ·͢ɻ MyAnimeListͱ͔ɺϋοΧυʔϧͱ͔
ࣗݾհ·͍͍͋
ࠓ͓ੈʹͳͬͨͷͰ͢Ͷʂ
ࠓͱ͘ʹ͓ੈʹͳͬͨͷ w 4LFUDI w 6*ͭ͘ΔͷίϨ͕ϝΠϯ w "CTUSBDU w ͏ʮ࠷৽൛DPQZ@OFXʯΈ͍ͨͳ࣌ऴΘΓ w
/PXTI w ແྉͰ্ཱ͕ͪͬͯɺ84௨Δͷوॏͩ w /VYUKT w ࣗ੩తαΠτΛHFOFSBUFίϚϯυͰͭ͘ΔΈ͍ͨ ͳ༻ํ๏͕ଟ͔ͬͨ
͜ͷதͰϑϩΧϯͰ ΕΔͱͨ͠ΒNuxt͔ͳ( ˘ω˘)
ͱࢥͬͨͷͰ͕͢
Nuxt͕ศརͳ͜ͱͱ͔ Έͳ͞Μඦঝͩͱࢥ͏͠
5ؒͷLTͰઆ໌ͨ͠ͱ͜ΖͰ ʮͦΕͦ͏ʯͱͳͬͯ͠·͍ͦ͏ͳͷͰ
ࠓճ
OVYUHFOFSBUFͨ͋͠ͱʹग़ͯ͘Δ EJTUΛԿ͔͠ΒͷϩʔΧϧαʔόʔͰ ֬ೝ͢Δͱࢥ͏ͷͰ͕͢
ͦΕΛԿͰ֬ೝ͢Δͷ͕ྑ͍ͷ͔ͱ͍͏ χονͳΛ͍ͨ͠ͱࢥ͍·͢ɻ
ͱ͍͏Θ͚ͰվΊ·ͯ͠
ఱԼҰDev Serverಓձ
ࢀՃࢿ֨ w ϩʔΧϧͰΣϒαʔόʔ͕ͨͭ͜ͱ w Command Line InterfaceΛ͍ͬͯΔ͜ͱ
બखೖ
No1. python -m SimpleHTTPServer ϫϯϥΠφʔαʔόʔքͷॏ
No2. light-server (from npm)
No3. budo (from npm)
No4. serve (from npm)
ධՁํ๏ w ֮͑͢͞ w ୯७ʹίϚϯυΛԿจࣈͰݺΔ͔ w ৮Γ͢͞ w Γ͍ͨ͜ͱΛαοͱͰ͖Δ͔ w
ͦͷଞ w ػೳཏੑ࣮ͳͲ ࠓճҎԼͷ࣠ͰධՁ͍ͨ͠ͱࢥ͍·͢ɻ ֤Ͱɺ߹ܭຬͰ͢ɻ
1ճઓ֮͑͢͞
1ճઓ୯७ʹͦͷίϚϯυΛ ԿจࣈͰݺͼग़ͤΔ͔Ͱ͢
5จࣈҎԼͳΒ3 15จࣈҎԼͳΒ2 20จࣈҎԼͳΒ1 ͦΕҎ্ͳΒ0
1ճઓ֮͑͢͞ w QZUIPON4JNQMF)5514FSWFS w 26จࣈ1 w MJHIUTFSWFS w 11จࣈ2 w
CVEP w 4จࣈ3 w TFSWF w 5จࣈ3
2ճઓ৮Γ͢͞
2ճઓ৮Γ͢͞Ͱɺ Γ͍ͨ͜ͱΛαοͱͰ͖Δ͔Ͱ͢
ࠓճ
./distΛlocalhost:3000Ͱ ϗεςΟϯά͢Δͱ͍͏
͋Γ͕ͪͳγνϡΤʔγϣϯͰ ࢼͯ͠Έ͍ͨͱࢥ͍·͢
No1.python -m SimpleHTTPServer w 42จࣈ͔͔Δ w ͦͦEJTUΛϕʔεʹϗεςΟϯάΈ͍ͨͳ͜ͱ͕Ͱ͖ ͳ͍ͷͰDE͢Δඞཁ͕͋Δ w ͔ͳΓ࣮༻తͰͳ͍ͷͰ0
$ cd dist && python -m SimpleHTTPServer 3000
No2.light-server w 28จࣈͰ࣮ߦͰ͖Δ w ΦϓγϣϯײతͰΘ͔Γ͍͢ w 3 $ light-server -s
dist -p 3000
No3.budo w 20จࣈͰ࣮ߦͰ͖Δ w ΦϓγϣϯײతͰΘ͔Γ͍͢ ຊਓʹ༏͍͠ w 3 $
budo -d dist -p 3000
No4.Terve w 60จࣈͰ࣮ߦͰ͖Δ w EJTUΛϕʔεʹϗεςΟϯάΈ͍ͨͳ͜ͱ͕ઃఆϑΝΠϧܦ ༝Ͱ͔͠σΩͳ͍ w 2ճ͔Βserve -l 3000ͷ13จࣈͰ࣮ߦͰ͖Δ
w ͷͰ1͋͛ͪΌ͏ $ echo {\ public\ : \ dist\ } >> serve.json && serve -l 3000
3ճઓͦͷଞ
ͦͷଞͰΞϐʔϧͰ͖Δ͜ͱΛ όγόγ্͛ͯಠஅͱภݟͰՃ͍͖ͯ͠·͢ɻ
No1.python -m SimpleHTTPServer w ੈͷதͰҰ൪ΘΕ͍ͯΔϩʔΧϧαʔόʔͰ͢ʂʂ w ͦ͏ͩͶ w 1Ճ
No2.light-server w http2ʹରԠͰ͖Δ͜ͱΛചΓʹ͍ͯ͠Δʢ͍͢͝Ͷʣ w ػೳཏੑͳ͔ͳ͔͍͢͝ w IUUQTHJUIVCDPNUYDIFOMJHIUTFSWFS w 2Ճ
No3.budo w GitHub Star 1400͑Ͱ͢ʂʂʢͦ͏ͩͶʣ w ػೳཏੑ͕͍͢͝Ͱ͢ʂʂʢ͔ͨ͠ʹ͍͢͝ʣ w IUUQTHJUIVCDPNNBUUEFTMCVEP w
2Ճ
No4.Terve w GitHub Star 3400͑Ͱ͢ʂʂʢ͍͢͝Ͷʣ w 1Ճ
݁Ռൃද
ճઓ ճઓ ճઓ ߹ܭ QZUIPO MJHIUTFSWFS
CVEP TFSWF
ͱ͍͏Θ͚Ͱ
dev server
budo
·ͱΊ w ࠓճͷ༏উɺ৮Γ͢͞ɾػೳཏੑͷ໘͔Βbudoʹ ܾఆ w http2Λ༻͍ͨ͠ͱ͖light-serverΛ͏ͱྑͦ͞͏ w ͬͱଞʹྑͦ͞͏ͳͷ͋ΔͰʂΈ͍ͨͳͷ͋Ε࣍ճҎ߱ ͷϑϩΧϯͰୈೋճdev serverಓձ͍ͬͯͩ͘͞
ऴΘΓ