Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
リアーキテクトと開発生産性について
Search
Yosuke Furukawa
PRO
October 31, 2023
Programming
12k
24
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
リアーキテクトと開発生産性について
2023/10/31 @ Barフロントえんどう
で発表した「リアーキテクトと開発生産性について」です。
Yosuke Furukawa
PRO
October 31, 2023
More Decks by Yosuke Furukawa
See All by Yosuke Furukawa
Webの地図
yosuke_furukawa
PRO
6
4.9k
XHTMLが残したもの
yosuke_furukawa
PRO
2
860
jsmini JavaScript Engine を作ってみた話
yosuke_furukawa
PRO
0
420
デザインシステムが必須の時代に
yosuke_furukawa
PRO
2
320
Node.js, Deno, Bun 最新動向とその所感について
yosuke_furukawa
PRO
10
5.4k
Welcome JSConf.jp 2024
yosuke_furukawa
PRO
1
4.9k
tc39 x jsconf.jp Panel Discussion 2024
yosuke_furukawa
PRO
0
370
Removing Corepack
yosuke_furukawa
PRO
9
2k
JavaScript Runtime とはなにか
yosuke_furukawa
PRO
15
3.2k
Other Decks in Programming
See All in Programming
スマートフォンでモールス信号を送受信する 〜スマートフォンのLEDとカメラで作る光通信の設計と実装〜
atsuki_seo
0
210
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
drumath2237
1
490
AI が書く Go コードの品質を劇的に向上させる Linter: “declscope”
mpyw
0
440
Starting & Sustaining Code-Based E2E Testing for Non-Coding QA Teams( #jasstniigata )
teyamagu
PRO
1
680
iOSDC2026登壇資料.pdf
riofujimon
0
200
Omarchy Tokyo やると聞いて UMPC 買ってセットアップしてきた
mtsmfm
0
190
更なる可用性を求めて、5年間運用したKotlinのアプリケーションをGoでリプレイスする話
ken_tunc
0
400
Everything will be SERVERLESS — 信じて運用した10年の経験値 / Everything Will be Serverless — Lessons Learned from 10 Years of Operational Experience
seike460
PRO
1
570
モバイル交通系ICへのチャージ実例から考える、クロスプラットフォーム開発におけるiOS実機テスト設計とCI運用
yusuga
1
550
世界の中心で、AI(App Intents)をさけぶ ー App Intents中心設計の実践ガイド
touyou
0
720
20260914 AIエージェント時代のPlatform Engineering LLM基盤とプロダクトの責務境界線
kanfab1
7
2.3k
Intent as Code
shoppingjaws
6
1.1k
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
510
Faster Mobile Websites
deanohume
310
32k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.6k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
420
Producing Creativity
orderedlist
PRO
348
41k
How STYLIGHT went responsive
nonsquared
100
6.3k
Thoughts on Productivity
jonyablonski
76
5.4k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.9k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
2.7k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
1
430
Transcript
ϦΞʔΩςΫτͱ։ൃ ੜ࢈ੑʹ͍ͭͯ 2023/10/31 @ BAR ϑϩϯτ͑ΜͲ͏
X(Twitter): @yosuke_furukawa GitHub: yosuke-furukawa
ϦΞʔΩςΫτɹͱ ɹ ։ൃੜ࢈ੑʹ͍ͭͯ
ϦΞʔΩςΫτɹͱ ɹ ։ൃੜ࢈ੑʹ͍ͭͯ खஈ ϝτϦΫε
ϦΞʔΩςΫτͱ։ൃੜ࢈ੑʹ ͍ͭͯ • ։ൃੜ࢈ੑΛ্͛Δࣄ͕తͰ͋Δ߹ɺҰ ͭͷखஈͱͯ͠ϦΞʔΩςΫτ͕͋Δͱ͍͏ؔ • ϦΞʔΩςΫτ͕།ҰͷखஈͰͳ͍ • ٯʹϦΞʔΩςΫτ։ൃੜ࢈ੑͱ͍͏ϝτϦ
ΫεͷதͰԿΛ্ͤ͞Δࣄʹ͍͍ͯΔͷ͔
։ൃੜ࢈ੑͷΑ͋͘Δޡղ
։ൃੜ࢈ੑͷΑ͋͘Δޡղ • ։ൃੜ࢈ੑͱ։ൃऀຬͷࣄΛࢦ͢ • ։ൃऀຬ ≒ Developer Experience • ੜ࢈ੑͱີணͨؔ͠ੑ͕͋ΔͱΒΕ͓ͯΓɺେ
ࣄͰ͋Δ • ͨͩશͯͰͳ͍ • ։ൃऀຬ͕શͯʹͳΔͱऴΘΓͷͳཱྀ͍͕࢝·Δ
։ൃੜ࢈ੑͷΑ͋͘Δޡղ • ։ൃੜ࢈ੑͱActivityͷࣄΛࢦ͢ • Activity ͱ͍͏ͷίʔυͷϥΠϯΧϯτͩͬͨΓPRͩͬͨΓͱ͍ ͏։ൃ࡞ۀͷྔΛද͢ • ͜Εޡղͱ͍͏͔୯ʹϋοΫ͞Ε͍͢ •
ίϝϯτͨ͘͞Μॻ͍ͨΒɺվߦҐஔΛม͑ͨΒɺͱ͔Ͱ؆୯ʹՔ͛ͯ ͠·͏ • PRͱ͔Ϛʔδ͞Εͨճͱ͔ಉ༷ɺࡉ͔͘PRΕྑ͍ • ͭ·ΓɺActivity͚͕ͩ୯Ұͷ։ൃੜ࢈ੑΛද͢ࢦඪʹͳΒͳ͍
։ൃੜ࢈ੑͷΑ͋͘Δޡղ • ։ൃੜ࢈ੑͱPerformanceͷ͜ͱΛࢦ͢ • PerformanceγεςϜ͕ੜΈग़͢Ռ • ͏গ͠۩ମྫͰ͍͏ͱɺച্ɺސ٬ຬɺίετݮׂ ߹ͳͲ • ͜Ε͍͠։ൃ୯ମͷੜ࢈ੑ͚ͩͰୡͰ͖ͳ͍ͨΊ
• ͭ·ΓɺPerformance୯Ұͷ։ൃੜ࢈ੑΛද͢ࢦඪʹͳΒͳ ͍
։ൃੜ࢈ੑͷΑ͋͘Δޡղ • ։ൃੜ࢈ੑͱͲΕ͚ͩڠௐ͔ͨ͠Λࢦ͢ • ίϛϡχέʔγϣϯίϥϘϨʔγϣϯ͕͏·͍͍ͬͯ͘Δ ͔ • ྫ͑ίʔυϨϏϡʔͷޮੑɺυΩϡϝϯτͷݟ͚ͭ͢ ͞ɺ৽͍͠ϝϯόʔͷΦϯϘʔσΟϯάʹ͔͔Δ࣌ؒͳͲ •
͍ΘΏΔ৺ཧత҆શੑͱ͔ͦ͏͍͏ཁૉ͋Δ • ͪΖΜ͜Εॏཁ͕ͩɺશͯͰͳ͍
։ൃੜ࢈ੑͷΑ͋͘Δޡղ • ։ൃੜ࢈ੑͱνʔϜͷूதΛҾ͖ग़͢ޮΛࢦ͢ • ྫ͑ɿϛʔςΟϯάͳͲͰͷλεΫதஅ͕ଟ͍͔Ͳ͏͔ɺϓ ϩηεͰ͍߹Θͤͳ͍ͱ͍͚ͳ͍ճ͕ଟ͍͔গͳ͍ ͔ɺγεςϜͷػೳՃʹؔΘΔ࣌ؒͳͲ • ͏গ͠טΈࡅ͘ͱɺूதͰ͖Δڥʹ͍ΒΕΔ͔ɺ࣮ࡍʹ ֻ͔͕ͬͨ࣌ؒগͳ͍͔
• ແବͳϛʔςΟϯάΛഉআͯ͠ɺूதڥʹΛஔ͘ • ͨͩ͜ΕͪΖΜશͯͰͳ͍ɺҰཁૉͰ͋Δɻ
։ൃੜ࢈ੑͷΑ͋͘Δޡղ • ͭ·Γɺ։ൃੜ࢈ੑͱ୯ҰͷϝτϦΫε͚ͩͰ ଌΕͳ͍ • ෳͷཁૉʢ։ൃऀຬɺύϑΥʔϚϯεɺΞΫ ςΟϏςΟɺڠௐɺޮʣΛΈ߹Θͤͯදݱ͢Δ ඞཁ͕͋Δ • ୯ҰͷϝτϦΫε͚ͩͰΖ͏ͱ͢ΔͱɺϋοΫ͞
Ε͔ͬͨ͢ΓɺऴΘΓͳ͖ઓ͍͕࢝·ͬͨΓ͢Δ
SPACEʹ͍ͭͯ
SPACE ϑϨʔϜϫʔΫ • Satisfaction & Well being • Performance •
Activity • Communication & Collaboration • Ef fi ciency & Flow
SPACE ϑϨʔϜϫʔΫ • ෳͷࢦඪΛΈ߹Θͤͯੜ࢈ੑΛදݱ͢Δ • ͦ͏͢Δ͜ͱͰϋοΫ͞Εʹ͍ͯ͘͘͠Δ • ҰͭͷࢦඪΛ্͛Α͏ͱ͢ΔͱଞͷࢦඪʹӨ ڹ͕ग़Δ •
શ෦্͕ΔΑ͏ͳྨͷͷ͋Δ͕ඇৗʹك
SPACE ϑϨʔϜϫʔΫ • ྫ͑ɿػೳՃ͢ΔࡍʹʮࠂΛΞϓϦʹ ೖΕΔʯέʔε • ച্্͕Δʢͷͱ͢Δʣ • Layout Shift͕ى͖ͨΓɺݟ่͕ͨΕͨΓͰ։
ൃຬԼ͕Δ • ଞͷࢦඪʹӨڹ͕ͳ͍
SPACE ϑϨʔϜϫʔΫ • ྫ͑ɿʮγεςϜΛ҆ఆՔಇͤ͞ΔͨΊ։ൃπʔϧ ϑϨʔϜϫʔΫΛ׳ΕͨͷͰ౷Ұ͢Δʯέʔε • ҆ఆ͍ͯ͠ΔͨΊɺ Activity शख़ͱͱʹ্͕ͬ ͍ͯ͘
• Performance ҆ఆ͍ͯ͠Εݎௐ͢Δ • ҰํͰຬԼ͕Δʢֶͼ͕ͳ͍ʣ
SPACE ϑϨʔϜϫʔΫ • ྫ͑ɿGitHub͕࣮ࣾࡍʹ࣮ࢪͨ͠ Copilot Λಋೖ͢Δࡍͷੜ࢈ੑ • https://github.blog/2022-09-07-research-quantifying-github-copilots-impact-on-developer-productivity-and-happiness/
SPACE ϑϨʔϜϫʔΫ • ྫ͑ɿGitHub͕࣮ࣾࡍʹ࣮ࢪͨ͠ Copilot Λಋೖ͢Δࡍͷੜ࢈ੑ • ຬ্ ޮ্ ύϑΥʔϚϯεɺٴͼ
ΞΫςΟϏςΟ্ ίϛϡχέʔγϣϯෆ໌ https://github.blog/2022-09-07-research-quantifying-github-copilots-impact-on-developer-productivity-and-happiness/
SPACE ϑϨʔϜϫʔΫ • ෳͷϝτϦΫεΛͬͯ։ൃੜ࢈ੑΛද͢ ࣄ͕ੲ͔ΒओྲྀͰ͋Δ • ୯ҰͷϝτϦΫε͚ͩͰଌ͍͚ͬͯͳ͍ • ٯʹݴ͏ͱԿͷϝτϦΫεʹޮ͍ͯΔͷ͔Λ ߟ͑ͳ͕ΒࢪࡦΛଧͭඞཁ͕͋Δ
͡Ό͋ϦΞʔΩςΫτԿͷ ϝτϦΫεʹޮ͘ͷͳͷ͔
͡Ό͋ϦΞʔΩςΫτԿͷϝ τϦΫεʹޮ͘ͷ͔ • Α͘ʮੜ࢈ੑ্ͷͨΊʹϦΞʔΩςΫτ͠·͢ʯͱݴ͏͕ɺͲͷϝτϦΫε ͷࣄͳͷ͔Λ͖ͬΓ͍ͤͨ͞ • ϦΞʔΩςΫτ͞ΕͨΒ • ։ൃͷػೳՃ͕ૣ͘ͳΔʁʢEf fi
ciencyʣ • ։ൃͷຬ্͕͕ΔʁʢSatisfactionʣ • ։ൃͷΞτΧϜ্͕͕ΔʁʢPerformanceʣ • ։ൃͷڭҭ͕Ͱ͖ͯڠௐੑ͕͕͋ΔʁʢCommunicationʣ • ։ൃͷΞτϓοτ͕ଟ͘ͳΔʁʢActivityʣ
͡Ό͋ϦΞʔΩςΫτԿͷϝ τϦΫεʹޮ͘ͷ͔ • ։ൃͷػೳՃ͕ૣ͘ͳΔʁʢEf fi ciencyʣ • ٕज़తͳෛ࠴͕ͳ͘ͳΓɺෆ۩߹ʹΑΔखΓ͕ͳ͘ͳΔͨΊɺػೳՃ͕ૣ͘ͳΔ • ։ൃͷຬ্͕͕ΔʁʢSatisfactionʣ
• ݟ͕͕ΓɺϞνϕʔγϣϯ্͕͕Δɻ։ൃऀͷೝ͕Δɻ • ։ൃͷΞτΧϜ্͕͕ΔʁʢPerformanceʣ • ඇޮͳݴޠͰॻ͍͓ͯΓɺίετ͕ߴ͔ͬͨɻΠϯϑϥίετ͕Լ͕ΓɺΞτΧϜ্͕͕Δɻ • ։ൃͷڭҭ͕Ͱ͖ͯڠௐੑ͕͕͋ΔʁʢCommunicationʣ • શһͰ։ൃ͢Δ͜ͱͰݟͷڞ༗͕ߦΘΕɺίϥϘϨʔγϣϯٴͼίϛϡχέʔγϣϯ͕͕Δɻ • ։ൃͷΞτϓοτ͕ଟ͘ͳΔʁʢActivityʣ • ࠷৽ٕज़ʹΑΔ։ൃͷ্ͱ҆ఆ
͡Ό͋ϦΞʔΩςΫτԿͷϝ τϦΫεʹޮ͘ͷ͔ • ։ൃͷػೳՃ͕ૣ͘ͳΔʁʢEf fi ciencyʣ • ٕज़తͳෛ࠴͕ͳ͘ͳΓɺෆ۩߹ʹΑΔखΓ͕ͳ͘ͳΔͨΊɺػೳՃ͕ૣ͘ͳΔ • ։ൃͷຬ্͕͕ΔʁʢSatisfactionʣ
• ݟ͕͕ΓɺϞνϕʔγϣϯ্͕͕Δɻ։ൃऀͷೝ͕Δɻ • ։ൃͷΞτΧϜ্͕͕ΔʁʢPerformanceʣ • ඇޮͳݴޠͰॻ͍͓ͯΓɺίετ͕ߴ͔ͬͨɻΠϯϑϥίετ͕Լ͕ΓɺΞτΧϜ্͕͕Δɻ • ։ൃͷڭҭ͕Ͱ͖ͯڠௐੑ͕͕͋ΔʁʢCommunicationʣ • શһͰ։ൃ͢Δ͜ͱͰݟͷڞ༗͕ߦΘΕɺίϥϘϨʔγϣϯٴͼίϛϡχέʔγϣϯ͕͕Δɻ • ։ൃͷΞτϓοτ͕ଟ͘ͳΔʁʢActivityʣ • ࠷৽ٕज़ʹΑΔ։ൃͷ্ͱ҆ఆ ͍ɺ͜Μͳʹ͏·͘ߦ͔ͳ͍ɾɾɾ
͡Ό͋ϦΞʔΩςΫτԿͷϝ τϦΫεʹޮ͘ͷ͔ • ϦΞʔΩςΫτͨ͠Βͨ͠Ͱ৽͍ٕ͠ज़ελοΫʹ׳ΕΔඞཁ͕ ͋ΓɺڭҭίετҰ࣌తʹ্͕ΔʢCommunication: Φϯ ϘʔσΟϯάʹ͔͔Δ্͕͕࣌ؒΔʣ • शख़͕Լ͕͍ͬͯΔؒ ActivityٴͼEf
fi ciency Լ͕Δʢ։ൃ ʹ׳Ε͍ͯͳ͍/मਖ਼ίετ্͕͕ΔͨΊʣ • ͦΕͧΕ͕Լ͕Δͱ͍͏ͷͰ͋ΕύϑΥʔϚϯε্͕Γʹ͘ ͍ɻ • ։ൃऀͷຬ্͕Δ͔͠Εͳ͍ɻ
͡Ό͋ϦΞʔΩςΫτԿͷϝ τϦΫεʹޮ͘ͷ͔ • ϦΞʔΩςΫτͨ͠Βͨ͠Ͱ৽͍ٕ͠ज़ελοΫʹ׳ΕΔඞཁ͕ ͋ΓɺڭҭίετҰ࣌తʹ্͕ΔʢCommunication: Φϯ ϘʔσΟϯάʹ͔͔Δ্͕͕࣌ؒΔʣ • शख़͕Լ͕͍ͬͯΔؒ ActivityٴͼEf
fi ciency Լ͕Δʢ։ൃ ʹ׳Ε͍ͯͳ͍/मਖ਼ίετ্͕͕ΔͨΊʣ • ͦΕͧΕ͕Լ͕Δͱ͍͏ͷͰ͋ΕύϑΥʔϚϯε্͕Γʹ͘ ͍ɻ • ։ൃऀͷຬ্͕Δ͔͠Εͳ͍ɻ ͡Ό͋ҙຯͳ͍ͷ͔ʁ
͍ɺͦΜͳ͜ͱͳ͍
ϦΞʔΩςΫτԿͷͨΊ • ্ʹॻ͍ͨΑ͏ͳιϑτΣΞ্ͷ࣮རͪΖΜ ͋ΔɻͦΜͳ؆୯ʹϝϦοτ͕ಘΒΕͳ͍͚ͩɻ • ίετΛͬͨޙʹϝϦοτ͕ಘΒΕΔͷͰظత Ͱͳ͘ɺظతͳʹͳΔ • ͜͜Λޡղ͍ͯ͠Δͱ͍͠ɺظͰՌΛಘΑ͏ ͱ͍ͯ͠Δ৫ͰϦΞʔΩςΫτΛΔ࣌ʹޡղ
͕ͳ͍Α͏ʹ͠ͳ͍ͱ͍͚ͳ͍ɻ
ϦΞʔΩςΫτԿͷͨΊ • ٕज़Λঝ͠ͳ͍ͱ͍͚ͳ͍ • ͕ࣗͨͪίʔυͷΦʔφʔͰ͋Δͱ͍͏ ΦʔφʔγοϓΛ͓࣋ͬͯ͘ඞཁ͕͋Δ • ఆظతʹϦΞʔΩςΫτɾϦϑΝΫλϦϯά Λߦ͏͜ͱ͕ίʔυͷϒϥοΫϘοΫεԽΛ ͙͜ͱʹͳΔ
ϦΞʔΩςΫτԿͷͨΊ • ίʔυͷΦʔφʔγοϓΛ࣋ͭͱ͍͏ͷੜ࢈ੑ ͷதʹऩ·Βͳ͍ • ҰݴͰ͍͏ͱʮࣗͷࣄͰ͋Δʯͱ͍͏ײ֮ • ଞਓ͕ॻ͍ͨίʔυͰ͋ͬͯϝϯςφϯε͢ Δ͖Ͱ͋Δ͕ɺࣗͷॻ͍ͨίʔυͰ͋Ε ϝϯςφϯε͠ͳͪ͘Ό͍͚ͳ͍ͱ͍͏ؾ࣋ͪ
͕࣋ͯΔ
ϦΞʔΩςΫτԿͷͨΊ • ίʔυͷΦʔφʔγοϓ͕ॏཁ • ࣗͷίʔυͰ͋Δɺࣗͷ͜ͱͰ͋Δͱ͍͏ ҙࣝ • ʮ࡞Δ͚ͩ࡞ͬͯޙଞਓʹͤΔʯͱ͍͏Ϛ ΠϯυͰൃల͠ͳ͍ •
ࣗͷͷͩͱ͍͏ҙࣝΛ࣋ͭ
৫ͷٕज़ܧঝͷ • ࣜભٶͱ͍͏ߟ͑ํ • ࣜʢఆظతʹʣભٶʢ৽఼͍ࣾ͠ΛΓɺޚਆମΛભ͢ʣ • ۩ମతʹ20ʹҰඞͣߦ͏ɻભٶʹΑΔࣄۀඅ2013Ͱ550ԯԁ • ࣜભٶࣗମਖ਼ٶͷҠಈʢϝΠϯϞδϡʔϧͷҠ͠ସ͑ʣ͕ऴΘͬͨ ޙɺผٶͷҠಈʢαϒϞδϡʔϧͷೖΕସ͑ʣ͕͋Δɻ
• ͜ͷؒɺ2ؒ160໊ͷٕೳऀͷޏ༻͕ଓ͘ɻผٶͷભٶऴྃޙɺएख ٕೳ༏लऀ30໊΄ͲΛਆٶͷৗۈ৬һͱͯ͢͠ɻ • ࠃަ௨লͷίϥϜʮࣜભٶʹݟΔٕज़ܧঝͱٕज़ऀ֬อ https://www.mlit.go.jp/hakusyo/mlit/h25/hakusho/h26/html/ n1233c20.htmlʯΑΓ
৫ͷٕज़ܧঝͷ • ࣜભٶͰఆظతʹϦΞʔΩςΫτΛߦ͏͜ͱͰɺ ٕज़ऀͷҭͱΦʔφʔγοϓͷ֬อΛߦ͍ͬͯΔ • γεςϜͷϦΞʔΩςΫτ͕͜͜ૂ͍Ͱ͋Δࣄ͕ଟ ͍ • ୯७ʹظతͳ࣭վળ͕త͚ͩͩͱ͢Δͱظͷ අ༻ରޮՌͷ͚ͩʹͳͬͯ͠·͏͕ɺ͜͜ΛΘ͔ͬ
ͯ͘Ε͍ͯΔਓ͕ݱΛޙԡͯ͘͠͠ΕΔͱॿ͔Δ
ϑϩϯτΤϯυ ϦΞʔΩςΫτ
ϑϩϯτΤϯυϦΞʔΩςΫτ • όοΫΤϯυͱϑϩϯτΤϯυΛΓ͚Δ ͱ͜Ζ͔Βελʔτ • ͜ΕϨΨγʔιϑτΣΞվળΨΠυʹ ࡌͬͯΔํ๏ • ͦͷޙͲ͏͢Δͱྑ͍ͷ͔
ϑϩϯτΤϯυϦΞʔΩςΫτ • Α͋͘Δύλʔϯ • ಛఆͷը໘͚ܾͩΊ͔ͯͦ͜ΒऔΓΉ • ͬͱίϯϙʔωϯτΛׂͯ͠ڞ௨ͷίϯϙʔωϯ τʹΓग़͢ͱ͜Ζ͔Β࢝ΊΔʢύʔπΛ·ͣ࠷ॳʹ ࡞ͬͯ͠·͍ɺ͔ͦ͜ΒΈ্͍͛ͯ͘ʣ •
Ұؾʹϒϧυʔβʔ࡞ઓʢΧοͱͳͬͯશ෦ Next.js App Router ͰϦϥΠτ͠·ͨ͠Έ͍ͨͳౖΓۦಈʣ
ಛఆͷը໘ίϯϙʔωϯτ͚ܾͩ Ί͔ͯͦ͜Βখ࢝͘͞ΊΔύλʔϯ • Ұ൪ଟ͍ɺͱ͍͏ΑΓɺ͜ΕҎ֎͕ಛघ͗͢Δ • ଟ͘ͷػೳ͕͋ͬͯɺશ෦Λஔ͖͑Δͷ͕͠ ͘ɺঃʑʹஔ͖͑Δ͔͠ํ๏͕ͳ͍࣌ʹΔύ λʔϯ • ͍͖ͳΓϏοάϦϥΠτ͠Α͏ͱ͢Δͱࣦഊ͕͠
ͪͳͷͰɺطଘͷػೳՃΛ͠ͳ͕Β৽نϦΞʔ ΩςΫτΛซ༻͢Δ࣌ʹߦ͏
ͬͱίϯϙʔωϯτΛׂͯ͠ɺڞ௨ ύʔπΛ࡞Δͱ͜Ζ͔Β࢝Ίͯޙ͔Βঃʑ ʹڞ௨ύʔπʹدͤͯྑ͍ͯ͘͘͠ • ϘτϜΞοϓʹڞ௨ͷίϯϙʔωϯτ͔Β࣮ࢪ͢ΔΞ ϓϩʔν • ϨΠϠΛػೳ࣠Ͱׂ࣮ͯ͠ࢪ͢Δͷ͕̍ͭͷύλʔ ϯͩͱ͢Δͱɺ෦ͷಛੑͰׂ࣮ͯ͠ࢪ͢Δํ๏ •
౷Ұ͞Εͨίϯϙʔωϯτ͕ͪΌΜͱΑ͘Ͱ͖ͨͷ Ͱ͋Ε߹ੑ͑ΒΕΔ͠ɺ͏·͍͚͘ύʔπ ͷ࠶ར༻ੑ͕ߴ·Γੜ࢈ੑ্͕Δ
ͬͱίϯϙʔωϯτΛׂͯ͠ɺڞ௨ ύʔπΛ࡞Δͱ͜Ζ͔Β࢝Ίͯޙ͔Βঃʑ ʹڞ௨ύʔπʹدͤͯྑ͍ͯ͘͘͠ • ҰํͰڞ௨ίϯϙʔωϯτઃܭ͕͍͠ɻ • ޙʹ৮ΕΔ͕ɺϏοάϦϥΠτʹͳΓ͕ͪ • ͜ͷํ๏Ͱ͏·͍͘͘ύλʔϯ͋·Γݟͨ͜ ͱ͕ͳ͍
• ׂͷํ͕ஞ࣍తʹͳΒͣɺൈຊతͳׂʹ ͳΔࣄ͕͋Δ
Ұؾʹϒϧυʔβʔ࡞ઓ • Χοͱͳͬͯશ෦ͬͱ͖·ͨ͠ • Զʹ1ि͍ؒͩ͘͞ɻຊͷϦΞʔΩςΫτΛ ͓ݟͤ͠·͢Αύλʔϯ • ظతʹऴΘΔ͠ɺ෦࣭͕ؾʹͳΔ͕ɺ ϨϏϡʔ͕Ͱ͖ΔͳΒ࠷ߴ
Ұؾʹϒϧυʔβʔ࡞ઓ • ͦΜͳʹ͘ͳ͍ • ݸਓͷྗྔʹґଘͯ͠͠·͏ • ٕͦͦज़ͷܧঝΛ͍ͨ͠ͷʹɺ݁ہগͷ ਓʹ͔͠ܧঝ͞Εͳ͍ • ͨͩظతʹऴΘΒͤΔ͜ͱ͕Ͱ͖ͯɺ͕Ұ
ؾʹਐΉ
݁ہϦΞʔΩςΫτͷϑϩϯτ ΤϯυͰΔํ๏ͬͯ • ಛఆͷը໘ɾػೳɾίϯϙʔωϯτΛܾΊͯϦΞʔ ΩςΫτͯ͠ɺஞ࣍తʹม͍͑ͯ͘ํ๏͔͋͠· ΓϫʔΫͨ͠ͷΛݟͳ͍ • ϏοάϦϥΠτʹͳΒͳ͍Α͏ʹ͠ͳ͍ͱ͍͚ͳ ͍ •
ݸਓͷྗྔͰୡͰ͖Εྑ͍͕ɺ߹Αͦ͘͏ ͍͏ύϫʔͷ͋Δਓ͕͍ͳ͍͜ͱଟ͍
·ͱΊ
·ͱΊ • ʮ։ൃੜ࢈ੑΛ্͛Δʯͱͻͱͪ͘Ͱݴ͍͔ͬͯͭ͘ͷࢹ͕͋ΔɻS.P.A.C.E. ͦΕͧΕͲΕΛ্͛Α͏ͱ͍ͯ͠Δͷ͔ݕ౼ͷ༨͕͋Δɻ • ʮϦΞʔΩςΫτʯʮੜ࢈ੑΛ্͛ΔͨΊͷखஈʯͰ͋Δ͕ɺͦΜͳ؆୯ʹ ੜ࢈ੑ্͕ΔͷͰͳ͍ɻ͔͠Δ͖ίετΛ͏ඞཁ͕͋ΔɻͦͷఱṝΛ ։ൃϦʔμʔ͕࣋ͭͷॏཁ • ҰํͰʮϦΞʔΩςΫτʯʮੜ࢈ੑΛ্͛ΔʯͨΊ
*͚ͩ* ͷखஈͰͳ͍ɺͲ ͪΒ͔ͱ͍͏ͱʮίʔυͷΦʔφʔγοϓΛ࣋ͭʯͱ͍͏ͷ͕ॏཁɻ • ʮίʔυͷΦʔφʔγοϓʯʮࣗͷ͜ͱͰ͋Δʯͱ͍͏ײ֮ • ϦΞʔΩςΫτͷΓํ༷ʑɺΈΜͳ͍ΖΜͳΓํ͕͋Δ͕ɺըҰతʹͳ Βͳ͍ɺͳͥͳΒ৫͕શ෦ҧ͏͔Β