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
今更JAMStackの話をする
Search
nagisa-laughcraft
February 08, 2020
Programming
0
370
今更JAMStackの話をする
nagisa-laughcraft
February 08, 2020
Tweet
Share
Other Decks in Programming
See All in Programming
ぬるぬる動かせ! Riveでアニメーション実装🐾
kno3a87
1
210
AI時代のUIはどこへ行く?
yusukebe
17
8.7k
パッケージ設計の黒魔術/Kyoto.go#63
lufia
3
430
Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
marcoroth
0
630
print("Hello, World")
eddie
1
520
MCPで実現するAIエージェント駆動のNext.jsアプリデバッグ手法
nyatinte
7
1.1k
テストカバレッジ100%を10年続けて得られた学びと品質
mottyzzz
2
560
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
azukiazusa1
22
11k
時間軸から考えるTerraformを使う理由と留意点
fufuhu
15
4.6k
Flutter with Dart MCP: All You Need - 박제창 2025 I/O Extended Busan
itsmedreamwalker
0
150
Android 16 × Jetpack Composeで縦書きテキストエディタを作ろう / Vertical Text Editor with Compose on Android 16
cc4966
0
170
Android端末で実現するオンデバイスLLM 2025
masayukisuda
1
120
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
A Modern Web Designer's Workflow
chriscoyier
696
190k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
A Tale of Four Properties
chriscoyier
160
23k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
840
Gamification - CAS2011
davidbonilla
81
5.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
How to train your dragon (web standard)
notwaldorf
96
6.2k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Transcript
ࠓߋ+".4UBDLͷΛ͢Δ
˒ ϑϦʔϥϯεΤϯδχΞ ˒ ϑϩϯτدΓ͚ͩͲ৭ʑΔਓ ˒ ࠷ۙ+".4UBDLབྷΈͷهࣄͱ͔Α͘ॻ͘ ˒ ͓͠Ζ͍͜ͱΛ͍ͨ͠ !UP@ZBOBHJ ࣗݾհ
https://laughcraft.dev/ ZBOBHJ
ΞδΣϯμ
˒ +".4UBDLͬͯͳʹʁ ˒ +".4UBDLͷߏཁૉ ˒ 44(ͱैདྷͷٕज़ͷҧ͍ ˒ ·ͱΊ
+".4UBDLͬͯͳʹʁ
˒ ͝Ζʹ/FUSJGZͷઃऀ.BUU#JJMNBOOࢯ͕ఏএͨ͠ ඪޠ ˒ +BWB4DSJQU "1*T .BSLVQͷ಄จࣈΛऔͬͨͷ ˒ ެࣜαΠτIUUQTKBNTUBDLPSHʢ༁ʣ
˒ +BWBTDSJQUΫϥΠΞϯταΠυͷΈͰॲཧ͞ΕಈతʹϦΫ ΤετͱϨεϙϯεͷαΠΫϧΛཧ͍ͯ͠Δ͜ͱ ˒ "1*TશͯͷαʔόʔαΠυͷϓϩηε·ͨσʔλϕʔ εૢ࡞࠶ར༻Մೳͳ"1*ʹΑͬͯநԽ͞Εɺ+BWB4DSJQU ʹΑͬͯ)551ܦ༝Ͱૢ࡞͞ΕΔ͜ͱ ˒ .BSLVQϚʔΫΞοϓ͕ςϯϓϨʔτԽ͞ΕɺσϓϩΠ࣌ ʹ੩తαΠτͷੜπʔϧʹΑͬͯࣄલʹϏϧυ͞Εͯ
͍Δ͜ͱ ҎԼͷΛ͍͑ͯΕ+".4UBDLͱݴ͑Δ
+".4UBDLͰͳ͍ߏྫ
˒ 8PSE1SFTT%SVQBMͱ͍ͬͨαʔόʔαΠυ$.4ʹΑͬͯ ߏங͞ΕͨαΠτ ˒ 3VCZ/PEFͱ͍ͬͨαʔόʔαΠυݴޠͰ࡞ΒΕͨϞϊ ϦγοΫͳ8FCΞϓϦ ˒ 41"ͷதͰॳظϩʔυ࣌ʹ443ʢαʔόʔαΠυϨϯμ ϦϯάʣΛ͍ͯ͠Δ8FCΞϓϦ →αʔόʔαΠυͰςϯϓϨʔτΛಈతʹߏங͍͚ͯ͠ͳ͍
+".4UBDL͕ࢦ͢ͷ
˒ ϓϩδΣΫτશମΛ$%/ʹࡌͤΔ ˒ શͯ(JU্Ͱಈ͘ ˒ ϞμϯͳϏϧυπʔϧΛ͏ ˒ ࣗಈϏϧυ͢Δ ˒ ΞτϛοΫͳσϓϩΠ
˒ ॠ࣌ͷΩϟογϡແޮԽ ϕετϓϥΫςΟε
˒ ࣄલʹίϯςϯπΛؚΜͩ੩తͳ)5.-ΛϏϧυ͓͚ͯ͠ ɺຊ൪Ͱ৴͢Δ͚ͩͰ͍͍Μ͡ΌΜʁͱ͍͏Ξϓ ϩʔν ˒ ੩తϑΝΠϧͷΈͷ৴ͳͷͰɺηΩϡϦςΟͷ໘Ͱύ ϑΥʔϚϯεͷ໘ͰԸܙ͕͋Δ ˒ ࠷ऴతͳग़ྗ͕੩తϑΝΠϧͰ͋Δ͚ͩͳͷͰɺϞμϯͳ 41"ٕज़ͷԸܙड͚ΒΕΔ
ͭ·Γʜ
࠷ऴతͳग़ྗΠϝʔδ http://abehiroshi.la.coocan.jp/
+".4UBDLͷߏཁૉ
)FBEMFTT$.4 $*πʔϧϗεςΟϯάαʔϏε ϦϙδτϦ ੩తαΠτδΣωϨʔλʔ ίϯςϯπߋ৽ ιʔείʔυมߋ ϏϧυσϓϩΠ
ϦϙδτϦ
˒ 8FCϖʔδ͕ऩΊΒΕͨॴ ˒ DJSDMF$*HJUIVCBDUJPOTͳͲͱ࿈ܞΛͯ͠ɺιʔείʔυ ͷมߋͱಉ࣌ʹ$*ͷϫʔΫϑϩʔ͕ελʔτ͢ΔΑ͏ʹ͢ Δ ˒ HJUIVCͰ͋Δ͜ͱ͕ଟ͍ ˒ $*πʔϧͱ࿈ܞͰ͖ΕHJUIVC͡Όͳͯ͘ྑ͍ͣ
)FBEMFTT$.4
˒ $.4ͷ͏ͪɺ7*&8ΛఏڙͤͣɺσʔλΛ"1*ͱͯ͠ఏڙ ͢ΔαʔϏε ˒ $POUFOUGVMͳͲ͕༗໊͕ͩɺݱࡏ༷ʑͳαʔϏε͕ଘࡏ ͢Δ IUUQTIFBEMFTTDNTPSH ˒ XPSEQSFTTϓϥάΠϯʹΑͬͯIFBEMFTTԽ͢Δ͜ͱ͕Ͱ͖
Δ ˒ ࢲ2JJUBʹൺֱهࣄΛ͍͋͛ͯΔ IUUQTRJJUBDPNUP ZBOBHJJUFNTFCCFGDB
$*πʔϧ ϗεςΟϯάαʔϏε
˒ ϏϧυͱσϓϩΠΛ࢘Δ ˒ $.4ͷσʔλߋ৽ιʔείʔυͷมߋΛܖػʹϏϧυΛ ࣮ߦ͢Δ ˒ Ϗϧυޙͷ੩తϑΝΠϧΛOFUMJGZ IFSPLV pSFCBTF
(JU)VCQBHFTͳͲͷϗεςΟϯάαʔϏεʹσϓϩΠͯ͠ ৴͢Δ
੩తαΠτδΣωϨʔλʔ
˒ +".4UBDLͷ֩ͱͳΔߏཁૉ ˒ SFBDUWVFͳͲͰॻ͔ΕͨιʔείʔυΛϏϧυͯ͠ɺ੩ తͳIUNMϑΝΠϧͱͯ͠ు͖ग़͢ ˒ ༷ʑͳछྨͷ੩తαΠτδΣωϨʔλʔ͕ଘࡏɺ༻͢Δ ݴޠͳͲʹΑΓબఆ͢Δ IUUQTXXXTUBUJDHFODPN
˒ 44( 4UBUJD4JUF(FOFSBUPS ͱུ͞ΕΔࣄ͕ଟ͍
44(ͱैདྷͷٕज़ͱͷҧ͍
ݪॳͷ੩తαΠτ
˒ )5.-ͱ$44ͷΈͰߏ͞ΕΔ ˒ ԿΞΫηεͯ͠ಉ͡ͷ͕දࣔ͞ΕΔ ˒ ࠒͷΣϒαΠτ΄ͱΜͲ͜Ε ˒ Ѩ෦͜Ε ˒ +".4UBDL͜͜ʹؐΓ͕͍ͨͬͯΔ
41"
˒ ୯ҰͷϖʔδͰίϯςϯπͷΓସ͑Λߦ͏8FCϖʔδ ˒ ϢʔβʔͷΞΫηεૢ࡞ΛτϦΨʔʹKBWBTDSJQUͳͲͷε ΫϦϓτݴޠͰϖʔδΛΈ্͍͛ͯ͘ ˒ ίϯϙωϯτࢦTDPQFEDTTͳͲɺ։ൃऀʹͱͬͯͷମ ݧߴ͍ ˒ ύϑΥʔϚϯε4&0ͷ؍Ͱ͕͋ΔʢίϯςϯπΛ
ಈతʹΈ্͛ΔͨΊɺݕࡧΤϯδϯͷΫϩʔϧ࣌ʹί ϯςϯπ͕ͳ͔ͬͨΓ͢Δʣ
443
˒ ϦΫΤετ࣌ʹαʔόʔଆͰ)5.-ΛΈཱͯͯϨεϙϯ εͱͯ͠ฦ͢ ˒ 41"ͷऑͰ͋Δ4&0ͷͳͲΛղফՄೳ ˒ OPEFKTTQSJOHCPPUͳͲͰ࣮͕Մೳ ˒ વͷ͜ͱͳ͕Βαʔόʔ͕ඞཁ ˒
αʔόʔαΠυͷॲཧͱΫϥΠΞϯταΠυͷॲཧΛҙࣝ ͯ͠ग़͚͠Δඞཁ͕͋Δ
ͦ͜Ͱ44(Ͱ͢Α
˒ ༧Ί੩తαΠτΛϏϧυ͓͖ͯ͠ɺϦΫΤετΛड͚ͨ࣌ ʹͨͩ੩తαΠτΛ৴͢ΔͷΈ ˒ 41"ͷऑͰ͋Δ4&0ͷͳͲΛղফՄೳ ˒ ੩తαΠτΛ৴͢Δ͚ͩͳͷͰ443ΑΓര ˒ αʔόʔαΠυ͕ෆཁʹͳΔ ˒
ߋ৽ස͕ߴ͔ͬͨΓɺϢʔβʔͷૢ࡞ʹԠͯ͡ಈతʹί ϯςϯπΛग़ྗ͢Δػձ͕ଟ͍߹͋·Γ͔ͳ͍
·ͱΊ
˒ +".4UBDLϞμϯϑϩϯτٕज़ʹΑΔߴ͍։ൃମݧͷԸ ܙΛड͚ͳ͕Βɺര͔ͭ҆શͳαΠτΛߏங͢ΔࣄΛ ࢦ͍ͯ͠Δ ˒ +".4UBDL 44( ͷߟ͑ํΛ࠾༻͢Δ͔ɺैདྷͷ41"443 ͷߟ͑ํΛ࠾༻͢Δ͔ίϯςϯπͷߋ৽සͳͲɺαʔ ϏεͷಛੑΛΑ͘ߟ͑ͯݕ౼͢Δ
˒ 44(͕ྑ͍͔443͕ྑ͍͔ͱ͍͏ʹ͍ͭͯɺҎԼͷε ϥΠυ͕ࢀߟʹͳΔ IUUQTTQFBLFSEFDLDPNNPUUPYTTSPSTTH TMJEF
͓ΘΓ
˒ IUUQTKBNTUBDLPSH ˒ IUUQTXXXTUBUJDHFODPN ˒ IUUQTIFBEMFTTDNTPSH ˒ IUUQTRJJUBDPNOPSJLJUFNTFFDGEECE ˒ IUUQTNJDSPDNTJPCMPHXIBUJTKBNTUBDL
˒ IUUQTNPUUPYDPNQPTUT ˒ IUUQTTQFBLFSEFDLDPNNPUUPYTTSPSTTH ˒ IUUQTRJJUBDPNUPZBOBHJJUFNTFCCFGDB ˒ IUUQTRJJUBDPN,,,FJTVLFJUFNTD⒎BCG ˒ IUUQTRJJUBDPNDIFF[JUFNTDCBFCG ࢀߟ