プロジェクト概要と制作のポイント

Web 制作に便利なツール集のポートフォリオプロジェクトです。 対象は Web 制作者やエンジニアで、モダン・ミニマル・使いやすさ重視の UI を採用しています。


このツールは、Web制作時に CSSの効果をリアルタイムで確認しながらコードを生成・コピーできる環境 があれば便利だと感じたことがきっかけで制作しました。
同時に、未経験だった Next.js と React に実際に触れて学ぶことも目的のひとつでした。

UIはシンプルで操作しやすい構成を意識し、
ダークモード切り替え と 多言語対応（日本語・英語） も実装。
ダークモードは Tailwind CSS の dark: クラスで制御し、
多言語化は i18n を利用しています。
アイコンには視認性と統一感を重視して Lucide React を採用しました。

技術スタック

フレームワーク: Next.js 15 (App Router)
ライブラリ: React 18
言語: TypeScript
スタイリング: Tailwind CSS
アイコン: Lucide React
バージョン管理: Git / GitHub
デプロイ環境: Xサーバー（静的エクスポート）

静的ビルドによるデプロイを行っており、
今後はツールの種類追加やUI改善など、継続的に拡張していく予定です。