実務および
実装に使う言語・フレームワーク／ライブラリと、開発を進めるうえでのAI活用
セマンティックなマークアップを意識し、見出し構造やフォームが支援技術から辿れる形を基本としています。
レイアウト実装全般で使用。Flexbox / Gridでの組み方や、既存スタイルへの影響を抑えた修正を行っています。
Laravel（Blade）の基幹システム開発で、既存コードから仕様を読み解きながらフロントエンドの改修を担当しました。
受託開発案件と個人開発で使用。型定義の設計からAPIレスポンスの整形まで、実装の土台として日常的に扱っています。
受託開発案件(システム間連携システム)等で、機能単位の設計から実装まで担当しました。
受託開発案件(BtoBクラウドストレージ等)と個人開発で使用。当サイトもNext.js 16のApp Routerを用いて構築し、お問い合わせの送信以外は静的生成にしています。
受託開発案件(モック作成〜実装段階)と個人開発で使用。当サイトではデザイントークンをテーマ側へ集約し、ユーティリティの命名規則を揃えて運用しています。
受託開発案件の管理画面で使用。テーマ設定でトーンを揃えつつ、コンポーネントをカスタマイズしました。
WordPressテーマのカスタマイズなどで使用しました。
基幹システム・業務システムの開発で使用。フロントエンド開発がメインとなりますが、軽微なバックエンド開発・修正（CRUDなど）を担当しました。
業務システムの開発で、テーブル定義の確認やSQLでのデータ調査に使用しました。画面からDBまでの流れを追うことはできます。
日々の実装・リファクタリング・ドキュメント整備に活用。計画を立ててから着手し、レビュー可能な粒度に分けて進める運用をとっています。
3ヶ月ほどお試しで使用しました。今はClaude Codeをメインで使用しています。
デザインカンプ・アイコン制作で実務使用
ホームページのデザインカンプ作成、システムの使用カラー選定に使用。実装を前提としたコンポーネント分解を意識して制作しました。
BtoBクラウドストレージサービスのTOPページのデザインカンプ作成に使用しました。
業務システム向けのアイコン制作を担当。既存UIのトーンに合わせ、線幅・余白を統一することを重視して制作しました。
ホームページの画像補正・リサイズ等に使用しています。
環境構築・バージョン管理・課題管理など、実装の周辺を支えるツール
開発環境の構築に使用。当サイトもDocker Composeで環境を統一しています。
Git操作のGUIクライアントとして使用しました。
日常的なバージョン管理に使用。ブランチを切って作業し、コンフリクトの解消まで行います。
個人開発で使用。当サイトのリポジトリもGitHubで管理しています。
受託開発案件の課題管理・進捗共有に使用しました。プルリクエストベースのレビュー運用で使用。
ホームページの制作・運用で使用。テーマの調整や記事投稿まわりの改修を担当しました。
