🛠️ 開発ツール紹介

個人開発で実際に使い込んできたツール・サービスを厳選して紹介します

AIアシスタント、開発ツール、クラウドサービス、学習プラットフォーム、デザインツール、音楽生成AIの6カテゴリに分けて紹介します。どれも実際のプロダクト開発で使い込んできたものばかりです。詳しい使い方やレビューはブログでも解説しています。

🤖 AIアシスタント・エージェント

🧠

Claude Code

このポートフォリオサイトもClaude Codeで構築。対話型でコード生成・レビュー・リファクタリングまでこなすAIエージェント。

公式サイト →
🔮

Codex

GitHubと深く連携し、Issue対応やPR作成を自動化できるAIエージェント。

公式サイト →
🤖

GitHub Copilot

VS Code上でリアルタイムにコード補完。TypeScriptとの相性が抜群。

公式サイト →

🛠️ 開発ツール・IDE

💻

Visual Studio Code

メインエディタ。拡張機能が豊富で、あらゆる開発に対応。

公式サイト →
🐙

GitHub

バージョン管理とCI/CD。GitHub Actionsで自動デプロイも。

公式サイト →

Prettier

コードフォーマッター。保存時に自動整形でコード品質を維持。

公式サイト →

☁️ クラウドホスティング・デプロイ

🔥

Firebase

メインのホスティング基盤。Hosting、Analytics、AdSenseまで。

公式サイト →

Vercel

Next.jsのデプロイに最適。プレビュー環境が便利。

公式サイト →
☁️

AWS

将来を見据えた学習中。Lambda、S3など。

公式サイト →

📚 学習プラットフォーム

🎓

Udemy

React、TypeScriptの実践コースが充実。セール時がお得。

公式サイト →
🏕️

freeCodeCamp

無料でHTML/CSS/JSの基礎から学べる。

公式サイト →
🎒

Coursera

大学レベルの本格的なコース。CS基礎に。

公式サイト →

🎨 デザインツール

🎨

Figma

UI設計とコンポーネント管理。チーム共有も。

公式サイト →
🖼️

Adobe Creative Cloud

OG画像の作成にPhotoshopを活用。

公式サイト →
🖌️

Canva

SNS用画像やバナーを素早く作成。

公式サイト →

🎵 音楽生成AI

🎤

Suno

高品質なボーカル付き楽曲を生成。

公式サイト →
🎹

Udio

インストゥルメンタルや多ジャンルに対応。

公式サイト →
🎵

SOUNDRAW

日本発、ロイヤリティフリーの楽曲生成。

公式サイト →