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はいいぞ / nuxt.js is good
Search
ちげ
March 24, 2019
Programming
2
560
Nuxtはいいぞ / nuxt.js is good
高専カンファ×学生LT in大阪での発表スライド
Nuxt.jsは便利です。
ちげ
March 24, 2019
Tweet
Share
More Decks by ちげ
See All by ちげ
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
7
1.2k
Stol - UNISYS hackathon
chige
0
350
BranCo! 2021 4位 チーム「研究の虫」発表スライド / branco-2021-slide
chige
2
2.1k
Finde neue
chige
0
220
Nuxtはいいぞ2 / nuxtjs is good 2
chige
0
270
よさみなロゴの選び方 / yosami-na-logo-no-erabikata
chige
2
660
夢LT発表スライド / yume-LT
chige
0
340
フォント入門 / intro-font
chige
3
1k
Mille Feuille app - HackU2019Osaka | team:forkbomb
chige
1
340
Other Decks in Programming
See All in Programming
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
810
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
550
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
lnit
3
470
ニーリーにおけるプロダクトエンジニア
nealle
0
830
A full stack side project webapp all in Kotlin (KotlinConf 2025)
dankim
0
120
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.5k
VS Code Update for GitHub Copilot
74th
2
640
#QiitaBash MCPのセキュリティ
ryosukedtomita
1
1.3k
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
falcon8823
5
1.1k
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
9
5.1k
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
munetoshi
0
170
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
120
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
How to Ace a Technical Interview
jacobian
278
23k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Six Lessons from altMBA
skipperchong
28
3.9k
Rails Girls Zürich Keynote
gr2m
95
14k
BBQ
matthewcrist
89
9.7k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
510
Automating Front-end Workflow
addyosmani
1370
200k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Practical Orchestrator
shlominoach
189
11k
Transcript
None
ͪ͛ ʓө૾੍࡞ ʓ8FC αΠ τ੍࡞ ʓσβΠ ϯ͕ಘҙ ʓਫӭ෦ɾݱࢹݚɾ+PLFO ʓ͖ͳήʔ Ϝ
.JOFDSBGU ʓण࢘פϒϦ ʓು͖͢ম͖͕͖ !$IJHF@
ちげ @Chige12_ フォローする DIJHF Τΰα
ຊͷจࣈϋϯςΟϯά
N ߴ ֶ ߍ ֶ ߍ ๏ ਓ ֯
υ ϫ ϯ ΰ ֶ Ԃ ώϥΪϊ໌ே 1SP8 Baskerville Old Face Θ͔Βͳ͔ͬͨͷͰҰ൪ࣅͯΔͭ
None
None
None
None
ͥΜͿ
None
<body> <h1>λΠ τϧ ʂ </h1> <p>͜Μʹͪ ʂ ͪ͛ͬ ͯݺΜͰͶ ʂ
</p> <ul> <li>ण࢘</li> <li>͖͢ম͖</li> <li>ຣ</li> </ul> </body> λΠ τϧ ʂ ͜Μʹͪ ʂ ͪ͛ͬ ͯݺΜͰͶ ʂ ɾ ण࢘ ɾ ͖͢ম͖ ɾ ຣ
<body> <h1>λΠ τϧ ʂ </h1> <p>͜Μʹͪ ʂ ͪ͛ͬ ͯݺΜͰͶ ʂ
</p> <ul> <li>ण࢘</li> <li>͖͢ম͖</li> <li>ຣ</li> </ul> </body> λΠ τϧ ʂ ͜Μʹͪ ʂ ͪ͛ͬ ͯݺΜͰͶ ʂ ɾ ण࢘ ɾ ͖͢ম͖ ɾ ຣ
h1 { background: gray; color: white; } p { text-decoration:
underline; } ul { list-style-type: decimal; } λΠ τϧ ʂ ͜Μʹͪ ʂ ͪ͛ͬ ͯݺΜͰͶ ʂ ̍ ण࢘ ͖͢ম͖ ຣ
var roop = 5 var hoge = "ϗήϗήʙ" var foo
= "ϑΡʙʙ ʂ " for(var i=0; i < roop; i++){ if(i==3){ console.log(foo); }else{ console.log(hoge+i); } } ϗήϗήʙ ϗήϗήʙ ϗήϗήʙ ϑ Ρʙʙ ʂ ϗήϗήʙ̐
ϓϩήʔ τ ͰֶΔ αΠ τ੍࡞ͷୈҰา ͜Ε͕ϕε τͩͱࢥ͏ɻ
Ͱ͓ߴ͍ΜͰ͠ ΐ ʁ
͍͍͑ɺ ແྉͰ͢ QSPHDPN
࠷ॳͷελʔ τ͍͕ͭ͜Ұ൪Θ͔Γ ͍͢ αΠ τ࡞Γ ͬͯΈΑ ͏͔ͳ ͬͯਓ ͍ͭͰʹฉ͍ͯͶ
None
࠷ۙͷ8FCࣄ
None
None
࠷ۙͷ8FCࣄ
None
None
None
None
جຊ7VFKT ͭͷWVFϑ Ν Π ϧʹ )5.- $44 +4Λॻ͘ 7VFͷಠࣗهड़Ξ Ϧ
<template> <!-- HTML --> </template> <script> // Javas Cript </script> <style> /* CSS */ </style> JOEFYWVF
<template> <div v-for=”list in lists”> {{ list }} </div> </template>
<script> export default { data(){ return{ lists : [”ΓΜ͝”,”Έ͔Μ”,”͍ͪ͝”] }}} </script> JOEFYWVF
ΓΜ͝ Έ͔Μ ͍ͪ͝ JOEFYIUNM
<template> <div v-if=”menu”> MENU </div> <div @click=”openMenu()”> Click! </div> </template>
<script> export default { data(){ return{ menu:false } }, methods:{ openMenu(){ this.menu = true } } } </script> JOEFYWVF
DMJDL JOEFYIUNM
.&/6 DMJDL JOEFYIUNM
ˡ֎෦$44ͱ͔ը૾ͱ͔ ˡίϯϙʔωϯ τ ࢠ ˡϨΠ Ξ τ Λઃఆ ˡϖʔδΛ࡞Δ ˡ7VFͷϓϥά
Π ϯ ˡ੩తϑ Ν Π ϧஔ͖ ˡ7VFY͏ ͱ ͖ ϑ Υϧμߏ components assets layouts pages plugins static store
JOEFYWVF BCPVUWVF DPOUBDUWVF IUUQTIPHFDPNJOEFY IUUQTIPHFDPNBCPVU IUUQTIPHFDPNDPOUBDU ˢQBHFTϑ Υϧμʹ7VFϑ Ν Π
ϧΛ࡞Δ ͱ pages ͦͷ໊લͰϖʔδ͕Ͱ͖ Δ
)FBEFSWVF ˡϝχϡʔͷཁૉ͚ͩॻ͘ component Ͳͷϖʔδ͔ΒͰݺͼग़ͤΔίϯϙʔωϯ τԽ <template> <Header></Header> </template> <script> JOEFYWVF
<template> <Header></Header> </template> <script> BCPVUWVF
EFGBVMUWVF ˡ֤ϖʔδʹڞ௨ͷ ɹσβΠ ϯ͕͋Δ࣌ʹར༻ ˡ͜ ͜ʹ֤ϖʔδ͕ೖΔ layouts Ͳͷϖʔδʹ࡞Δ.FOVͱ͔͜ ͜Ͱॻ͍͓ͯ͘ <template>
<nuxt/> </template> <script> EFGBVMUWVF
%PDVNFOU)5.-pMF -BZPVU 1BHF w BTZOD%BUB w NJEEMFXBSF w GFUDI w
TDSPMM5P5PQ w IFBE w USBOTJUJPO w MBZPVU w WBMJEBUF 0QUJPOBM1BHF$IJME ίϯϙʔωϯ τ 0QUJPOBM 1BHF$IJME ίϯϙʔωϯ τ
<img src=”~/assets/image.png”> import Menu from '~/components/Menu.vue'
None
<template lang=”pug”> .hoge pugͱ͔͑·͢ </template> <style lang=”sass” scoped> .hoge font-size:30px;
</style>
None
IUUQTUIFUPLZPKQSFMFBTFTSFMFBTFT
None
None
͔Δͨୈࡾ ܭըத ʂ
None
取り札 オモテ ウラ
取り札 ウラ ・豆知識 ・回路製作に役立つこと ・電気あるあるネタ etc…
ϓϩ τ λ Π ϓ࡞ͬͨͷͰ ͥͻ࠙ձͰ ・豆知識 ・回路製作に役立つこと ・電気あるあるネタ etc…