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
NuxtでのJAMstackな開発とポイント
Search
tameto
October 18, 2018
Technology
1
3.9k
NuxtでのJAMstackな開発とポイント
tameto
October 18, 2018
Tweet
Share
More Decks by tameto
See All by tameto
Nuxtのプロダクション事例
tameto
2
3.3k
Other Decks in Technology
See All in Technology
S3アクセス制御の設計ポイント
tommy0124
3
200
Oracle Cloud Infrastructure IaaS 新機能アップデート 2025/06 - 2025/08
oracle4engineer
PRO
0
110
TS-S205_昨年対比2倍以上の機能追加を実現するデータ基盤プロジェクトでのAI活用について
kaz3284
1
220
テストを軸にした生き残り術
kworkdev
PRO
0
220
[ JAWS-UG 東京 CommunityBuilders Night #2 ]SlackとAmazon Q Developerで 運用効率化を模索する
sh_fk2
3
460
「全員プロダクトマネージャー」を実現する、Cursorによる仕様検討の自動運転
applism118
22
12k
バイブスに「型」を!Kent Beckに学ぶ、AI時代のテスト駆動開発
amixedcolor
2
580
5年目から始める Vue3 サイト改善 #frontendo
tacck
PRO
3
230
はじめてのOSS開発からみえたGo言語の強み
shibukazu
3
980
新規プロダクトでプロトタイプから正式リリースまでNext.jsで開発したリアル
kawanoriku0
1
200
株式会社ログラス - 会社説明資料【エンジニア】/ Loglass Engineer
loglass2019
4
65k
自作JSエンジンに推しプロポーザルを実装したい!
sajikix
1
190
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
9
580
The Pragmatic Product Professional
lauravandoore
36
6.9k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Become a Pro
speakerdeck
PRO
29
5.5k
Designing Experiences People Love
moore
142
24k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Visualization
eitanlees
148
16k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
810
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
Transcript
/VYUͰͷ+".TUBDLͳ։ൃͱϙΠϯτ /VYU.FFUVQ!$ZCFS"HFOUओ࠵ɿ4$065&3 <8&%>ҝ౻ΞΩϥ
࣭ φΫελʔͳօ͞Μɺ +".TUBDLͬͯݴ༿ͬͯ·͔͢ʁ
࣭ /VYUKTͰ+".TUBDLͳ։ൃ͕ɺ ΊͪΌͪ͘ΌָͳͷͰຊ/VYUͰͷ+".4UBDL ։ൃʹ͍ͭͯ͝հ͍͖ͯ͠·͢ʂ
࣍ ‣ ࣗݾհ ‣ +".TUBDLͱԿ͔ʁ ‣ +".TUBDLͱ͍͏༻ޠʹ͍ͭͯ ‣ /VYU+".TUBDLͱ૬ੑ͕ྑ͍ ‣
+".TUBDLͷΤίγεςϜ ‣ +".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ ‣ ϙΠϯτᶃɿϧʔςΟϯάͱ"1*ͰͷϑΝΠϧੜ ‣ ϙΠϯτᶄɿ/FUMJGZͰͷQSFSFOEFSJOH
ࣗݾհ ‣ ॴଐ ‣ גࣜձࣾ30-0 ‣ 69ʴ։ൃΛத৺ʹडୗͰγεςϜ։ൃΛͭͭࣗࣾ͠αʔϏε։ൃɻ ‣ ࣄ༰ ‣
ຊ৬"84େ͖ͳ1)1 -BSBWFM ͷόοΫΤϯυΤϯδχΞ ‣ αʔό 1)1PS(P ϑϩϯτ 3FBDU /FYU PS7VF /VYU ΞϓϦ ‣ ΞΧϯτ ‣ 5XJUUFSɿ!"LJSB5BNFUP ҝ౻ ΞΩϥ
+".TUBDLͱԿ͔ʁ ‣ +BWB4DSJQU "1*T .BSLVQͷུɻ ‣ αΠτࣗମશͯ+BWB4DSJQUͷΈͰهड़͠ɺಈతίϯςϯπ "1*Λ༻͠ɺ.BSLVQʹؔͯ͠(BUTCZɺ/FUMJGZΛ༻͠੩ తαΠτΛߏ͢ΔࣄΛࢦ͓ͯ͠Γɺ͜ΕΒͷ։ൃΞʔΩςΫ νϟΛ+".4UBDLͱ͍͍·͢ɻ
+".TUBDLͱ͍͏༻ޠʹ͍ͭͯ ‣ /FUMJGZͷۀऀͰ͋Δɺ.BUUࢯ͕ఏএͨ͠༻ޠͰɺ͜ͷಈత͚ͩΕͲ੩ తͰఏڙ͢Δࣄ͕ग़དྷΔٕज़ΛԿͱݺͿ͔ߟ͑ͨ࣌ʹ࡞ΒΕͨΑ͏Ͱ͢ɻ ‣ ʮ4UBUJDʯͩͱੲͳ͕Βͷ)5.-αΠτ։ൃͱଊ͑ΒΕͯ͠·͏ҝɺ ʮ485 4UBUJD8FC5FDI ʯͱ࠷ॳݺΕ͍ͯ·ͨ͠ɻ
/VYU+".TUBDLͱ૬ੑ͕ྑ͍ σΟϨΫτϦߏ͕ϧʔϧԽ͞Ε͍ͯͯɺ੩తϑΝΠϧੜ OQNSVOHFOFSBUF ग़དྷ Δ/VYU+".TUBDLͱͱͯ૬ੑ͕ྑ͍ɻ རͱͯ͠ҎԼͷ͕̎ͭͱͯେ͖͍ɻ ‣ ᶃύϑΥʔϚϯε໘ ࣄલʹϏϧυγεςϜɺੜͨ͠ϑΝΠϧΛ$%/ʹ௨ͯ͠ද͍ࣔͯ͠ΔͷͰϢʔ βʔʹշదͳମݧΛఏڙग़དྷΔɻ
‣ ᶄηΩϡϦςΟ໘ "1*͔Βऔಘͨ͠σʔλΛ੩తϑΝΠϧͱͯ͠ੜ͍ͯ͠Δҝɺ੬ऑੑʹର͢ Δ߈ܸରॲ͕΄΅ແ͍ͱݴ͑Δɻ
/VYU+".TUBDLͱ૬ੑ͕ྑ͍ /VYUͰαΠτΛެ։͢Δ্Ͱɺ ҎԼͷ̏ύλʔϯͷΓํ͕ख๏͕ग़དྷ͍ͯ͘ɻ ɾ41" 4JOHMF1BHF"QQMJDBUJPOʣ ɾ443 4FSWFS4JEF3FOEFSJOH ɾ+".TUBDL
+".TUBDLͰͷΤίγεςϜ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿߏ ʷ ʷ ࠓճલճͷ/VYU.FFU6Qͷࡍʹ͝հͨ͠ɺ /VYU /FUMJGZ $POUFOUGVMͷߏͰ+".TUBDLΛհ͍͖ͯ͠·͢ɻ ։ൃͷϙΠϯτͱͯ͠ϧʔςΟϯάपΓɺQSFSFOEFSSJOHͷઆ໌ʹͳΓ ·͢ɻ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿߏ ࢀߟهࣄɿIUUQTXXXQJYFMTPOMZDPNBSUJDMFTNJHSBUJOHNZTUBUJDTJUFUPUIFKBNTUBDL
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿ$POUFOUGVM $POUFOUGVMͰ$POUFOU.PEFMΛ࡞
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿ$POUFOUGVM هࣄσʔλΛߘ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿ/FUMJGZ /VYUΛΠϯετʔϧ͠(JUʹQVTIɻ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿ/FUMJGZ /FUMJGZͷΞΧϯτΛ࡞͠ɺରͷ(JUΛઃఆ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿ/FUMJGZ (JUͰQVTI͕ߦΘΕΔͱɺ/FUMJGZଆͰݕ͠%FQMPZΛ։࢝
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿ/FUMJGZ /FUMJGZͰ੩తϑΝΠϧͰͷ/VYUσϑΥϧτϖʔδ͕ެ։͞ΕΔɻ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶃ ϙΠϯτᶃϧʔςΟϯάͱ"1*ͰͷϑΝΠϧੜ /VYUͷQBHFTσΟϨΫτϦʹͯϑΝΠϧΛఆ͍͖ٛͯ͠·͢ɻ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶃ QBHFTʹϑΝΠϧΛఆٛ͢ΔͱࣗಈతʹOVYUσΟϨΫτϦͰWVF SPVUFS͕ఆٛ͞Ε͍͖ͯ·͢ɻɹ˞OQNSVOEFWͷ࣌ʹੜ͞Ε·͢ɻ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶃ ࣮͜Ε͚ͩͩͱμϝͰɺ੩తϑΝΠϧΛHFOFSBUFͨ࣌͠ʹɺ࡞ΒΕΔϑΝΠϧ CMPHJOEFYIUNMͷΈɻɹ˞ҰԠ+4Ͱ"1*Λऔಘ͍ͯ͠ΔͷͰهࣄҰཡऔΕΔ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶃ OVYUDPOpHKTʹHFOFSBUFΦϓγϣϯΛՃͯ͠ɺHFOFSBUF࣌ʹ $POUFOUGVMΑΓ"1*Λ࣮ߦͭͭ͠੩తϑΝΠϧ͕ੜ͢Δܗʹ͠·͢ɻ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶃ HFOFSBUF͕ྃ͢ΔͱҎԼͷΑ͏ʹCMPHԼʹσʔλ͕ੜ͞ΕΔ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶄ ϙΠϯτᶄ/FUMJGZͰͷQSFSFOEFSJOH /FUMJGZͰجຊɺιʔείʔυमਖ਼͠ɺ(JUʹQVTI͢Εࣗಈతʹ%FQMPZ ͞Ε·͕͢͜Εͩͱهࣄ͕૿͑ͯطʹ੩తϑΝΠϧੜ͞Ε͍ͯΔͷͰ දࣔ͞Ε·ͤΜɻ /FUMJGZͷQSFSFOEFSSJOHػೳΛ͍ɺ$POUFOUGVMͷXFCIPPLΛొ͢Δࣄ ʹΑΓهࣄొ࣌ʹ/FUMJGZଆͰϏϧυ͕ߦΘΕͯ੩తϑΝϧ͕ੜ͞Ε·͢ɻ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶄ $POUFOUGVMͰXFCIPPLͷൃߦ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶄ /FUMJGZͰXFCIPPLͷొ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶅ $POUFOUGVMͰهࣄͷߘ
+".TUBDLͳ։ൃͰͷ֤։ൃϙΠϯτͷઆ໌ɿϙΠϯτᶅ /FUMJGZͰϏϧυ͞Εͯɺهࣄ͕ੜ͞Ε͍ͯΔࣄΛ֬ೝ
/VYUϋϯζΦϯΠϕϯτͷએ ຊΑΓืू։࢝͠·ͨ͠Πϕϯτͷ͝հͰ͢ɻ ʹ/VYU /FUMJGZ )FBEMFTT$.4Ͱ41"Λ࡞ΔϋϯζΦϯΛ։࠵͠·͢ʂࢲϝϯλʔͱ ͯ͠ࢀՃͯ͠ڭ͑·͢ͷͰ͚ٓ͠ΕࢀՃ͍ͯͩ͘͠͞ ??
͍͋ͭ͞ օ͞Μੋඇ/VYUͰ+".TUBDLͳ8&#Λ։ൃͯ͠Έ͍ͯͩ͘͞ʂ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ