Developed by Akashi_n
AI Portfolio

AI技術とモダンなWebアプリケーションを融合し、
未来を創造する革新的なプロダクトを開発します。

About Me

Claude CodeCursorで、一人でもここまで作れる。

このサイトも、WordPressを使わずゼロから構築しています。
開発の記録と知見を、コードと一緒に。

Tech Stack

最新技術で構築する革新的なソリューション

Claude Code
ChatGPT
Cursor
Stable Diffusion
Next.js
React
TypeScript
Tailwind CSS
Vercel
Supabase
Firebase
Netlify
microCMS
LINE Developer
GitHub

注目のプロジェクト

最新の技術を使用して開発したアプリケーションの一部をご紹介します

メールQRメーカー

メールQRメーカー

QRコードを読み取ると、送信先や定型文が設定されたメールアプリケーションが、ダイレクトに起動するシステム。 CCやBCCも設定出来、文字数制限もリアルタイムで確認可能。

Next.jsClaude codeReact
詳しく見る
16
Textream.ai

Textream.ai

メモアプリケーションと、aiライティングの融合。指示出しすることで想いの文章を生成してくことが可能。<現在招待制で運営中。詳細にデモ動画あり>

Claude codeChatGPT
詳しく見る
18
MoneyFlip

MoneyFlip

選択した通貨の両替計算が簡単に出来る。 利用料無料で、ホーム画面に追加するとアプリの様に使えます。 レートは毎日更新。

ReactCursorChatGPT
詳しく見る
39

AIコーディングツールと開発の実践記録

Claude Code、Cursor、Boltなど、AIツールを使った開発で学んだことを記録しています

Claude Code × F12開発者ツール|"ここを変えて"をピンポイントで伝える方法【Claude Code活用ガイド④】
2026/2/23
1
AIツール活用

Claude Code × F12開発者ツール|"ここを変えて"をピンポイントで伝える方法【Claude Code活用ガイド④】

前回の記事で、VS Codeの「Live Preview」を使って見た目を確認しながらClaude Codeに指示を出す方法を紹介しました。実際にやってみると、こんな場面に出くわすはずです。「この部分を変えたいんだけど、なんて伝えればいいか分からない……」たとえば、請求書の合計金額のフォントサイズを...

Claude CodeClaude
詳細を見る
Claude Codeで作ったWebページを、見た目を確認しながら仕上げる方法【Claude Code活用ガイド③】
2026/2/23
AIツール活用

Claude Codeで作ったWebページを、見た目を確認しながら仕上げる方法【Claude Code活用ガイド③】

前回の記事で、Claude Codeの最強の武器は「Webページの見た目を作る力」であり、PDFやポスターもまずWebページとして作ってから変換すると品質が劇的に上がるという話をしました。でも、1つ疑問が残りますよね。「Claude Codeが作ったWebページの見た目って、どうやって確認するの?」...

Claude CodeClaude
詳細を見る
Claude Code 使い方のコツ|"Webページ経由"で仕上がりが劇的に変わる【Claude Code活用ガイド②】
2026/2/23
2
AIツール活用

Claude Code 使い方のコツ|"Webページ経由"で仕上がりが劇的に変わる【Claude Code活用ガイド②】

Claude Codeには、飛び抜けて得意な領域があります。それは、Webページの見た目を作ることです。「え、Webページ?自分には関係ないけど……」と思うかもしれません。でも実は、この得意領域を知っているかどうかで、Claude Codeから引き出せる結果はまったく変わります。PDF、ポスター、グ...

Claude CodeClaude
詳細を見る