ジムから住む場所を決める！Go + Reactで作る「筋肉不動産」アプリの設計
「まずジムを選んでから家を探す」という筋トレ愛好家向けの住まい探しWebアプリ「筋肉不動産」を開発しました。Go + Gin のClean Architectureバックエンドと、React + TypeScriptフロントエンドの実装を解説します。
[Read More]
Xのいいねを資産化！Chrome拡張 + pgvector + DINOv2で作る画像レコメンドシステム
X（Twitter）でいいねした画像・動画を自動収集し、DINOv2の埋め込みベクトルとpgvectorで類似コンテンツをレコメンドするWebアプリを開発しました。Chrome拡張でいいねを収集し、VPSのDocker環境でセルフホストします。
[Read More]
漫画の続刊を買い忘れない！Go + Reactで作った続刊管理Webアプリ「tsuzukan」
手持ちの漫画・小説の続刊をピックアップし、Amazon/楽天のカート追加URLを自動生成するWebアプリ「tsuzukan（続刊）」を開発しました。Amazon・楽天の購入履歴CSVをインポートしてシリーズ管理し、新刊が出たら即カートに追加できます。
[Read More]
Mac mini M4でローカルLLMを動かすDiscord Bot—関西弁AIとニュース自動投稿の実装
Mac mini M4上のOllama（qwen2.5:14b）を使って、関西弁で雑談するDiscord Bot「ロブスター」を開発しました。クラウドAPIなしで動作し、はてなブックマーク・Zenn・Qiitaからのテックニュース自動投稿機能も実装しています。
[Read More]
ローカルLLMでデッサン添削アプリを作った！Ollama + Qwen3.5 + Go + Reactの構成
Ollama上で動くVLM（Qwen3.5）を使ってデッサン添削Webアプリを開発しました。iPadから写真を撮ってアップロードするだけで、AIが6つの評価項目ごとに10点満点でスコアとアドバイスを返します。クラウドAPIを使わないため、絵の内容が外部に送信されることもありません。
[Read More]
サークル写真管理の分散・重複問題をSHA256ハッシュで解決 - drive-gallery開発事例
はじめに
サークルやチームでイベントの写真・動画を管理していると、「どこに何の写真があったっけ？」「同じ写真が複数の場所にアップされている」といった問題に直面することはありませんか？本記事では、音楽セッショングループ「Luke Avenue」のメディア管理課題を解決するために開発した「drive-gallery」における分散・重複問題の技術的解決アプローチについて詳しく解説します。
[Read More]LINEボットのユーザー獲得苦戦問題をMCP連携で解決 - turtle-buttler開発事例
はじめに
LINEボットを開発したけれど、ユーザーがなかなか定着しない──そんな悩みを抱えている開発者は多いのではないでしょうか。本記事では、筆者が開発したLINEボット「turtle-buttler」におけるユーザー獲得苦戦問題と、MCP（Modular Component Protocol）連携による解決アプローチについて詳しく解説します。
[Read More]ViteでReact の環境構築
環境構築
npx create-react-app my-app
cd my-app
npm start
上の方法は古いらしい
下記の方法でViteを利用してReact+TypeScriptの環境構築を行う
npm create vite@latest
関連書籍