<p><img src="https://images.microcms-assets.io/assets/23a7f16ec4454790a6110b8fbc9e140e/55ec96c1ad7c405d9a71fe90bca37c30/icon_bg.png?w=128&amp;h=128" alt="reona396 icon"><br>@reona396 / レオナ<br>九州出身 東京・横浜で活動中<br><br>インタラクションやwebフロントエンドのエンジニアとして働きながら、<br>クリエイティブコーディングを通してデジタルアーティストとして活動しています。<br>Processingとp5.js、ロボットアニメと特撮が大好き！<br></p><h3 id="hd520c521dd">スキル</h3><ul><li>p5.js</li><li>Processing</li><li>Unity</li><li>html / CSS / JavaScript</li><li>ReactとかNext.jsとか</li></ul><h3 id="h40b0e8394b">興味のある分野</h3><ul><li>インタラクション</li><li>クリエイティブコーディング</li><li>プロジェクションマッピング</li><li>VR</li><li>NFT</li><li>プログラミング教育</li><li>フロントエンド</li><li>技術同人誌・記事執筆</li><li>洋服・グッズデザイン制作</li></ul><h2 id="h447bf3353c">連絡先</h2><ul><li><a href="https://twitter.com/reona396" target="_blank" rel="noopener noreferrer">Twitter</a></li><li>Mail : reona396 at gmail</li><li><a href="https://www.instagram.com/reona396_artworks/" target="_blank" rel="noopener noreferrer">Instagram</a></li><li><a href="https://misskey.io/@reona396" target="_blank" rel="noopener noreferrer">Misskey.io</a></li><li><a href="https://www.threads.net/@reona396" target="_blank" rel="noopener noreferrer">Threads</a></li></ul><h2 id="he4ba96ecb5">リンク</h2><h3 id="h7d1029f5f4">技術記事</h3><ul><li><a href="http://blog.livedoor.jp/reona396/" target="_blank" rel="noopener noreferrer">ブログ「だらっと学習帳」</a></li><li><a href="https://qiita.com/reona396" target="_blank" rel="noopener noreferrer">Qiita</a></li></ul><h3 id="h399a1b9cc8">作品ギャラリー</h3><ul><li><a href="https://openprocessing.org/user/13276" target="_blank" rel="noopener noreferrer">OpenProcessing</a></li><li><a href="https://neort.io/EDAeR4N1gzNvQX1xAKDAHgFopeG3" target="_blank" rel="noopener noreferrer">NEORT</a></li><li><a href="https://www.instagram.com/reona396_artworks/" target="_blank" rel="noopener noreferrer">Instagram</a></li></ul><h3 id="h6c925ac8da">作品の更新情報</h3><ul><li><a href="https://note.com/reona396/" target="_blank" rel="noopener noreferrer">note</a></li></ul><h3 id="hfaf84e33c0">グッズ売り場</h3><ul><li><a href="https://suzuri.jp/reona396" target="_blank" rel="noopener noreferrer">SUZURI</a></li><li><a href="https://reona396.booth.pm/" target="_blank" rel="noopener noreferrer">BOOTH</a></li><li><a href="https://techbookfest.org/organization/5067616674643968" target="_blank" rel="noopener noreferrer">技術書典オンラインマーケット</a></li><li><a href="https://www.dlsite.com/maniax/circle/profile/=/maker_id/RG72854.html" target="_blank" rel="noopener noreferrer">DLsite</a></li></ul><h3 id="h9b0d8a1a9a">発表スライド資料</h3><ul><li><a href="https://www.slideshare.net/reona396/presentations" target="_blank" rel="noopener noreferrer">SlideShare</a></li></ul><h3 id="hf25d76ae66">NFT 参加コレクション</h3><ul><li><a href="https://opensea.io/collection/function-draw" target="_blank" rel="noopener noreferrer">function draw()</a></li><li><a href="https://vessel.neort.io/" target="_blank" rel="noopener noreferrer">NEORT Vessel</a></li><li><a href="https://openprocessing.org/crayon" target="_blank" rel="noopener noreferrer">Crayon Codes</a></li><li><a href="https://opensea.io/collection/kumaleon-nft" target="_blank" rel="noopener noreferrer">KUMALEON</a></li></ul><h3 id="haff2c13bdf">NFT 個人販売</h3><ul><li><a href="https://www.fxhash.xyz/u/reona396" target="_blank" rel="noopener noreferrer">fxhash</a></li></ul>

Profile

<h2 id="h415a2fa409">展示</h2><ul><li>2022/5/13 –&nbsp;6/12 クリエイティブコーダー高尾俊介氏 個展「Tiny Sketches」ゲスト枠展示 <ul><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55933379.html" target="_blank" rel="noopener noreferrer">「Tiny Sketches」ゲスト枠で作品を展示していただいています</a></li></ul></li><li>2019/9/27 – 29 個展「ジェネラティブ・ワンダー」<ul><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55800165.html" target="_blank" rel="noopener noreferrer">個展「ジェネラティブ・ワンダー」会期終了のお知らせと御礼</a></li></ul></li><li>2019/9/12 – 25&nbsp;<a style="color:#0058b3" href="https://fabcafe.com/tokyo/events/190912_neort_exhibition" target="_blank" rel="noopener noreferrer">NEORT：Neo Visual Art Collection</a>&nbsp;p5.js作品「text2noise」展示<ul><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55797510.html" target="_blank" rel="noopener noreferrer">「NEORT：Neo Visual Art Collection」に作品が展示されました &amp; Opening Talk 行ってきました</a></li></ul></li><li>2019/6/7&nbsp;<a style="color:#0058b3" href="https://jsnation.com/" target="_blank" rel="noopener noreferrer">Amsterdam JSNation Conference 2019</a>&nbsp;p5.js作品「Dancing Wave」展示<ul><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55769924.html" target="_blank" rel="noopener noreferrer">アムステルダムで開かれたイベントJSNationでp5.jsの作品「Dancing Wave」が展示されました</a></li></ul></li></ul><p><br></p><h2 id="h8ec9ddec31">Web展示・掲載</h2><ul><li>2023/5/10 <a href="https://www.rightclicksave.com/article/generative-art-and-japans-bright-future" target="_blank" rel="noopener noreferrer">RIGHT CLICK SAVE「GENERATIVE ART AND JAPAN’S BRIGHT FUTURE」</a>インタビュー掲載<ul><li>日本語版: <a href="https://note.com/reona396/n/n50a3f7b40177" target="_blank" rel="noopener noreferrer">RIGHT CLICK SAVE reona396インタビュー 日本語完全版</a></li></ul></li><li>2021/11/18&nbsp;<a style="color:#0058b3" href="https://metatokyo.xyz/" target="_blank" rel="noopener noreferrer">MetaTokyo</a>&nbsp;ポップアップミュージアム「SPACE by MetaTokyo」メタバース展示<ul><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55908808.html" target="_blank" rel="noopener noreferrer">メタバース展示イベント「MetaTokyo」に作品が展示されています</a></li></ul></li><li>2021/5/20&nbsp;<a style="color:#0058b3" href="https://backslashlit.com/issues/4/" target="_blank" rel="noopener noreferrer">Backslash Lit</a>&nbsp;issue 4 作品掲載<ul><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55887114.html" target="_blank" rel="noopener noreferrer">オンラインマガジン「Backslash Lit」第4号に作品が掲載されました</a></li></ul></li><li>2021/4/14 2021&nbsp;<a style="color:#0058b3" href="https://rectovrso.laval-virtual.com/en/2021-artworks/" target="_blank" rel="noopener noreferrer">Recto VRso 2021</a>&nbsp;オンライン展示<ul><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55882349.html" target="_blank" rel="noopener noreferrer">作品「Another World」がフランスのアートイベント「RECTO VRso 2021」でオンライン展示されます</a></li></ul></li><li>2019/10&nbsp;<a style="color:#0058b3" href="https://www.openprocessing.org/curation/61110" target="_blank" rel="noopener noreferrer">OpenProcessing Coding Challenge “Emoji Madness"</a>&nbsp;メインビジュアル<ul><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55818605.html" target="_blank" rel="noopener noreferrer">OpenProcessingの"Emoji Madness"Coding Challengeのメインビジュアルに選ばれました</a></li></ul></li><li>2014/8/7&nbsp;<a style="color:#0058b3" href="https://makezine.jp/blog/2014/08/processing-3.html" target="_blank" rel="noopener noreferrer">Make: Japan | Processing 3.0はコード補完やデバッガを標準装備</a> ブログから2記事掲載</li></ul><p><br></p><h2 id="h7d67d4f962">翻訳</h2><ul><li>2021/3/16&nbsp;<a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55879709.html" target="_blank" rel="noopener noreferrer">OpenProcessingの日本語訳に協力しました</a></li><li>2020/3/4&nbsp;<a style="color:#0058b3" href="https://medium.com/processing-foundation/%E3%81%8A%E3%81%BE%E3%81%9F%E3%81%9B-p5-js-1-0-%E5%85%AC%E9%96%8B-f8fb9bf1a734" target="_blank" rel="noopener noreferrer">おまたせ！p5.js 1.0 公開！ – Processing Foundation – Medium</a> 一部英日翻訳</li></ul><p><br></p><h2 id="h48f039f5a7">書籍</h2><ul><li><span style="color:#333333">2023/8/11</span> <a href="https://nextpublishing.jp/book/16896.html" target="_blank" rel="noopener noreferrer">チャットAIよ、この世で一番美しいデジタルアートを創造せよ！</a> 出版<ul><li><a href="http://blog.livedoor.jp/reona396/archives/55988911.html" target="_blank" rel="noopener noreferrer">「チャットAIよ、この世で一番美しいデジタルアートを創造せよ！」を出版しました！</a></li></ul></li><li>2023/5/5 <a href="https://nextpublishing.jp/book/16620.html" target="_blank" rel="noopener noreferrer">2時間でクリエイティブコーダーになる本</a> 出版<ul><li><a href="http://blog.livedoor.jp/reona396/archives/55979349.html" target="_blank" rel="noopener noreferrer">「2時間でクリエイティブコーダーになる本」を出版しました！</a></li></ul></li><li><a style="color:#0058b3" href="http://www.bnn.co.jp/books/7199/" target="_blank" rel="noopener noreferrer">株式会社ビー・エヌ・エヌ新社「［普及版］ジェネラティブ・アート」</a>日本語版編集協力<ul><li>&nbsp;<a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55004988.html" target="_blank" rel="noopener noreferrer">「［普及版］ジェネラティブ・アート」の日本語版編集協力としてお手伝いさせていただきました！</a></li></ul></li></ul><p><br></p><h2 id="habff59d51a">技術同人誌・ZINE</h2><ul><li><span style="color:#000000">2023/5/20 技術書典14 出展</span><ul><li><a href="https://techbookfest.org/product/4b4WT93E31UBjbvw9HJLHX" target="_blank" rel="noopener noreferrer">技術同人誌「チャットAIよ、この世で一番美しいデジタルアートを創造せよ！」発行</a></li></ul></li><li>2022/9/10&nbsp;技術書典13 出展<ul><li><a style="color:#0058b3" href="https://techbookfest.org/product/jGyjrJeF4pmMhVF3t0Jwmy" target="_blank" rel="noopener noreferrer">技術同人誌「</a><a href="https://techbookfest.org/product/jGyjrJeF4pmMhVF3t0Jwmy" target="_blank" rel="noopener noreferrer">2時間でクリエイティブコーダーになる本 p5.jsではじめるアートプログラミング[第2版]</a><a style="color:#0058b3" href="https://techbookfest.org/product/jGyjrJeF4pmMhVF3t0Jwmy" target="_blank" rel="noopener noreferrer">」発行</a></li></ul></li><li>2022/1/22&nbsp;技術書典12 出展<ul><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55916208.html" target="_blank" rel="noopener noreferrer">技術同人誌「デジタルクリエイターが紙の手帳に立ち向かってみた」発行</a></li></ul></li><li>2021/7/10 技術書典11 出展&nbsp;<ul><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55893313.html" target="_blank" rel="noopener noreferrer">技術同人誌「クリエイティブコーディング メイキングブック」発行</a></li></ul></li><li>2020/12/26&nbsp;技術書典10 出展<ul><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55870046.html" target="_blank" rel="noopener noreferrer">技術同人誌「p5.jsで楽しもう！ジェネラティブアート図鑑」発行</a></li></ul></li><li>2020/9/26&nbsp;<a style="color:#0058b3" href="https://pcdtokyo.booth.pm/items/2408455" target="_blank" rel="noopener noreferrer">PCJ ZINE vo.1 – pcdtokyo – BOOTH</a> 「でてこいとびきり三角関数パワー」寄稿</li><li>2020/9/12&nbsp;技術書典9 出展<ul><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55855035.html" target="_blank" rel="noopener noreferrer">技術同人誌「できるだけ毎日続けるためのデイリーコーディング戦略 [第2版]」</a></li><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55855035.html" target="_blank" rel="noopener noreferrer">「2時間でクリエイティブコーダーになる本 p5.jsではじめるアートプログラミング」発行</a> </li></ul></li><li>2020/6/14&nbsp;<a style="color:#0058b3" href="https://pcdtokyo.booth.pm/items/2150150" target="_blank" rel="noopener noreferrer">PCJ ZINE vo.0 – pcdtokyo – BOOTH</a> 「コードのその後へのいざない」寄稿</li><li>2020/5/14&nbsp;<a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55837607.html" target="_blank" rel="noopener noreferrer">技術同人誌「できるだけ毎日続けるためのデイリーコーディング戦略」初版発行</a></li></ul><p><br></p><h2 id="h686a30b85e">お仕事</h2><ul><li>2019/6 都内某レストランにProcessing製プロジェクションマッピング導入<ul><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55769926.html" target="_blank" rel="noopener noreferrer">某レストランのProcessing製プロジェクションマッピングのお話まとめ</a></li></ul></li></ul><p><br></p><h2 id="hdfe90eb09c">勉強会・イベント 登壇</h2><ul><li>2022/10/19 <a href="https://pwanight.connpass.com/event/262565/" target="_blank" rel="noopener noreferrer">PWA Night vol\.44 ～クリエイティブコーディング〜</a> オンライン登壇<ul><li><a href="https://www.slideshare.net/reona396/pwanight20221019" target="_blank" rel="noopener noreferrer">SlideShare</a></li></ul></li><li>2021/2/20-21&nbsp;<a style="color:#0058b3" href="https://pcd2021.peatix.com/" target="_blank" rel="noopener noreferrer">Processing Community Day Japan 2021</a> オンラインイベントスタッフ参加<ul><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55877103.html" target="_blank" rel="noopener noreferrer">レポート記事</a></li></ul></li><li>2020/10/11&nbsp;<a style="color:#0058b3" href="https://pchj05.peatix.com/" target="_blank" rel="noopener noreferrer">Processing Community Hangout Japan #05</a> オンラインイベント登壇<ul><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55867561.html" target="_blank" rel="noopener noreferrer">レポート記事</a></li></ul></li><li>2020/10/11&nbsp;<a style="color:#0058b3" href="https://peatix.com/event/1641189/view" target="_blank" rel="noopener noreferrer">Processing Community Hangout Japan #04</a> オンラインイベント登壇<ul><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55859501.html" target="_blank" rel="noopener noreferrer">レポート記事</a></li></ul></li><li>2020/7/5&nbsp;<a style="color:#0058b3" href="https://pchj02.peatix.com/" target="_blank" rel="noopener noreferrer">Processing Community Hangout Japan #02</a> 「30-min coding challenge」作品制作配信<ul><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55845162.html" target="_blank" rel="noopener noreferrer">レポート記事</a></li></ul></li><li>2020/2/1&nbsp;<a style="color:#0058b3" href="https://pcd-tokyo.github.io/" target="_blank" rel="noopener noreferrer">Processing Community Day Tokyo 2020</a> ワークショップ「Processingでクリエイティブコーダーデビュー！」<ul><li><a style="color:#0058b3" href="https://docs.google.com/presentation/d/1kl81yzwUilbXwxgLir1OkgSQrBBvvqztUsE4WyYFsvg/edit?usp=sharing" target="_blank" rel="noopener noreferrer">Google スライド</a>&nbsp;</li><li><a style="color:#0058b3" href="https://slideshare.net/reona396/pcd-tokyo-2020-processing" target="_blank" rel="noopener noreferrer">SlideShare</a>&nbsp;</li><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55822536.html" target="_blank" rel="noopener noreferrer">レポート記事</a></li></ul></li><li>2019/2/2&nbsp;<a style="color:#0058b3" href="https://pcd-tokyo.github.io/" target="_blank" rel="noopener noreferrer">Processing Community Day Tokyo 2019</a> ワークショップ「2時間で！Processingでプログラミング入門」<ul><li><a style="color:#0058b3" href="https://www.slideshare.net/reona396/pcd2019-tokyo-2processing" target="_blank" rel="noopener noreferrer">SlideShare</a> </li><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55747957.html" target="_blank" rel="noopener noreferrer">レポート記事</a></li></ul></li><li>2017/3/27&nbsp;<a style="color:#0058b3" href="https://wajs.connpass.com/event/51818/" target="_blank" rel="noopener noreferrer">We Are JavaScripters! @5th</a> 「p5.js について」<ul><li><a style="color:#0058b3" href="https://www.slideshare.net/reona396/p5js" target="_blank" rel="noopener noreferrer">SlideShare</a>&nbsp;</li><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55598884.html" target="_blank" rel="noopener noreferrer">レポート記事</a></li></ul></li><li>2016/7/23&nbsp;<a style="color:#0058b3" href="http://shibuya-java.connpass.com/event/34034/" target="_blank" rel="noopener noreferrer">第十六回 #渋谷java</a> 「Processingでジャバジャバ稼ぐ」<ul><li><a style="color:#0058b3" href="http://www.slideshare.net/reona396/presen02" target="_blank" rel="noopener noreferrer">SlideShare</a>&nbsp;</li><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55531545.html" target="_blank" rel="noopener noreferrer">レポート記事</a></li></ul></li><li>2015/8/24&nbsp;<a style="color:#0058b3" href="http://eventdots.jp/event/567068" target="_blank" rel="noopener noreferrer">WordBench東京 LT大会</a> 「WordPress でプロフィールサイトをつくってみた」<ul><li><a style="color:#0058b3" href="http://www.slideshare.net/reona396/wordpress-52046736" target="_blank" rel="noopener noreferrer">SlideShare</a>&nbsp;</li><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55349120.html" target="_blank" rel="noopener noreferrer">レポート記事</a></li></ul></li><li>2015/2/28&nbsp;<a style="color:#0058b3" href="https://www.ospn.jp/osc2015-spring/" target="_blank" rel="noopener noreferrer">オープンソースカンファレンス2015 Tokyo/Spring</a> 「プログラミング初心者さんにもオススメ！アートなプログラミング言語 Processingについて」<ul><li><a style="color:#0058b3" href="http://www.slideshare.net/reona396/osc2015-tokyo" target="_blank" rel="noopener noreferrer">SlideShare</a>&nbsp;</li><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55162599.html" target="_blank" rel="noopener noreferrer">レポート記事</a></li></ul></li><li>2014/11/22&nbsp;<a style="color:#0058b3" href="https://www.ospn.jp/osc2014-fukuoka/" target="_blank" rel="noopener noreferrer">オープンソースカンファレンス2014 Fukuoka</a> 「プログラミング初心者さん歓迎！ アートでデザインなプログラミング言語 Processing について」<ul><li><a style="color:#0058b3" href="http://www.slideshare.net/reona396/osc2014-41909485" target="_blank" rel="noopener noreferrer">SlideShare</a>&nbsp;</li><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/55026799.html" target="_blank" rel="noopener noreferrer">レポート記事</a></li></ul></li><li>2014/8/9&nbsp;<a style="color:#0058b3" href="https://atnd.org/events/54902" target="_blank" rel="noopener noreferrer">9LISP</a> 「Processing 3.0 のモードについて」<ul><li><a style="color:#0058b3" href="http://www.slideshare.net/reona396/processing-37843280" target="_blank" rel="noopener noreferrer">SlideShare</a>&nbsp;</li><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/54909412.html" target="_blank" rel="noopener noreferrer">レポート記事</a></li></ul></li><li>2013/2/9&nbsp;<a style="color:#0058b3" href="https://atnd.org/events/35753" target="_blank" rel="noopener noreferrer">KPF#x08</a> 「Processing×Webの薄い本ください。 ～Processing.jsについて～」<ul><li><a style="color:#0058b3" href="http://www.slideshare.net/reona396/processingweb-processingjs" target="_blank" rel="noopener noreferrer">SlideShare</a>&nbsp;</li><li><a style="color:#0058b3" href="http://blog.livedoor.jp/reona396/archives/54390021.html" target="_blank" rel="noopener noreferrer">レポート記事</a></li></ul></li></ul><p><br></p><h2 id="h1ffab34e52">アドベントカレンダー</h2><ul><li><a href="https://adventar.org/calendars/7370" target="_blank" rel="noopener noreferrer">Processing Advent Calendar 2022</a></li><li><a style="color:#0058b3" href="https://adventar.org/calendars/6163" target="_blank" rel="noopener noreferrer">Processing Advent Calendar 2021</a></li><li><a style="color:#0058b3" href="https://adventar.org/calendars/4953" target="_blank" rel="noopener noreferrer">Processing Advent Calendar 2020</a></li><li><a style="color:#0058b3" href="https://qiita.com/advent-calendar/2019/processing" target="_blank" rel="noopener noreferrer">Processing Advent Calendar 2019</a></li><li><a style="color:#0058b3" href="https://qiita.com/advent-calendar/2018/processing" target="_blank" rel="noopener noreferrer">Processing Advent Calendar 2018</a></li><li><a style="color:#0058b3" href="http://qiita.com/advent-calendar/2017/processing" target="_blank" rel="noopener noreferrer">Processing Advent Calendar 2017</a></li><li><a style="color:#0058b3" href="http://qiita.com/advent-calendar/2016/processing" target="_blank" rel="noopener noreferrer">Processing Advent Calendar 2016</a></li><li><a style="color:#0058b3" href="https://atnd.org/events/72012" target="_blank" rel="noopener noreferrer">Processing Advent Calendar 2015</a></li><li><a style="color:#0058b3" href="https://atnd.org/events/57384" target="_blank" rel="noopener noreferrer">Processing Advent Calendar 2014</a></li><li><a style="color:#0058b3" href="https://atnd.org/events/45161" target="_blank" rel="noopener noreferrer">Processing Advent Calendar 2013</a></li><li><a style="color:#0058b3" href="https://atnd.org/events/33755" target="_blank" rel="noopener noreferrer">Processing Advent Calendar 2012</a></li><li><a style="color:#0058b3" href="https://atnd.org/events/22563" target="_blank" rel="noopener noreferrer">Processing Advent Calendar 2011</a></li></ul>

Activity

<h2 id="h71f58bfb59">インタラクション</h2><p><a href="https://www.youtube.com/watch?v=9HUdbkhF-6M" target="_blank" rel="noopener noreferrer">Camera gesture - YouTube</a></p><iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2F9HUdbkhF-6M%3Ffeature%3Doembed&display_name=YouTube&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D9HUdbkhF-6M&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2F9HUdbkhF-6M%2Fhqdefault.jpg&key=94335756f04b424b8ce3ce71cbe3de0a&type=text%2Fhtml&schema=youtube" width="560" height="315" scrolling="no" title="YouTube embed" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="true"></iframe><p><br><br><span style="color:#0066cc">your hands with fairy dust - OpenProcessing</span></p><iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FnaLJPpEOzsc%3Ffeature%3Doembed&display_name=YouTube&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DnaLJPpEOzsc&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FnaLJPpEOzsc%2Fhqdefault.jpg&key=94335756f04b424b8ce3ce71cbe3de0a&type=text%2Fhtml&schema=youtube" width="560" height="315" scrolling="no" title="YouTube embed" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="true"></iframe><p><br>  <br><a style="background-color:#ffffff" href="https://openprocessing.org/sketch/1179185" target="_blank" rel="noopener noreferrer">Interactive Noise - OpenProcessing</a><br></p><iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FkG6ug3Iz6OY%3Ffeature%3Doembed&display_name=YouTube&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DkG6ug3Iz6OY&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FkG6ug3Iz6OY%2Fhqdefault.jpg&key=94335756f04b424b8ce3ce71cbe3de0a&type=text%2Fhtml&schema=youtube" width="560" height="315" scrolling="no" title="YouTube embed" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="true"></iframe><p><br></p><h2 id="h3f9781cf2d">アニメーション</h2><p><a style="background-color:#ffffff" href="https://openprocessing.org/sketch/1267935" target="_blank" rel="noopener noreferrer">Chaos and Order - OpenProcessing</a></p><iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FeJiQ3_iwkxg%3Ffeature%3Doembed&display_name=YouTube&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DeJiQ3_iwkxg&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FeJiQ3_iwkxg%2Fhqdefault.jpg&key=94335756f04b424b8ce3ce71cbe3de0a&type=text%2Fhtml&schema=youtube" width="560" height="315" scrolling="no" title="YouTube embed" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="true"></iframe><p><br><br><a style="background-color:#ffffff" href="https://openprocessing.org/sketch/1306026" target="_blank" rel="noopener noreferrer">planes - OpenProcessing</a><br></p><iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2F-zUfKS-NXX8%3Ffeature%3Doembed&display_name=YouTube&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D-zUfKS-NXX8&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2F-zUfKS-NXX8%2Fhqdefault.jpg&key=94335756f04b424b8ce3ce71cbe3de0a&type=text%2Fhtml&schema=youtube" width="560" height="315" scrolling="no" title="YouTube embed" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="true"></iframe><p><br></p><h2 id="ha1f8d0853b">グラフィック</h2><p><a style="background-color:#ffffff" href="https://openprocessing.org/sketch/1481879" target="_blank" rel="noopener noreferrer">noise circle - OpenProcessing</a><br><br><img src="https://images.microcms-assets.io/assets/23a7f16ec4454790a6110b8fbc9e140e/624a668299e044178de54eead42abf9f/%E3%82%BF%E3%82%99%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%88%E3%82%99%20(3).png?w=560&amp;h=293" alt=""><br><img src="https://images.microcms-assets.io/assets/23a7f16ec4454790a6110b8fbc9e140e/c39b495e531541a18b9270328e429183/%E3%82%BF%E3%82%99%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%88%E3%82%99%20(5).png?w=560&amp;h=293" alt=""><br><br><a style="background-color:#ffffff" href="https://openprocessing.org/sketch/1499344" target="_blank" rel="noopener noreferrer">curves - OpenProcessing</a><br><br><img src="https://images.microcms-assets.io/assets/23a7f16ec4454790a6110b8fbc9e140e/c7c4442135434ba2888f35b66cc2d2bd/%E3%82%BF%E3%82%99%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%88%E3%82%99%20(7).png?w=560&amp;h=293" alt=""><br><img src="https://images.microcms-assets.io/assets/23a7f16ec4454790a6110b8fbc9e140e/e226063b696c4afcb7853d6bf102671c/%E3%82%BF%E3%82%99%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%88%E3%82%99%20(1).png?w=560&amp;h=293" alt=""><br><br><a href="https://openprocessing.org/sketch/1569371" target="_blank" rel="noopener noreferrer">emoji glitch - OpenProcessing</a><br><br><img src="https://images.microcms-assets.io/assets/23a7f16ec4454790a6110b8fbc9e140e/9fd20366b46c4d829009b4e8088ac151/%E3%82%BF%E3%82%99%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%88%E3%82%99.png?w=560&amp;h=385" alt=""><br><img src="https://images.microcms-assets.io/assets/23a7f16ec4454790a6110b8fbc9e140e/8097a2cb4432477a8776ebf834c87ae0/%E3%82%BF%E3%82%99%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%88%E3%82%99%20(3).png?w=560&amp;h=385" alt=""><br><br><a href="https://openprocessing.org/sketch/1577060" target="_blank" rel="noopener noreferrer">GAME BOY emoji - OpenProcessing</a><br><br><img src="https://images.microcms-assets.io/assets/23a7f16ec4454790a6110b8fbc9e140e/abe98bfbd07449b4b840bb9d430c4f68/%E3%82%BF%E3%82%99%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%88%E3%82%99%20(18).png?w=560&amp;h=385" alt=""><br><img src="https://images.microcms-assets.io/assets/23a7f16ec4454790a6110b8fbc9e140e/4258e83958ef424e977a032e8465c02d/%E3%82%BF%E3%82%99%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%88%E3%82%99%20(17).png?w=560&amp;h=385" alt=""><br></p>

Gallery

<p>書籍・技術同人誌・雑貨・NFTアートを販売しています。</p><h2 id="h48f039f5a7">書籍</h2><h3 id="h513dddc636">2時間でクリエイティブコーダーになる本</h3><p><a href="https://nextpublishing.jp/book/16620.html" target="_blank" rel="noopener noreferrer"><img src="https://images.microcms-assets.io/assets/23a7f16ec4454790a6110b8fbc9e140e/b96d1a78f34b4a7c8888e5f8dbc1af96/FvFx8ncaEAAfIZs.jpeg?w=298&amp;h=420" alt=""></a><br>初の商業出版本です！<br>プログラミング初心者さんに向けてp5.jsを解説しています。<br>電子書籍版も印刷書籍版があります。<br>Amazonなどでお買い求めいただけます。<br><a href="https://nextpublishing.jp/book/16620.html" target="_blank" rel="noopener noreferrer">2時間でクリエイティブコーダーになる本 | NextPublishing</a></p><h3 id="h11154b2a1f">チャットAIよ、この世で一番美しいデジタルアートを創造せよ！</h3><p><a href="https://nextpublishing.jp/book/16896.html" target="_blank" rel="noopener noreferrer"><img src="https://images.microcms-assets.io/assets/23a7f16ec4454790a6110b8fbc9e140e/1a0d4fcc514d41b6bfe8996f09f2026e/chatAI.jpeg?w=297&amp;h=420" alt=""></a><br>2冊目の商業出版本です！<br>チャットAIにクリエイティブコーディングのコードを書かせて結果にツッコミを入れる本です。<br>電子書籍版も印刷書籍版があります。<br>Amazonなどでお買い求めいただけます。<br><a href="https://nextpublishing.jp/book/16896.html" target="_blank" rel="noopener noreferrer">チャットAIよ、この世で一番美しいデジタルアートを創造せよ！ | NextPublishing</a></p><h2 id="h81f6292f61">技術同人誌</h2><p>いずれも電子版です。DLsiteのみ計算方法の違いで価格が異なります。</p><h3 id="h11154b2a1f">チャットAIよ、この世で一番美しいデジタルアートを創造せよ！</h3><p><a href="https://reona396.booth.pm/items/4789694" target="_blank" rel="noopener noreferrer"><img src="https://images.microcms-assets.io/assets/23a7f16ec4454790a6110b8fbc9e140e/fff0fdc24e024bfe886fa7bb1f3612ae/chatAI_top_tw.png?w=300&amp;h=420" alt=""></a><br>ChatGPTとBing AIにクリエイティブコーディングを書かせる実験をまとめた本です。<br><a style="background-color:#ffffff" href="https://reona396.booth.pm/items/4789694" target="_blank" rel="noopener noreferrer">BOOTH</a> / <a style="background-color:#ffffff" href="https://techbookfest.org/product/4b4WT93E31UBjbvw9HJLHX" target="_blank" rel="noopener noreferrer">技術書典オンラインマーケット</a> / <a style="background-color:#ffffff" href="https://www.dlsite.com/home/work/=/product_id/RJ01061174.html" target="_blank" rel="noopener noreferrer">DLsite</a> / <a style="background-color:#ffffff" href="https://suzuri.jp/reona396/digital_products/13860" target="_blank" rel="noopener noreferrer">SUZURI</a></p><h3 id="h45dd1fae7e">2時間でクリエイティブコーダーになる本 p5.jsではじめるアートプログラミング[第2版]</h3><p><a href="https://reona396.booth.pm/items/4157073" target="_blank" rel="noopener noreferrer"><img src="https://images.microcms-assets.io/assets/23a7f16ec4454790a6110b8fbc9e140e/24f1a4aa7bee4b9198b4ef3d926d4fe5/ryFww8TuiXMiVhuVpwiTff.png?w=300&amp;h=425" alt=""></a><br>プログラミング初心者さん向けにp5.jsを基礎から解説した本です。<br><a href="https://reona396.booth.pm/items/4157073" target="_blank" rel="noopener noreferrer">BOOTH</a> / <a href="https://techbookfest.org/product/jGyjrJeF4pmMhVF3t0Jwmy" target="_blank" rel="noopener noreferrer">技術書典オンラインマーケット</a> / <a href="https://www.dlsite.com/home/work/=/product_id/RJ01018305.html" target="_blank" rel="noopener noreferrer">DLsite</a> / <a href="https://suzuri.jp/reona396/digital_products/5555" target="_blank" rel="noopener noreferrer">SUZURI</a></p><h3 id="h7605249a59">デジタルクリエイターが紙の手帳に立ち向かってみた</h3><p><a href="https://reona396.booth.pm/items/2359710" target="_blank" rel="noopener noreferrer"><img src="https://images.microcms-assets.io/assets/23a7f16ec4454790a6110b8fbc9e140e/488cc3cdb873456eb2a066e74fb5ee5e/book.png?w=300&amp;h=425" alt=""></a><br>デジタルクリエイター生活を整理するために紙の手帳に挑戦する本です。<br><a href="https://reona396.booth.pm/items/3596399" target="_blank" rel="noopener noreferrer">BOOTH</a> / <a href="https://techbookfest.org/product/5267506111447040" target="_blank" rel="noopener noreferrer">技術書典オンラインマーケット</a> / <a href="https://www.dlsite.com/home/work/=/product_id/RJ01019434.html" target="_blank" rel="noopener noreferrer">DLsite</a> / <a href="https://suzuri.jp/reona396/digital_products/5554" target="_blank" rel="noopener noreferrer">SUZURI</a><br></p><h3 id="hacf7169bb3">クリエイティブコーディング メイキングブック</h3><p><a href="https://reona396.booth.pm/items/3103536" target="_blank" rel="noopener noreferrer"><img src="https://images.microcms-assets.io/assets/23a7f16ec4454790a6110b8fbc9e140e/c8cbbafc81d64027acff89240789e210/%E8%A1%A8%E7%B4%99.png?w=300&amp;h=424" alt=""></a><br>クリエイティブコーディング10作品のメイキング本です。<br><a href="https://reona396.booth.pm/items/3103536" target="_blank" rel="noopener noreferrer">BOOTH</a> / <a href="https://techbookfest.org/product/5297511164018688" target="_blank" rel="noopener noreferrer">技術書典オンラインマーケット</a> / <a href="https://www.dlsite.com/home/work/=/product_id/RJ01019441.html" target="_blank" rel="noopener noreferrer">DLsite</a> / <a href="https://suzuri.jp/reona396/digital_products/5553" target="_blank" rel="noopener noreferrer">SUZURI</a><br></p><h3 id="h33b63ddb3f">p5.jsで楽しもう！ジェネラティブアート図鑑</h3><p><a href="https://reona396.booth.pm/items/2630602" target="_blank" rel="noopener noreferrer"><img src="https://images.microcms-assets.io/assets/23a7f16ec4454790a6110b8fbc9e140e/d0472176aa5a44eb9a3650d983426fbf/%E8%A1%A8%E7%B4%99%E7%94%BB%E5%83%8F.png?w=300&amp;h=424" alt=""></a><br>ジェネラティブアートをジャンルごとに体験&amp;鑑賞できる本です。<br><a href="https://reona396.booth.pm/items/2630602" target="_blank" rel="noopener noreferrer">BOOTH</a> / <a href="https://techbookfest.org/product/5422489595281408" target="_blank" rel="noopener noreferrer">技術書典オンラインマーケット</a> / <a href="https://www.dlsite.com/home/work/=/product_id/RJ01021878.html" target="_blank" rel="noopener noreferrer">DLsite</a> / <a href="https://suzuri.jp/reona396/digital_products/5542" target="_blank" rel="noopener noreferrer">SUZURI</a><br></p><h3 id="h950e0a1eb2">できるだけ毎日続けるためのデイリーコーディング戦略 [第2版]</h3><p><a href="https://reona396.booth.pm/items/2359710" target="_blank" rel="noopener noreferrer"><img src="https://images.microcms-assets.io/assets/23a7f16ec4454790a6110b8fbc9e140e/4e084a1a39094e75b11014759d2e7dd9/200816%E8%A1%A8%E7%B4%99%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E3%81%AE%E3%82%B3%E3%83%92%E3%82%9A%E3%83%BC.png?w=300&amp;h=424" alt=""></a><br>クリエイティブコーディングを毎日無理なく続けるためのアドバイス本です。<br><a href="https://reona396.booth.pm/items/2359710" target="_blank" rel="noopener noreferrer">BOOTH</a> / <a href="https://techbookfest.org/product/6000948635762688" target="_blank" rel="noopener noreferrer">技術書典オンラインマーケット</a> / <a href="https://www.dlsite.com/home/work/=/product_id/RJ01021883.html" target="_blank" rel="noopener noreferrer">DLsite</a> / <a href="https://suzuri.jp/reona396/digital_products/5541" target="_blank" rel="noopener noreferrer">SUZURI</a><br></p><h2 id="h659d126676">アパレル&amp;雑貨</h2><p><a href="https://suzuri.jp/reona396/3310073/t-shirt/s/white" target="_blank" rel="noopener noreferrer"><img src="https://images.microcms-assets.io/assets/23a7f16ec4454790a6110b8fbc9e140e/9a784b222652400bbf090a1d425a71ab/1586958849-1350x1250.png.1.8661%2B0.0%2B0.0935.jpg?w=300&amp;h=300" alt=""></a><br><a href="https://suzuri.jp/reona396" target="_blank" rel="noopener noreferrer">SUZURI</a> でTシャツやステッカーなどを販売しています。<br></p><h2 id="he1de09a526">NFT</h2><p>各プロジェクトでNFTアートを販売しています。</p><h3 id="h16f92b052a">参加コレクション</h3><ul><li><a href="https://opensea.io/collection/function-draw" target="_blank" rel="noopener noreferrer">function draw()</a></li><li><a href="https://vessel.neort.io/" target="_blank" rel="noopener noreferrer">NEORT Vessel</a></li><li><a href="https://openprocessing.org/crayon" target="_blank" rel="noopener noreferrer">Crayon Codes</a></li><li><a href="https://opensea.io/collection/kumaleon-nft" target="_blank" rel="noopener noreferrer">KUMALEON</a></li></ul><h3 id="h855fa9773b">個人販売</h3><ul><li><a href="https://www.fxhash.xyz/u/reona396" target="_blank" rel="noopener noreferrer">fxhash — reona396 profile</a></li></ul>