気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life

関ケ原Ruby会議01 の登壇資料です

資料内リンク
- 関ケ原Ruby会議01モチーフ https://ksbmyk.github.io/sketch/20260530/
- rbCanvas/p5 https://rbcanvas.net/p5/
- p5.rb https://p5rb.ongaeshi.me/editor/
- Rubyで描いたsketch https://ksbmyk.github.io/sketch/20230506/
- RubyKaigi 2023 https://ksbmyk.github.io/sketch/20230513/
- Genuary https://genuary.art/
- Genuary 2024 https://genuary.art/2024
- Genuary 2024 my sketch https://ksbmyk.github.io/sketch/events/genuary2024.html
- Genuary 2025 my sketch https://ksbmyk.github.io/sketch/events/genuary2025.html
- Genuary 2026 my sketch https://ksbmyk.github.io/sketch/events/genuary2026.html
- chobishiba sketch https://ksbmyk.github.io/sketch/
- NEORT アップロード解説記事 https://note.com/chobishiba/n/n30799d8d471f
- 家紋生成器 https://ksbmyk.github.io/sketch/events/kamon.html

Transcript

1. 気づいたらRubyで100作品 クリエイティブコーディングが 生 活の 一 部になるまで chobishiba
2. •名前：chobishiba •武将ネーム：橘 小 芝内匠頭緒美三幸 •所属：株式会社スマートバンク • 生 息地：PicoPicoRuby、Rails Girls Tokyo more! etc. 自己 紹介
3. ΫϦΤΠςΟϒίʔσΟϯά
4. クリエイティブコーディング w ޿ٛ
   w ϓϩάϥϛϯά͸͢΂͔Β͘૑଄తͳߦҝ
   w ϓϩάϥϛϯάશൠΛࢦ͢
   w ڱٛ
   w ίʔυͰϏδϡΞϧΞʔτ࡞඼Λ࡞Δߦҝ
   w ੩ࢭը͚ͩͰͳ͘ɺಈը΍ΠϯλϥΫςΟϒͳ΋ͷɺ࣮ߦ͢Δ ͨͼʹ݁Ռ͕ҟͳΔΑ͏ͳ࡞඼΋࡞Δ͜ͱ͕Ͱ͖Δ
5. こういうもの
6. 祝!関ケ原Ruby会議01 h tt ps://ksbmyk.github.io/sketch/20260530/
7. •美 大 の授業で出会った •Processing •おもしろそう！カッコいい！ •コードってこんなこともできるんだ 出会い ڭՊॻٴͼࢀߟਤॻ
8. •何を作ればいいのか？ •何を描けばいいのか？ • 色 って何を使えば？ •どんな形置けばいいの？ •どう置けばいいの？ でも Ͳ͏͍͍͔ͯ͠Θ͔Βͳ͍··࡞ͬͨॳظ࡞඼ɻͳΜͱ΋ݴ͍೉͍
9. •ProcessingはJavaベースの 言 語 •なんかしっくりこない •Rubyだったらこう書くけどProcessingなら…とつい考える •作ることとどう書くかを並 行 して考えるのは集中できない でも
10. •拙いなりになんとか作ってみたりした •楽しいと 面 倒の間を 行 ったり来たりしてた それでも
11. •とったことのないような低い点数と講評 •受け 止 めるのに時間がかかった •どう折り合いつけていいかわからず1年間 手 をつけられなかった •課題じゃない作品も作れなかった •憧れるけど私にはそういうアートとか無理なんじゃないかな 授業の講評に凹んだ
12. •たくさんいろんな 人 の作品を 見 てた •SNS、プラットフォーム •毎 日 いろんな作品が 生 まれてる • 自 分も作り 手 側になりたいけどなれないジレンマ でも好きだ
13. ΍Γ͍ͨ!!
14. •Rubyでクリエイティブコーディングしたい • 自 作もしていたが描写が重くて使い物にならない •Ruby.wasmやOpalでRubyかける環境作ってくれる 人 が出てきた •rbCanvas/p 5 https://rbcanvas.net/p 5 / •p 5 .rb https://p 5 rb.ongaeshi.me/editor/ 書きづらい → Rubyで書けばいい
15. h tt ps://ksbmyk.github.io/sketch/20230506/
16. •圧倒的に書きやすい •じゃあこういう効果を加えてみようと思いつける • 文 法について考えてた部分の脳内リソースがあく •何を作るかに集中できる Ruby最 高 !!
17. •RubyKaigi 2 0 2 3 •ロゴが幾何学モチーフ •描きたい!! •作ってみたら次が 見 つかる 何描けばいい？→題材を 見 つける h tt ps://rubykaigi.org/2023/ h tt ps://ksbmyk.github.io/sketch/20230513/
18. •出かけた先で 見 たもの •おいしいものたべた • 面白 かったもの •絵 日 記をかくように •好きなもので好きなもの をかく 普段の 生 活の中から കӍ ࣣ༦ ϛοϑΟʔల
19. • 手 に馴染んだ道具(Ruby)でかける •講評については 一 旦忘れることにした •課題に対してそぐわなかっただけ • 自 分の作りたいものを作ればいい 楽しい!! खʹೃછΉಓ۩(Ruby)Ͱ ࡞Γͨ͘ͳΔ ॻ͚͹ॻ͘΄Ͳ ޷͖ʹͳ͍ͬͯ͘ RubyͷΑ͞ʹ վΊͯؾͮ͘
20. ࡞ΓॏͶΔ
21. •出 力 結果も作品だけど、私にとってはコードも作品 • 一 度書き上がった後リファクタリングすることもある •Rubyならもっとエレガントに書けるはず •知らなかったメソッドを知ることもある（なんでもある） コードも作品
22. •ミスることもある。でもその偶然の 結果がいいなって思うこともある •円と扇形を交互に並べるコードだっ たのが重ねてしまった •なんか可愛い模様になったのでハイ ライトを 入 れた そんなつもりなかった
23. 気に 入 ったものができた
24. リファクタした！
25. •Before •辺の数を最初に1回ランダム に決める •After •辺の数を毎回ランダムに決め る あれ…
26. でもこっちの 方 が好き ͪΐͬͱځ۶ɾ୯ௐ ͪΐ͏Ͳ͍͍ϥϯμϜ۩߹
27. •同じモチーフ何度描いてもいい •だって好きなんだもん •モネの睡蓮とか北斎の富 士 とか •並べる形変えたら、 色 変えたら、 大 きさ変えたら、動き変えたら 連作
28. 並べる
29. 再帰
30. •正解も間違いもない • 自 分だけが嬉しい •その時々の「好き」が残っていく • 自 分を 大 事にする 行 為 • 自 分の世界を創る 行 為 自 分が「よい」と思うものを選ぶ
31. •最初から「これを作りたい」というのはなくていい •なんとなく •こっちが好きだな •こんな形になるんだ •こうしたいな まずはやってみる
32. Genuary
33. •January + Gen Art •31 日 分のお題が出される •世界中のクリエイターが参加 •毎夜毎夜作品が公開される •2020年頃から眺めた Genuary とは h tt ps://genuary.art/
34. •Rubyでもできるし •ちょっと作るようになったし •いくつかはできるだろう Genuary 2 0 2 4 h tt ps://genuary.art/2024
35. •Rubyでもできるし •ちょっと作るようになったし •いくつかはできるだろう •できちゃった！ Genuary 2 0 2 4 h tt ps://ksbmyk.github.io/sketch/events/genuary2024.html
36. •最初はお正 月 休みからはじまる •でもその後は普通の 生 活 •仕事 ・ 試験 ・ 飲み会の 日 も作り続けた 毎 日 作るということ 2024೥1݄1೔
37. •普段の 生 活のなかに無理やり隙間を作る •それなりに無茶をする •誰かが待ってるわけでもない •それでも”つい”やってしまう 仕事ではない ౦ژRuby12 લ໷ࡇ(ొஃ೔)ͷ౤ߘ
38. •お題を解釈→制作→投稿→他の 人 のをみる（ご褒美） •他の 人 は同じお題をどう解釈したんだろう •同じお題に挑んだ仲間 •こんなにすごいもの作る 人 がいる •いいねやRTしてくれる 人 がいる、嬉しい イベントと 見 知らぬ仲間の 力
39. •最初から 大 きなこと考えない • 目 の前のこと「今 日 のお題」を作ることを楽しむ •継続とか考えると 大 変 •毎 日 じゃなく参加してる 人 もいるので0か1かの雰囲気もない 完 走 を 目 指さない
40. •リアルタイム楽しいから毎 日 何かを投稿する •ここまできたら完 走 したい気持ちが芽 生 える •どうやって時間作る？になっていく •なんとかなる、する 完 走 したくなってくる
41. •卒制あるしさすがに無理だろう •息抜きに挑戦しよう •やれるだけやってみよう •やれちゃった Genuary 2 0 2 5 h tt ps://ksbmyk.github.io/sketch/events/genuary2025.html
42. •今年お題難しくない？ •まぁ完 走 できなくても •完 走 •作るより解釈に時間かかった •イメージカラー決めた Genuary 2 0 2 6 h tt ps://ksbmyk.github.io/sketch/events/genuary2026.html
43. • 自己 理解 • 自 分が何が好きか、 自 分の性分、「好き」は強い •作品を「創る」ということ •何を考え、何を表現したくて、結果どうするか •種まき •次の作品のベース 得たもの
44. ؾ͕͍ͭͨΒ
45. • 目 指したわけじゃない •気が向いた時に作る •何か機会に合わせて作る •イベント、コンテスト、登壇 気づいたら100 h tt ps://ksbmyk.github.io/sketch/
46. • 自 分のサイト溜めるのも1つ •プラットフォームもある •Rubyで書いたコードを簡単に公 開できる場所もある •NEORT プラットフォーム RubyͰͷ΍Γํղઆ h tt ps://note.com/chobishiba/n/n30799d8d471f
47. 公共展 示
48. • 大 きな場所だけじゃない •コードで描きたい •これもクリエイティブコーディング •表 示 できるものはなんでもキャンバス マイコン
49. ࠷ॳͷҰา
50. •みなさん武将ネームお持ちですよね？ • 戦国時代の武将名を模倣する場合、以下の要素を組み合わせます。 • 氏 （本姓）: 源、平、藤原、橘のいずれか（例：織 田 は平、徳川は源）。 • 名字（家名）: 織 田 、武 田 、 毛 利、真 田 など、 一 族の家名。 • 官職名: 朝廷から賜った役職（例：信 長 ＝上総介、光秀＝ 日 向守）。 • 通称（仮名）: 日 常的に呼ばれる名前（例：信 長 ＝三郎、秀吉＝藤吉郎）。 • 実名（諱 ・ いみな）: 15歳前後の元服時に親や主君から付けられる「通字」を 用 いた名前。 武将ネーム ไߦऺͷޚୡ͠ΑΓൈਮ
51. • 大 将の家紋。かっこいいですよね（それぞれの代表作が意匠化） •我々も作りましょう •クリエイティブコーディングで 次は家紋
52. 家紋 生 成器 h tt ps://ksbmyk.github.io/sketch/events/kamon.html
54. •コードのコピー可能 •コピーしたコードをp 5 .rbや rbCanvas/p 5 を使って発展させる •https://p 5 rb.ongaeshi.me/ editor/ •https://rbcanvas.net/p 5 / 作り込み
55. •最初から「これを作りたい」というのはなくていい •なんとなく（家紋を作りたいな。何か形の組み合わせで） •こっちが好きだな（円より三 角 の 方 が好きだな） •こんな形になるんだ（重ねたらおもしろいぞ） •こうしたいな（ここに四 角 とか置きたいな） まずはやってみる
56. Enjoy Ruby Enjoy Creative Coding