250627 関西Ruby会議08 前夜祭 RejectKaigi「DJ on Ruby Ver.0.1」

by Masaya Kudo

Slide 1

Slide 1 text

2025/06/27 ؔ੢Rubyձٞ08 લ໷ࡇ RejectKaigi Ϋυ΢ϚαϠ(X: @masaya_dev) DJ on Ruby Ver.0.1

Slide 2

Slide 2 text

I am a DJ. Since 2009.06.20 Played 300+ gigs🎶

Slide 3

Slide 3 text

I Played RubyMusicMixin 2024

Slide 4

Slide 4 text

I am a Software Engineer. Since 2010.04.01 Contributed to 50+ applications💻

Slide 5

Slide 5 text

ؔ੢Rubyձٞ08ͷςʔϚ Rubyͱ࡞Ζ͏

Slide 6

Slide 6 text

RubyKaigi 2025௚ޙͷࣗ෼ RubyͰͳʹ͔࡞Γ͍ͨ…!

Slide 7

Slide 7 text

RubyKaigi 2025௚ޙͷࣗ෼ ΋͔ͯ͠͠RubyͰDJɺͰ͖ΔͷͰ͸ʁ

Slide 8

Slide 8 text

ͻΒΊ͖Λ͘Ε͖͔͚ͨͬ

Slide 9

Slide 9 text

ChatGPTʹฉ͍ͯΈͨ ͳΜ͔͍͚ͩͦ͏ͳงғؾ…?

Slide 10

Slide 10 text

΍Δͧʂ CFPग़͢͜ͱͰࣗ෼Λ௥͍ࠐΉɺCFPۦಈ։ൃ

Slide 11

Slide 11 text

DJ on Ruby Ver.0.1

Slide 12

Slide 12 text

Tonight’s Playlist DJιϑτ΢ΣΞͱ͸ ΦϦδφϧDJιϑτ΢ΣΞʮVibesʯ ʮVibesʯDJ࣮ԋσϞ ʮVibesʯͷ͘͠Έ ࡞ͬͯΈͯͷؾ෇͖ɺࠓޙͷల๬

Slide 13

Slide 13 text

About me Ϋυ΢ϚαϠ(X: @masaya_dev) DJྺ16೥ɺWebΤϯδχΞྺ15೥ ޷͖ͳژ౎ͷόϯυ: ROTTENGRAFFTYɺ10-FEET ޷͖ͳژ౎ͷϏʔϧ: ϫχͷྦ(ژ౎ৢ଄xژ౎ϏΞϥϘ) גࣜձࣾiCARE CTO

Slide 14

Slide 14 text

What's about DJ Software?

Slide 15

Slide 15 text

DJιϑτ΢ΣΞͱ͸ ओʹPCͰDJΛߦ͍͍ͨ࣌ʹར༻͢Διϑτ΢ΣΞɻ ָۂΛ୳ͨ͠Γྲྀͨ͠ΓΤϑΣΫτ͔͚ͨΓɻ Serato,Traktor,rekordboxͳͲ͍͔ͭ͘ϒϥϯυ͕͋Δɻ ݱ৔Ͱ͸DJίϯτϩʔϥʔͱηοτͰ࢖͏͜ͱ͕جຊɻ

Slide 16

Slide 16 text

My DJ Gear… PC: Mac Book Air M3 DJ Software: Serato DJ Pro DJ Controller: AKAI AMX Headphone: V-MODA Crossfade LP2

Slide 17

Slide 17 text

Vibes

Slide 18

Slide 18 text

Vibes 2τϥοΫ࠶ੜ ΫϩεϑΣʔμʔ౥ࡌ wav,mp3,aac(m4a)࠶ੜՄೳ ೾ܗදࣔ BPMղੳ ςϯϙௐ੔ ΤϑΣΫλʔ(HPF, LPF) 8ϙΠϯτHot Cues

Slide 19

Slide 19 text

Vibes Demo Time

Slide 20

Slide 20 text

Vibes: How It Works?

Slide 21

Slide 21 text

2 Mix Architecture Ruby x Rust

Slide 22

Slide 22 text

UIɾϏδωεϩδοΫ૚ Ruby(GTK4) ΞʔΩςΫνϟਤ FFIڥք૚ Ruby(Ruby-FFI) ΦʔσΟΦΤϯδϯ૚ Rust(PortAudio) UI͸Ruby Ի੠ॲཧ͸Rust

Slide 23

Slide 23 text

ٕज़બఆͷഎܠ Ruby onlyͰਐΊ͍ͨͱࢥ͍͕ͬͯͨɺChatGPTͱͷนଧͪͰRustͱͷϋΠϒϦουΛΦεεϝ͞Εͨ ࠷ऴతͳRustͷબఆཧ༝͸ҎԼͷ3ͭ • ϝϞϦ؅ཧͷ༧ଌՄೳੑ͕ߴ͍(GC͕ແ͍) • Ի੠ॲཧܥͷϥΠϒϥϦ͕ॆ࣮͍࣮ͯͯ͠ݱՄೳੑ͕ߴͦ͏ • FFI(Foreign Function Interface)࣮૷ະܦݧͩͬͨͷͰָͦ͠͏

Slide 24

Slide 24 text

DJͰ1൪ා͍͜ͱ Ի͕ࢭ·Δ

Slide 25

Slide 25 text

PCDJͰͷԻͷྲྀΕ(Ұྫ) ָۂϑΝΠϧ (Ի੠σʔλ) ϦΞϧλΠϜՃ޻ ΤϑΣΫτ ϐονม׵ͳͲ ݱ࣮ੈքʹग़ྗ ΦʔσΟΦ ΠϯλʔϑΣʔε DJιϑτ΢ΣΞ DJίϯτϩʔϥʔ

Slide 26

Slide 26 text

Ի੠σʔλͷߏ଄ CDͷԻ࣭ن֨(44.1kHz)ͰαϯϓϦϯά͞Εͨ Ի੠σʔλͷ಺෦Πϝʔδ [αϯϓϧ1][αϯϓϧ2][αϯϓϧ3]…[αϯϓϧ44,100] = 1ඵ෼ͷԻ 23μs 23μs 23μs

Slide 27

Slide 27 text

ϦΞϧλΠϜՃ޻͸௒ߴ଎ϧʔϓ [Ճ޻ࡁαϯϓϧ1] → [Ճ޻ࡁαϯϓϧ2]→[Ճ޻ࡁαϯϓϧ3]… 23μs 23μs 23μs ݩσʔλͱಉ༷ʹՃ޻σʔλ΋23μsִؒͰ ΦʔσΟΦΠϯλʔϑΣʔεʹ౉͞ͳ͍ͱԻ్͕੾Εͯ͠·͏ (Ճ޻ॲཧΛ࣮֬ʹ23μsҎ಺ʹऴ͑Δඞཁ͕͋Δ) [αϯϓϧ1] ↓ [αϯϓϧ2] [αϯϓϧ3] Ճ޻ ↓ Ճ޻ ↓ Ճ޻

Slide 28

Slide 28 text

GC͸ศར͕ͩɺෆ޲͖ͳέʔε΋͋Δ [Ճ޻ࡁαϯϓϧ1] → [Ճ޻ࡁαϯϓϧ2]]… 23μs 100μs RubyͰ࣮૷ͨ͠৔߹ɺGCʢΨϕʔδίϨΫγϣϯʣͷׂΓࠐΈʹΑΓԻ్͕੾Εͯ͠·͏ϦεΫ GCͰΑ͠ͳʹϝϞϦղ์ͯ͘͠ΕΔͷ͸ศར͕ͩɺݫ֨ͳεϧʔϓοτ͕ඞཁͳ৔߹͸σϝϦοτʹ [αϯϓϧ1] ↓ [αϯϓϧ2] Ճ޻ ↓ GCൃੜ ΑͬͯԻ੠ॲཧ͸ϝϞϦ؅ཧΛݫ֨ʹͰ͖ΔRustΛ࠾༻ɺGUI͸RubyͰָͭ͘͘͠Δͱ͍͏Ξϓϩʔνʹ

Slide 29

Slide 29 text

Ruby-FFIͰRuby x Rust࿈ܞ f fi .rb mixer.rs audio_engine.rb

Slide 30

Slide 30 text

Ruby/GTK4ͰGUI։ൃ

Slide 31

Slide 31 text

Vibes: How to Make?

Slide 32

Slide 32 text

Coding Style Vibe Coding with Claude Code

Slide 33

Slide 33 text

(CFPஈ֊Ͱ૝ఆ͍ͯͨ͠)Vibes 2τϥοΫ࠶ੜ ΫϩεϑΣʔμʔ౥ࡌ wav,mp3,aac(m4a)࠶ੜՄೳ ೾ܗදࣔ BPMղੳ ςϯϙௐ੔ ΤϑΣΫλʔ(HPF, LPF) 8ϙΠϯτHot Cues Claude Codeͷ͓͔͛Ͱ ΊͬͪΌਐΜͩ

Slide 34

Slide 34 text

࡞ͬͯΈͯͷؾ෇͖ ͜Ε·ͰԿؾͳ͘࢖͍ͬͯͨط੡඼ͷDJιϑτ΢ΣΞͷΫΦϦςΟͷߴ͞ʹؾͮ͘ DJιϑτ΢ΣΞ։ൃΛ௨༷ͯ͠ʑͳΞϧΰϦζϜΛֶ΂Δ • ೾ܗදࣔ΍BPMݕग़͢ΔͨΊͷFFT(ߴ଎ϑʔϦΤม׵) • ςϯϙௐ੔ͷͨΊͷWSOLAΞϧΰϦζϜ GTKɺRubyͰ΋GUIΞϓϦέʔγϣϯखܰʹ࡞Εָ͍ͯ͠ FFIʹΑͬͯݴޠ͝ͱͷదࡐదॴ͕બ΂Δͷૉ੖Β͍͠ Claude Code͸ֵ໋ɺ1೥ؒ͘Β͍͔͔Δͱࢥ͍ͬͯͨ։ൃ͕1ϲ݄ͰऴΘͬͨ

Slide 35

Slide 35 text

ࠓޙͷల๬ DJίϯτϩʔϥʔΛࣗ࡞ͯ͠࿈ܞ VibesΛૢΔAI DJΤʔδΣϯτ։ൃ

Slide 36

Slide 36 text

໌೔΋ָ͠Έ·͠ΐ͏ Thank you!