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
570
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.3k
Stol - UNISYS hackathon
chige
0
350
BranCo! 2021 4位 チーム「研究の虫」発表スライド / branco-2021-slide
chige
2
2.2k
Finde neue
chige
0
230
Nuxtはいいぞ2 / nuxtjs is good 2
chige
0
280
よさみなロゴの選び方 / yosami-na-logo-no-erabikata
chige
2
670
夢LT発表スライド / yume-LT
chige
0
350
フォント入門 / intro-font
chige
3
1k
Mille Feuille app - HackU2019Osaka | team:forkbomb
chige
1
340
Other Decks in Programming
See All in Programming
実践Claude Code:20の失敗から学ぶAIペアプログラミング
takedatakashi
18
8.7k
Cursorハンズオン実践!
eltociear
2
1.2k
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
550
Webサーバーサイド言語としてのRustについて
kouyuume
1
4.9k
開発組織の戦略的な役割と 設計スキル向上の効果
masuda220
PRO
9
1.6k
釣り地図SNSにおける有料機能の実装
nokonoko1203
0
200
AI Agent 時代的開發者生存指南
eddie
4
2.1k
alien-signals と自作 OSS で実現する フレームワーク非依存な ロジック共通化の探求 / Exploring Framework-Agnostic Logic Sharing with alien-signals and Custom OSS
aoseyuu
2
650
Google Opalで使える37のライブラリ
mickey_kubo
3
150
Domain-centric? Why Hexagonal, Onion, and Clean Architecture Are Answers to the Wrong Question
olivergierke
3
970
CSC305 Lecture 09
javiergs
PRO
0
310
技術的負債の正体を知って向き合う
irof
0
260
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Build your cross-platform service in a week with App Engine
jlugia
233
18k
For a Future-Friendly Web
brad_frost
180
10k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
Documentation Writing (for coders)
carmenintech
75
5.1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
KATA
mclloyd
PRO
32
15k
Embracing the Ebb and Flow
colly
88
4.9k
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…