【Day 9】PCが爆発寸前!? 画像に秘密を隠すスパイ道具『MONOCHROME // STEALTH』を作ってみた #30日アプリチャレンジ

30日間毎日アプリを作るチャレンジ、9日目。 今日は日曜で時間はあったのですが、開発環境に問題が発生しました。

AIコーディングに、古いPCがついてこれない。

完成したアプリをブラウザで動かす分には全然大丈夫なんです。 ただ、そこに至るまでの「AIにコードを書かせる処理」や「プレビューの再描画」の負荷に、私の愛機が悲鳴を上げています。

「30日完走するのが先か、このPCが完全に固まるのが先か」 そんな新たなサバイバル要素に怯えながら、なんとか完成させたのがこのアプリです。

📱 Day 9:MONOCHROME // STEALTH

スパイ映画に出てくるような**「画像の中に秘密のメッセージを隠す(ステガノグラフィ)」**機能を搭載した、極秘通信ターミナルです。

👉 極秘任務を開始する(デモサイト) https://kotodamablog.sakura.ne.jp/30days_antigravity/9Day/index.html (※スマホ・PCどちらでも動きます!)

🕵️‍♂️ 3つの極秘モード

アプリ自体の動きはスムーズですが、実装されている機能はなかなか本格的です。

1. DEVELOP(現像モード) 画像をアップロードし、画面をタップすると「デジタルインク」が染み出すようにモノクロ化されます。 この演出のコードをAIに生成させている時、PCのファンが離陸しそうな音を立てていました。

2. ENCODE(暗号化モード) ここからが本番です。 「秘密のメッセージ」と「パスワード」を入力して埋め込みボタンを押すと、画像データの中に文字情報を隠蔽します。 見た目はただのモノクロ写真ですが、データの中には真実が隠されています。

3. DECODE(復号モード) 暗号化された画像を読み込み、特殊な「デコーダーレンズ(ルーペ)」を操作して隠されたメッセージを探し出します。 映画でよくある「ブラックライトを当てると文字が浮かぶ」あのアレです。

※DECODEは、ダウンロードした画像をもう一度読み込んでから使ってくださいね。

💻 開発裏話

ブラウザ上で動くアプリ自体は、AIがいい感じに軽量化してくれたので快適です。 ただ、そのコードを生み出す過程で、ブラウザの「AIエディタ」を開いているだけでPCが固まりかける現象が頻発。

「頼む、コードを書き終わるまで耐えてくれ……!」とPCに祈りながらの作業でした。 AI開発は便利ですが、受け入れる側のマシンスペックも重要だと痛感した9日目です。

明日はいよいよ10日目。 PCを労りつつ、もう少し負荷の軽い(テキストベースの)アプリにしようかなと画策中です。


#Antigravity #アプリ開発 #画像処理 #ステガノグラフィ #Cyberpunk #30日間チャレンジ #Day9 #個人開発

コメントを残す