チェック柄画像作成プログラム（５）

-

 夏はあついし、引きこもるに限る。

そして推しの踊ってみたイベントも関東ではあまりなかったので、時間もあるなぁ。

と、３連休前の平日に考えていて、

あ、そうだ

チェック柄というか背景画像作成ツール、思いついた背景があったからそれを作ろう。

というわけで、その背景を作る。

でんっ！まるさんかくしかくばつ、を２色でランダム配置するやーつ。
ブロック幅毎に、形と色を乱数で決めて、描写する。簡単ですね。15分くらいで出来ました。

はい、規則正しいの気になりますね。規則正しくないのも欲しいですね。
大きさもランダムにしてしまおう。
でんっ！配置する場所とサイズを変更して、何個表示するかをパラメータで持たせています。
これが難しいのが重なったときです。乱数とはいえ同じ箇所に集中してしまっては変な形になってしまう。それを防ぐのに重なった場合はそこに配置せず、リトライします。リトライ回数が大きくなれば諦めることで、パラメータとして与える個数がかなり大きくてもエラーがないようにしています。
…と書きましたが！重なり判定は作るの考えるの面倒ですよね。うん。
はい、AIに書かせました。chatgptに任せました。そんなわけで、これも15分くらいです。
AIならそんなにかからんだろ！って思うかもしれませんが、
画面側のパラメータ設定とかも作って、AIが書いたコードを手直しをちゃんとしてます。
…これブロック幅指定が消えててバグってるな…あとで直そう…
最小サイズ～ブロック幅の大きさの図形になります。

そして考える。
うーん
図形、つまらんな？とはいえ何でもかんでもランダムにすりゃいいってもんじゃない。
いわゆるテーマみたいなのは必要だ。
自分で描くイラストはほとんどが推しの踊ってみたの動画だ。
それに合う記号。
うん、音楽記号だね。
図形を音楽記号に変更。
はい。一瞬だね。
何が一瞬だって？AIに書かせたから一瞬だよ。パラメータはさっきのと一緒だからね。10分かかってない。ただ注意事項でフォントを考慮しろと。
いやそのままのコードで表示出来たからそれでいいよ。

まぁ確かにBlazorで作っているから本当なら注意は必要だろうけど、Chromeで表示出来るフォントになっていれば大丈夫。てか、そもそも作ったこのプログラム、どこにもアップロードしているわけじゃないから、このPCで表示出来れば何でも良いんだよな。ﾍﾍ


翌日
触ってしまったから、また考え始めてしまった。
そうだ、夜空も作りたいんだった。
ほい！AIがすぐ作ってくれ…
ん？
白くない？何も出力されてない？AIミスりやがったな？これだから信用ならないんだよ。
…
…
おかしくないな…なんでや…
ベースの色を白にしてたからでした。大きい星ですら小さかった…
これは大きい星、小さい星、輝いている星の3つに分けています。それが星っぽくなります。
画面側でそれぞれの表示する個数指定出来るようにして完成っと。

…
…
AIにそう指示したからそうだけどさ！！！
なんでリアルな夜空だよ！！！
まぁこれは残しておいて、リアルじゃないイラスト風の星にしたバージョンを作ろう。
はい。
大きくなったからか、同じ個数にしても存在感バッチリやね。白っぽく見えるけど、ランダムで指定した色が背景用の薄い色だからで、ちゃんと黄色指定すれば黄色になります。

AIあると速度がさらに増してしまったな…、それはそうなんだけどね。
でもAIが作ったソースだと、「自分で作った記憶」がないから、それを管理したいな…
ソース管理するか…。
Githubでいいよな。

いいよな、とかいいつつ使ったことないんだけどね。
Githubのアカウントをつくりーの
Gitをインストールしーの
プロジェクトをGitでinitして登録しーの
あぁ、管理したくないファイルいっぱいあるーー
.gitignoreファイルつくりーの
コミットしーの
プッシュしーの

よし、OK。

うん？あー、Github Pagesにデプロイすればgithub.io上で公開できるか
でも今のBlazorのプロジェクトのままでいけるのか？

デプロイ設定してみーの

デプロイエラー

やっぱりダメじゃないか。あと、Github Pagesの設定がなんか表示されないし。

なんでや。

…

…

調べる。あ、最初にGithub登録したときにプライベート設定してたから？！

確かにまだ公開しないからプライベートだよな、って設定したわ。

…

そこを変える設定どこや！！！！！！！

いやどこ？？？？？？？？？？

わからん。


～～数日後～～

あ、そうだ、設定探すんだった。

えーどこだ…

これだああああああああ

なんでSettingを押したページの左にメニューが羅列していて、そのなかにPagesがあるのにSetting押したときのHomeの下の下の下に設定があるんだよ…

そしてデプロイ！

デプロイエラー

なんでや。って思ったけど、デプロイの設定ファイルをAIにまかせて作ったからだよーん

エラー内容を確認。

うん、Blazor、Web Appだからだ。

検索したときにBlazorはGithub Pagesでデプロイ出来ると見たが、どうやら

Blazor Server + Blazor WebAssemblyはGithub Pagesでは動作しないらしい。

動作するのはデプロイで静的サイトになるBlazor WebAssembly Standalone。

学習がてらで作ったからServer利用のプログラムになってたな…。

モード指定しなければ大丈夫か？と思って検索したら

プロジェクト作り直ししろ。と出てしまった。

まぁ作った部分はほぼ移植すれば動くはずだし、プロジェクトから作り直し。

移植してーの

エラーを解消しーの

ローカル実行しーの

問題なし確認しーの

コミットしーの

そして自動でデプロイ！

デプロイエラー

なんでや。エラー内容を見る。

うん、Blazor WebAssemblyのインストールに失敗している。

どうやら、.NET のバージョン違いのようだ。コマンドに-net9が足りなかったらしい。

AIが作ったデプロイコマンドだからな。やれやれだぜ。

そしてデプロイ！

通ったわ。意外とすんなりだったな…、いやローカルじゃ普通に実行できとるしな。

これで、VisualStudioからgitにpushすれば自動で更新してくれるな。

サーバで動作見てみよう。

おぉ！表示された！（それはそう）

で、適当にチェック柄作成、っと。

…

ツール「　　」

ん？あぁ、時間かかってるのか

…

ツール「　　」

ん？結構待ったぞ？表示されない？？

調べる

…

Web「Github Pagesで画像表示されないのはSystem.Drawingが動作しない可能性があるからやで」

ぼく「へー」

は？？使えんの？Bitmap処理出来んの？？

うーん、どうするか。

代替パッケージでも探すか…、たすけてAIくーん！

AIくん「SixLaborsおすすめやで、こんな風に使うで」

ぼく「へー」

変更してみる。

そもそもローカルでもエラーになるな…

ぼく「変更してみたけどエラーになったで」

AIくん「こうなおします」

ぼく「またエラー」

AIくん「こうなおします」

ぼく「またエラー」

AIくん「こうなおします」

あ、エラーやっとなくなった、実行や！

エラー

なんでや。えーっと、ライセンス登録されていない？

あん？？ライセンス見てなかったわ。独自ライセンスか。

非商用、または商用でも収益が少なければApache Lisence 2.0か、で、それはどこで設定するんや。

…見つからん！！面倒だ！！！！

ぼく「ライセンス面倒だから、他のパッケージのおすすめくれ」

AIくん「Canvas API、SkiaSharp、Magick.NETあたりだけど、Magick.NETはおすすめしにくいです。SkiaSharpが一番近いです。」

おすすめしないならだすなよ。SkiaSharpにするか。

直して

直して

…

直して

…

…

多いな！！！！

そりゃ画像処理部分全部書き直しだからな。

よく考えたら出力のパターン、蓄積でかなり増やしてたわ。何個だ？

39パターン！？共通部分も直さないとだし。しかし地道に直すしかない。

一番面倒なのが色を指定するところがARGB指定→RGBA指定になってるところなんだよね。

…この関数はどの関数になるんだ？こうしたのはAIに直してもらうか…。

2日かけてなおしきった。

あ、ちなみにつきっきりじゃなくて配信とか見たり、ゲームしたりしながらだよ。

よし、これでOK

さすがに全部のパターン動作確認は面倒だ、適当なチェック柄で確認。

よし表示された。

ふぅ。

公開する設定になっちゃっているから、READMEとかLICENSE書かないとな…

書く。

面倒だとか言ってたけど、AIの変換信じてないんだよな…。見てみるか…。

これはOK、

これもOK、

これはダメ、

これはOK、

これおかしいか？

ダメOKOKおかしいOK

って結構ダメじゃねーか！！！

一番ダメなのは音楽記号のやつだよ。□になっちゃってるじゃねーか。

そうだよフォントだよ。静的サイトになっているから、Windowsのフォントフォルダなんて参照しない。たすけてAIくーん

AI「音楽記号ならSegoe  UI Symbolでいいんじゃないかな。」

ぼく「へー、どこに配置するの？」

AI「wwwrootのなかだね。ただ、Windows標準フォントは再配布禁止だから気をつけてね」

ぼく「それはダメじゃないか」

AI「それだったらNoto Sans Symbols でいいかもね」

ぼく「へー」

やってみる

ぼく「ダメだったよ」（修正箇所勘違い）

AI「それだったら音楽記号が一般的なのだけならNoto Sansでいけるかも」

ぼく「ダメだったよ」（修正箇所勘違い）

AI「それだったら音楽記号入っているか確かめたほうがいいよ、コードに仕込んで。」

はいってないじゃないか。なんでや。

あ、Noto Musicのフォントもあるやん。

はいってない…？Unicode指定してるんだぞ…？

あ、修正箇所間違ってた。Notoだったらどれでもいけてたわ。まぁせっかく調べたし、音楽記号元々4つだったけど、Musicのフォント入れればもっと音楽記号入れれるからそれも入れよう。

ダメなところ修正して～

修正して～

あ、バグ挙動で残してたやつバグ挙動してなくて微妙だな…、はずしておこう。

処理中の表示ないからわかりにくいなー、ぐるぐる表示するようにしてー


というわけで

画像作成ツール

公開してます。

バグだったり、動作しなかったり、要望があったりしたら、コメント欄とかXだったりとかリアルに話振ってね。気分で直したり直さなかったりします。

サイズ大きくすると結構メモリ食うのと遅いので気をつけてね。



コメント

コメントを投稿

このブログの人気の投稿

日常（３３）超かぐや姫！の考察

-
イメージ
 超かぐや姫、考察が必要になるような映画だったので、個人的な考察をね。 もちろん ネタバレ が含まれるのでね。見てない人は 絶対 見ないでね。むしろ超かぐや姫を見なさい。 . ちなみに記載を真に受けないでください。適当なので。あとで追記・更新する可能性あり。 ----------------------------------------------------------------------------------------------- . . . . 情報源としてあるのが、 ・映画本編 ・公式サイト ・公開記念特番 ・劇場公開記念舞台挨拶 ・小説 ・公式のYoutube 一旦これくらいかな。映画館上映とネトフリの差は知らない。ガイドブックは見てないから知らない。コミカライズも知らない。ネトフリの日本語字幕にも説明あるらしい記述を見ました。それは知らない。あとTLで見た考察も少し入れています。 ↓↓映画館で１回目視聴後、小説読みながら書いてます↓↓ ◯情報整理 　人物について 　・いろは 　　立川の高校に通っている。学費を自分で稼いでいる。小遣い稼ぎでツクヨミでゲームしている。ゲームの上手さは自己評価は中の上だけど、実際はプロゲーマー並み。（かぐやが配信でゲームに負けたら結婚する、で負けそうになったときにリスナーをすべて蹴散らせる、プロゲーマーの帝には負けるけど、初心者のかぐやと2人でなら倒せる可能性がある、プロゲーマーになれるほどの腕がある帝といっしょにゲームしてたから上手いに決まっている）祖父母が仕送りしてくれているお金が実はある（小説に記載）が手を付けないようにしている。実家を離れた理由は母の理想に答えられないから。東大目指しているのも1番じゃないとダメだから。音楽で銀賞取っても母は喜ばなかったので。母も昔は苦労していたので、同じ苦しい思いをして理解したがっているらしい。勉強は予習復習することで東大にいけそうなくらいは出来る（おそらく東大でも１番を目指している）。バイトで新人に教えてカバー出来るくらいにはバイトも卒なくこなしている。バイト先は徒歩15分のBAMBOOcafe（竹ね…）。音楽は亡き父から教わっている。作曲も出来るくらいには。母は厳しそうな人物像ではあるけど、遊びにも全力な人。母への説得が難しそうだから祖父母を利用した。母はかなり...
続きを読む

日常（２１）ぺん誕2025の旅

-
イメージ
 日常だよ。（毎年） ぺん誕2025に行ってきました。応援はじめた直後の2014年のぺん誕はまだ現地に行ったことがなかったのでオンライン参戦してました。2015年に現地に通うようになってからのぺん誕2015からは無観客だった2020年を除いて、毎年現地に行っていますね。 参戦イベントは条件に当てはまれば行きますが、誕生日のイベントは最優先になっているのでもちろん参加なのですが、今回は月曜日でぺん旅出来ないからと、前日になにかすると予告。とすれば前日から行くので、ホテルを取らないといけない。もちろんできるだけ安く済ませたいが、3連休なので高い。快活の鍵付き個室にするかなーと思っていたところ、東海ツアーズのセールがあったので見たところ、宿泊込で25kくらいのプランがあったのでそれにしました。安くしたいなら夜行バスだと思いますが、夜行バスが高くなっているので、新幹線との差額が減っているのと、翌日は仕事なのでその日のうちに帰りたいので帰りは新幹線。行きだけ無理してまでバスにするならもう新幹線で良い→宿泊ならツアープランが良いという感じですね。数日前に泊まる予定のホテルの値段を見ると安値でも14kだったので、新幹線の料金（片道10.5k）を加味すると10kくらい安いので、コスパは良いし、夜行バス→ホテル→新幹線自由席の値段を計算するとおそらく安いのにしても22k～23kくらいかかるからね。新幹線指定席なのも含めると変わらないし、ホテルもツアーにするとグレード高かそうなの選んでも変わらない。そりゃツアー選択が最適。（セールがなければもっと高いから微妙だけど、割とセールは頻繁にある） ということで11/2。前日の22時から戌神ころねさんが配信してたのを徹夜では見ずに、寝て起きて、起きても当たり前のように配信していたのを見つつ準備。朝ごはんどうしようかなと考えていたけど、ご飯が食べたくなったので、準備早く終わったし、おかげ庵に行く。 あさごはん pic.twitter.com/D9ztpSJdHx — よぴ🐣🐬🐰 (@pyopi) November 1, 2025 いつもこのメニューにしてしまう…。おにぎり好きなので、モーニングセットに単品おにぎり追加。当たりの日か？と思ったけど、握りが甘かったのか、食べている最中に崩れて食べにくかった。いやおいしいけど、初めておか...
続きを読む

日常（３０）推しの誕生日イベント

-
 2026/2/1 名古屋に行きましたね。 そう。 すいれいツーマン～２人のまんなかバースデー！～ 推しの誕生日イベントですよ！ 長くなっちゃいそうだし、論文はやめるってことで（？）演目だけの感想です。 前物販でれいちゃんが「あ、よぴさんが好きな曲きっとあります！」 …ん？？なんか宣言されたんだけど？？いっぱい踊るって言ってたし、まぁどれかしらの曲が好きなことありえる。しかしわざわざ言ってきたってことは、こちらが好きって公言している曲……、いやそんなにないぞ。ホロの好きな曲は以前のブログで上げてたけどそれなわけないし。てかブログ少しだけ読んだって言ってたな…、あー！オーバーレイワールドかな。そういえばリクエストとして上げたの書いてたし、年末に動画上げたし、やりそうではある。 ◯天ノ弱～東京テディベア 　前物販の衣装から天ノ弱からだよね！！そういえばすいれいの初コラボ動画あたりの選曲が２人だとかっこいい系に行くんだ？って思ってましたね。やっぱりかっこかわいいはいいね。あ、ニアは初見だ。大阪と名古屋でやってたと思うから見てなかったんだよね。カウントダウンの動画で部分的に見てたけど。ステージをかなり横の方から見てたから、最後に手を伸ばすところが本当に行ってしまった…って感じてすごかった。 ◯チーズケーキクライシス 　…木曜のマジゾで見たな、誰やってたっけ。ちっさいのさんだ。ちっさいのさんはかなり踊りにアレンジ加わっているような感じだったけど、れいちゃんはほんとにれいちゃんだね。 ◯SnowMix♪ 　あ、すのーみっくすだ、手の振り１回覚えたけど一瞬で忘れたな……、２と１？2/1で今日やんけ。かなり今日を楽しみにしているからこそ出るアレンジだね？やっぱりすいかさんのやさしいやわらかな踊りいいなぁ。あと１人１人にちゃんと視線送るようにしている気がする。さすがだね。 ◯おちゃめ機能、te-yut-te 　これもやるんかーーい！でもだいぶ昔からイベントに行ってるから、ライブでやってたの見たことある気もするけど、自信ないな… ◯すいか王、れい王 　全部自信なしだった。すいか① なんとく吹奏楽っぽい。（というか運動している姿が思い浮かばなかった）すいか② 全然わからん。よく考えたらすいかさんが出ていたイベントほぼほぼいけてないのでは…？ヒントはコラボか…。コラボの定番といえは...
続きを読む