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
Rubyでたのしむクリエイティブコーディング/Enjoy Creative coding an...
Search
chobishiba
April 11, 2024
Programming
1
780
Rubyでたのしむクリエイティブコーディング/Enjoy Creative coding and Ruby
2024/04/11 Shinjuku.rb 91 好きなもの紹介LT大会の資料です
chobishiba
April 11, 2024
Tweet
Share
More Decks by chobishiba
See All by chobishiba
クリエイティブコーディングとRuby学習 / Creative Coding and Learning Ruby
chobishiba
0
4.3k
自分だけの世界を創るクリエイティブコーディング / Creative Coding: Creating Your Own World
chobishiba
2
3.3k
Rubyとクリエイティブコーディングの輪の広がり / The Growing Circle of Ruby and Creative Coding
chobishiba
2
750
Enjoy Creative Coding with Ruby (RubyKaigi2024)
chobishiba
0
8.3k
プログラミングを楽しもう! / Enjoy Programming
chobishiba
1
1.6k
Creative coding starting with Ruby
chobishiba
2
3.7k
らくらくスペースレイアウト / rakuraku space layout
chobishiba
0
120
巨大スポンサーに埋もれないノベルティの作り方 / novelty not buried in huge sponsors
chobishiba
0
470
Other Decks in Programming
See All in Programming
Honoとフロントエンドの 型安全性について
yodaka
7
1.3k
2024年のkintone API振り返りと2025年 / kintone API look back in 2024
tasshi
0
220
sappoRo.R #12 初心者セッション
kosugitti
0
260
GAEログのコスト削減
mot_techtalk
0
120
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
210
Conform を推す - Advocating for Conform
mizoguchicoji
3
690
Amazon S3 TablesとAmazon S3 Metadataを触ってみた / 20250201-jawsug-tochigi-s3tables-s3metadata
kasacchiful
0
170
法律の脱レガシーに学ぶフロントエンド刷新
oguemon
5
740
Rails アプリ地図考 Flush Cut
makicamel
1
120
『品質』という言葉が嫌いな理由
korimu
0
160
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
910
Introduction to kotlinx.rpc
arawn
0
700
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
35
1.6k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
A designer walks into a library…
pauljervisheath
205
24k
Embracing the Ebb and Flow
colly
84
4.6k
How to train your dragon (web standard)
notwaldorf
91
5.8k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Facilitating Awesome Meetings
lara
52
6.2k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Transcript
3VCZͰͨͷ͠ΉΫϦΤΠςΟϒίʔσΟϯά 4IJOKVLVSC-5 DIPCJTIJCB
4NBSU#BOL *OD αʔόʔαΠυΤϯδχΞ খࣳ🌱DIPCJTIJCB !DIPCJTIJCB !LTCNZL
None
ࢲͷ͖͢ͳͷ
ΫϦΤΠςΟϒίʔσΟϯά
ͦΕԿʁ w ΫϦΤΠςΟϒίʔσΟϯάδΣωϥςΟϒΞʔτ w ػೳతͳͷͰͳ͘දݱతͳͷΛϓϩάϥϛϯάͰ࡞Ζ͏ͱ ͍͏δϟϯϧ w ฏͨ͘ݴ͏ͱʮίʔυͰ͓ֆඳ͖ʯ ˞ʮϓϩάϥϛϯά͔͢Β͘తͳͷͳͷͰɺશͯͷϓϩάϥϛϯάΫϦΤΠ
ςΟϒίʔσΟϯάͩʯͱ͍͏ߟ͑ํ͋Γ·͕͢ɺࠓճڱٛͷҙຯͰͷʮΫϦΤΠςΟ ϒίʔσΟϯάʯͱ͍͏ݴ༿Λ͍·͢ɻ
ݟͯΒͬͨํ͕ૣ͍ͷͰ͜͜ʹͭͷIUNMϑΝΠϧΛ༻ҙ͠·ͨ͠
SVCZXBTNΛͬͯ3VCZΛ࣮ߦ SVCZXBTN 3VCZ
͜͏ͳΓ·͢ʂ
4IJOKVLVSCϩΰΦϚʔδϡ IUUQTYDPNTIJTIJUXTUBUVT
ࠓճͷͩ͜ΘΓ ճͳͷͰߦͰ্͛ͯΈ·ͨ͠
ΫϦΤΠςΟϒίʔσΟϯάJT ίʔυͰ͓ֆඳ͖
ΫϦΤΠςΟϒίʔσΟϯά͕Ͱ͖Δݴޠɾڥ w 1SPDFTTJOH +BWB+BWB4DSJQU1ZUIPO w PQFO'SBNFXPSLT $
w 5PVDI%FTJHOFS ϝδϟʔͳͷ
ΫϦΤΠςΟϒίʔσΟϯά͕Ͱ͖Δݴޠɾڥ w 1SPDFTTJOH +BWB+BWB4DSJQU1ZUIPO w PQFO'SBNFXPSLT $
w 5PVDI%FTJHOFS ϝδϟʔͳͷ ެࣜʹ3VCZ αϙʔτ͞Εͯͳ͍
3VCZͰͰ͖Δ w 3VCZJTU͕z3VCZͰΓ͍ͨʂzͱڥΛ࡞Δ w HFNΛ࡞ͬͨΓɺ0QBMΛͬͨΓɺSVCZXBTNΛͬͨΓ w ࢲ࡞ͬͨ͜ͱ͕͋Γ·͢ w ࢲ͕ௐͨݶΓ͘Β͍લ͔Β୭͔͠Β͕Կ͔͠Βͯ͠Δ
ެࣜʹαϙʔτ͞Εͯͳ͍ͷʹͳͥͰ͖Δ͔
ڥ࡞Δਓ͕ଟׂ͍ʹʜ w Ͱ3VCZͰ࡞࡞ͬͯΔਓগ ͳ͍ w ࠃ֎ͷΫϦΤΠςΟϒίʔ σΟϯάͷΠϕϯτʹࢀՃͯ͠ 3VCZͰͬͯΔਓݟ͔͚ͳ ͍
w ͦΕͰΠϕϯτʹࢀՃͰ͖Δ ͘Β͍3VCZͰ࡞࡞ΓͰ͖Δ IUUQTOPUFDPNDIPCJTIJCBOOCBE
3VCZͰͰ͖Δ w QKT 1SPDFTTJOHͷ+BWB4DSJQUϥΠϒϥϦ w IUUQTHJUIVCDPNQSPDFTTJOHQKT w SVCZXBTN
ϒϥβ্Ͱͷ3VCZͷ࣮ߦΛՄೳʹ͢Δ w IUUQTHJUIVCDPNSVCZSVCZXBTN w QSC +40CKFDUܦ༝ͰQKTͷϝιουϓϩύςΟΛϒϦοδ w IUUQTHJUIVCDPNPOHBFTIJQSC ઌ΄ͲͷϩΰͷதͰ͍ͬͯͨͷ
*❤3VCZ w ΫϦΤΠςΟϒίʔσΟϯά3VCZͰΔͷ͕Ұ൪ͱ͍͏Θ͚Ͱ ͳ͍ w 3VCZͩͱରԠͯ͠ͳ͍ϥΠϒϥϦͨ͘͞Μ͋Δ w Ͱ3VCZͬͯͨΒ3VCZͰΓͨ͘ͳΓ·ͤΜ͔ʁ
ॻ੶ϒϩάجຊ+BWB+BWB4DSJQU ͜͏͍͏ͱ͜Ζ͔Β5JQTΛֶͿ
3VCZͰΓ͍ͨʂ w ຊΛಡΜͰ͍Δͱ͖;Ή;Ή͜͏ॻ͚ʜͱͳΔ w Ͱ͍ࣗ͟ͰԿ͔ॻ͜͏ͱ͢Δͱz3VCZͳΒʜzͱͳΔ w ͦΕ͕͘͢͝ετϨε w खʹೃછΜͩಓ۩ʢ3VCZʣͰΓ͍ͨʂ
3VCZͰΓ͍ͨʂ w ຊ֨తʹ3VCZͰΓ࢝Ίͨ w ˠ࡞ഒ w ͢ͰʹΑΓଟ͍ IUUQTOPUFDPNDIPCJTIJCBOOFECCD
ࢲͷ͖͢ͳͷ
ΫϦΤΠςΟϒίʔσΟϯά 3VCZͰ
ςϯγϣϯ্͕ͬͨΛฉ͍ͯ΄͍͠ w 3VCZͰΫϦΤΠςΟϒίʔσ Πϯάͷ͕͖͜͜ʂͱࢥ͏ ॠؒ3VCZΛͬͯΔਓʹ͠ ͔௨͡ͳͦ͞͏ w ࠓͷࢀՃऀͳΒΘ͔ͬͯ Β͑ΔͷͰʁʁ
w ͱ͍͏Θ͚Ͱ͖࣋ͬͯ·ͨ͠
ͨͱ͑͜Μͳαϯϓϧίʔυ ͘Γฦ͍ͨ͠ͱ͖ +BWB4DSJQU 3VCZ ॳظ͕ͱ͔ͣͭ૿͢ͱ͔ߟ͑ͳ͍ɻճʂ
ͨͱ͑͜Μͳαϯϓϧίʔυ ͦΕͧΕͷΦϒδΣΫτʹखΛೖΕ͍ͨ +BWB4DSJQU 3VCZ શ෦Ͱ͍ͭ͋͘Δͱ͔ࠓԿ൪ͱ͔ҙࣝ͠ͳ͍͍ͯ͘
ͨͱ͑͜Μͳαϯϓϧίʔυ ͨ͘͞ΜͷͷΛ࡞Γ͍ͨͱ͖ +BWB4DSJQU 3VCZ ͦͷ··۪ʹίϯόʔτ͢Δͱ͜͏ ͳΜ͔3VCZͬΆ͘ͳ͍ 1BSUJDMFΦϒδΣΫτ࡞ͬͯྻʹ٧ΊΔ
ͨͱ͑͜Μͳαϯϓϧίʔυ ͨ͘͞ΜͷͷΛ࡞Γ͍ͨͱ͖ +BWB4DSJQU 3VCZ ྻʹݸͷΦϒδΣΫτ٧ΊΔʜͳΜ͔ҧ͏
ͨͱ͑͜Μͳαϯϓϧίʔυ ͨ͘͞ΜͷͷΛ࡞Γ͍ͨͱ͖ +BWB4DSJQU 3VCZ ͜͏͔ʂʂ ྻຊ͡Όͳ͍ݸͷ1BSUJDMFΦϒδΣΫτΛ࡞Γ͔͚ͨͬͨͩ
lࢲͷࢥ͏zΫϦΤΠςΟϒͷ͖ͳͱ͜Ζ w αϯϓϧίʔυ͕ҙຯͯͨ͜͠ ͱͬͱΘ͔ͬͨؾ͕ͨ͠ w 5JQTΛࣗͷ࡞ʹऔΓࠐΈ ͘͢ͳͬͨ w Γ͍ͨ͜ͱʹϑΥʔΧε͠
͍͢ w 3VCZΒ͘͠ॻ͚Δͱؾ͍͍࣋ͪ
͏ͱ͜Μͳ͜ͱ͕Ͱ͖Δ
॥ खʹೃછΉಓ۩ 3VCZ Ͱ࡞Γͨ͘ͳΔ 3VCZͷΑ͞ʹվΊͯؾͮ͘ ॻ͚ॻ͘΄Ͳ͖ʹͳ͍ͬͯ͘
͚ࣗͩͷੈքΛܗʹ͢Δ͜ͱ͕Ͱ͖Δ w ʰϓϩάϥϛϯά୯ʹٕज़Ͱ ͳ͘ɺࣗͷੈքΛܗ࡞Δͨ ΊͷॏཁͳπʔϧͰ͢ʱ w தߴੜࠃࡍ3VCZϓϩάϥϛϯά ίϯςετͰͷ.BU[ͷݴ༿ w
ࢲΫϦΤΠςΟϒίʔσΟϯά Λ͍ͯ͠Δͱ͖͕Ұ൪ʮࣗͩ ͚ͷੈքΛ࡞ͬͯΔʯͱ͍͏ײ ͕֮͋Δ IUUQTXXXSVCZQSPDPOOFUEPDT
͚ࣗͩͷੈքΛܗʹ͢Δ͜ͱ͕Ͱ͖Δ w ΫϦΤΠςΟϒίʔσΟϯάͰ ࢥ͍͖ͬΓ͚ࣗͩͷੈքΛ ࡞ָͬͯ͠ΜͰ w ΫϦΤΠςΟϒίʔσΟϯάΛ ௨ͯ͠গ͠֎ͱܨ͕ͬͯΈΔ w
ࠓͷ-5ͦͷͭ w ࡞ެ։ͦͷͭ
3VCZؔ࿈ΠϕϯτͷϩΰΛ3VCZͰඳ͍ͯΈΔ3VCZ,BJHJ
3VCZؔ࿈ΠϕϯτͷϩΰΛ3VCZͰඳ͍ͯΈΔ3VCZ,BJHJ ձظͷؒͰগͣͭͤͯ͠͞ ͍ͬͨ ςϯγϣϯ্͕ͬͯंྠͷ࠶ൃ໌ ͯͨ͠ ϦϑΝΫλͨ͠
3VCZؔ࿈ΠϕϯτͷϩΰΛ3VCZͰඳ͍ͯΈΔ,BJHJPO3BJMT
3VCZؔ࿈ΠϕϯτͷϩΰΛ3VCZͰඳ͍ͯΈΔ,BJHJPO3BJMT ͦΜͳͭΓͳ͔͚ͬͨͲࢀ Ճதʹձதʹ͋ΔϩΰݟͯͨΒ ͍ͭΧοͱͳͬͯ
3VCZؔ࿈ΠϕϯτͷϩΰΛ3VCZͰඳ͍ͯΈΔ3BJMT(JSMT5PLZPUI
3VCZؔ࿈ΠϕϯτͷϩΰΛ3VCZͰඳ͍ͯΈΔ3BJMT(JSMT5PLZPUI Πϕϯτͷ൝͕Ϋϥε໊ͩͬͨͷ ͰͦͷΫϥεΛඳըίʔυʹ ΓࠐΜͩͷ3VCZͰ࡞ΔҙٛΛ ײ͡ΒΕͨ
Θ͍Θ͍ձ w ͬͯΈ͍͚ͨͲͲ͔͜Β࢝Ί ͨΒͱ͍͏Λฉ͍ͯɺ࠷ॳͷ Ұา͑͞Ұॹʹ౿Έग़ͤϋʔ υϧԼ͕ΔͷͰ w ͭͰଟ͘ͷ࡞͕ݟ͍ͨ w
ͷ3BJMT(JSMT.PSFͰ Δ͜ͱʹ
&OKPZ3VCZ ΫϦΤΠςΟϒίʔσΟϯάͰ 3VCZΛָ͠ΜͰ͚ࣗͩͷੈքΛ ࡞ͬͯΈ·ͤΜ͔ʁ ؾʹͳͬͨํ࠙ձͰ͔͚ͯ ͍ͩ͘͞ʂ IUUQTTQFBLFSEFDLDPNDIPCJTIJCB DSFBUJWFDPEJOHTUBSUJOHXJUISVCZ IUUQTOPUFDPNDIPCJTIJCBOOGDDBCCB