AI CREATIVE PORTFOLIO

AIで、アイデアを
形にする時代へ。

AIとClaude Codeを活用した開発の知見や、
実際に作ったプロダクトを発信しています。
あなたの創造を加速させるヒントを。

ABOUT

このサイトについて

AIエージェントに開発をさせながら、その過程で測った数字と、踏んだ失敗を書いています。ツールの紹介ではなく、実際に動かして分かったことの記録です。

書くときの決まりは3つあります。動かして測ってから書くこと。事実は公式ドキュメントで裏を取り、出典を書くこと。そしてうまくいかなかったことも書くこと。一次情報のない記事は公開しません。

詳しく見る →

ARTICLES

最新の記事

すべての記事を見る →

PRODUCTS

開発したプロダクト

すべての制作物を見る →

hiboard

Claude Codeを3つ4つ並列で走らせると、どれが自分の返事を待っているのか分からなくなる。複数のセッションを最大3列のグリッドに並べ、Hooks連携で実行中・確認待ち・完了などの状態を枠色に表示する。VOICEVOXが応答を読み上げるため、画面を見ずに進捗を追える。transcriptを解析し、消費トークンとおおよそのコストも集計する。

#Electron#React#node-pty
詳しく見る →

手書き風時計オーバーレイ

配信画面の時計を、手書きのまま動かし続けるために作った。手書き風フォントを表示しているのではなく、数字を構成する7セグメントの一画ずつを手描きのストロークとして引き、0.18秒ごとに引き直している。同じ時刻でも1秒前と1秒後では線のかたちが違う。マーカー・クレヨン・鉛筆・チョーク・筆ペン・ボールペンの6画材を、かすれ・粒・にじみの出方から作り分け、背景あり/なし・日付あり/なし・秒あり/なしを掛けた48種をHTMLとCSSだけで組んだ。

#HTML#CSS#SVG
詳しく見る →

movie-clipper

ゲーム実況配信からYouTube Shorts向けの切り抜きを作る手間を減らすために開発した。Geminiが音声を文字起こしし、見どころ候補を3〜5件提案する。タイムラインでIN・OUTを手動調整し、プレビュー上の枠で切り出し範囲を指定できる。1080x1920へ変換して書き出し、生成済みShortsは一覧・プレビュー・お気に入りで管理できる。

#Electron#Gemini API#FFmpeg
詳しく見る →

YOUTUBE

YouTubeチャンネル

サーモンランを中心に、ゲーム配信と切り抜きを発信しています。AIやClaude Codeを使った制作の裏側も紹介します。

チャンネルを見る →
YouTube動画のサムネイル▶びるへる YouTube チャンネル

PROFILE

プロフィール

AIとプログラミングが大好きなエンジニア。新しい技術を試すこと、作ること、そして共有することを楽しんでいます。

詳しいプロフィールを見る →

エンジニア / AI開発

好きな技術:AI、TypeScript、Claude Code

活動:ブログ運営、プロダクト開発、YouTube配信