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
920
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でやりたい駆動開発 / Ruby driven development
chobishiba
1
870
私のRubyKaigi 2025 Kaigi Effect / My RubyKaigi 2025 Kaigi Effect
chobishiba
1
240
クリエイティブコーディングとRuby学習 / Creative Coding and Learning Ruby
chobishiba
0
4.9k
自分だけの世界を創るクリエイティブコーディング / Creative Coding: Creating Your Own World
chobishiba
2
4.2k
Rubyとクリエイティブコーディングの輪の広がり / The Growing Circle of Ruby and Creative Coding
chobishiba
2
940
Enjoy Creative Coding with Ruby (RubyKaigi2024)
chobishiba
0
9.2k
プログラミングを楽しもう! / Enjoy Programming
chobishiba
1
1.9k
Creative coding starting with Ruby
chobishiba
2
5k
らくらくスペースレイアウト / rakuraku space layout
chobishiba
0
160
Other Decks in Programming
See All in Programming
Navigating Dependency Injection with Metro
zacsweers
3
230
Namespace and Its Future
tagomoris
6
700
デザイナーが Androidエンジニアに 挑戦してみた
874wokiite
0
280
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
taitotnk
0
830
ファインディ株式会社におけるMCP活用とサービス開発
starfish719
0
290
モバイルアプリからWebへの横展開を加速した話_Claude_Code_実践術.pdf
kazuyasakamoto
0
320
Design Foundational Data Engineering Observability
sucitw
3
190
Ruby Parser progress report 2025
yui_knk
1
430
Ruby×iOSアプリ開発 ~共に歩んだエコシステムの物語~
temoki
0
270
@Environment(\.keyPath)那么好我不允许你们不知道! / atEnvironment keyPath is so good and you should know it!
lovee
0
110
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
thagikura
0
140
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
220
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
How to Ace a Technical Interview
jacobian
279
23k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
GraphQLとの向き合い方2022年版
quramy
49
14k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Visualization
eitanlees
148
16k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
The Cult of Friendly URLs
andyhume
79
6.6k
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