Developed by Akashi_n
AI Portfolio

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

About Me

ユーザーが使いやすいと感じるUIと、安心して使える堅牢なシステム。
VercelやTypescriptを使い、その両立を目指して、日々開発を進めています。

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
Textream.ai

Textream.ai

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

Claude codeChatGPT
MoneyFlip

MoneyFlip

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

ReactCursorChatGPT

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

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

Supabaseトリガーを12時間デバッグして、最終的に削除した話
2026/2/3
Web開発Tips

Supabaseトリガーを12時間デバッグして、最終的に削除した話

はじめにSupabaseのデータベーストリガーは強力な機能ですが、複雑なロジックを詰め込むと予期せぬ問題が発生します。本記事では、新規ユーザー登録時のトリガーで12時間ハマった経験と、最終的に「トリガーを使わない」というシンプルな解決策に至った過程を共有します。問題の背景やりたかったことGoogle...

supabaseNext.js
Reactアプリをサブディレクトリに配置したらCSPで地獄を見た話
2026/2/3
Web開発Tips

Reactアプリをサブディレクトリに配置したらCSPで地獄を見た話

既存サイトにReactアプリを統合しようとして、Content Security Policy(CSP)の競合問題にハマった経験を共有します。同じ悩みを持つ方の参考になれば幸いです。やりたかったこと既存のNext.jsサイト akashi-n.com に、別途開発したReactアプリ(MoneyFl...

ReactNetlifyNext.js
【GAS】番号を入力するだけでプルダウンが自動生成!動的ドロップダウンの作り方【前編】
2026/2/2
技術解説

【GAS】番号を入力するだけでプルダウンが自動生成!動的ドロップダウンの作り方【前編】

スプレッドシートで「番号を入力したら、該当するデータの選択肢が出てくる」という仕組み、欲しくないですか?この記事では、番号入力をトリガーにプルダウンを動的生成する方法を解説します。こんな悩みを解決します顧客番号を入れたら、該当する顧客だけを選択肢に出したい同じ番号で複数のデータがある場合に対応したい...

GoogleAppScript