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
uniqueパッケージの内部実装を支えるweak pointerの話
magavel
0
920
プログラマのための作曲入門
cheebow
0
540
Go言語の特性を活かした公式MCP SDKの設計
hond0413
1
180
Reduxモダナイズ 〜コードのモダン化を通して、将来のライブラリ移行に備える〜
pvcresin
2
680
私はどうやって技術力を上げたのか
yusukebe
43
17k
フロントエンド開発に役立つクライアントプログラム共通のノウハウ / Universal client-side programming best practices for frontend development
nrslib
7
3.9k
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう! #FEC余熱NIGHT
izumin5210
3
400
いま中途半端なSwift 6対応をするより、Default ActorやApproachable Concurrencyを有効にしてからでいいんじゃない?
yimajo
2
340
GitHub Actions × AWS OIDC連携の仕組みと経緯を理解する
ota1022
0
240
Back to the Future: Let me tell you about the ACP protocol
terhechte
0
130
Serena MCPのすすめ
wadakatu
4
900
CSC509 Lecture 06
javiergs
PRO
0
240
Featured
See All Featured
For a Future-Friendly Web
brad_frost
180
9.9k
Documentation Writing (for coders)
carmenintech
75
5k
BBQ
matthewcrist
89
9.8k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
580
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
The World Runs on Bad Software
bkeepers
PRO
71
11k
Agile that works and the tools we love
rasmusluckow
331
21k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Designing Experiences People Love
moore
142
24k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
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ಓձ͍ͬͯͩ͘͞
ऴΘΓ