安崎 海星

HTML( 主力 )

セマンティックなマークアップを基本に、検索エンジンと支援技術に正しく伝わる文書構造を組みます。メールクライアント特有の制約に合わせたHTMLメールのコーディング実務経験もあります。

例：LP・コーポレートサイトの構造設計 ／ HTMLメール（メルマガ）のコーディング ／ OGP・構造化データの設定

CSS( 主力 )

レスポンシブ設計とデザイン再現が主戦場。Sass・Tailwind CSSの両方で運用でき、アニメーションはCSSのみの軽量実装からGSAP併用の演出まで対応します。

例：画像カンプの忠実な再現 ／ フェード・スライド等のスクロール演出 ／ Grid / Flexによる複雑なレイアウト ／ Sass設計・Tailwind運用

JavaScript( 主力 )

UIの動きまわり一式を実装します。ライブラリに頼らない軽量な自前実装と、Swiper等の既存ライブラリ活用を案件に応じて使い分けます。

例：スライダー・モーダル・アコーディオン ／ フォームバリデーションと送信処理 ／ IntersectionObserverによるスクロール連動 ／ fetchでのAPI連携

React.js( 実務レベル )

コンポーネント分割と状態管理の整理が中心。ローディング・エラー・結果表示など、画面の状態を分離した設計を意識して実装します。

例：チャットUI等の状態管理設計 ／ タブ・フィルタなどの動的UI ／ カスタムフックへの共通化

Next.js( 主力 )

App Routerを前提に、静的生成からSSR、Route HandlerによるAPI実装まで一貫して構築します。このポートフォリオサイト自体もNext.js製です。

例：App Router構成のサイト設計 ／ Route HandlerでのAPI実装 ／ metadata / OGP・SEO設定 ／ Vercelへのデプロイ・運用

TypeScript( 主力 )

型安全を前提にしたフロントエンド実装。APIレスポンスの型定義からコンポーネントのProps設計まで含めて書きます。

例：React / Next.jsコンポーネントの型設計 ／ APIレスポンス・JSONスキーマの型定義 ／ 既存JavaScriptコードのTypeScript化

PHP( 対応可 )

WordPressまわりのロジック実装が中心。テーマのカスタマイズや問い合わせフォームの送信処理など、Web制作の実務で必要な範囲に対応します。

例：WordPressテーマ内のPHP調整 ／ メールフォームの送信・バリデーション ／ 既存コードの軽微な改修

WordPress( 実務レベル )

静的HTMLのテーマ化からオリジナルテーマ制作まで対応。納品後にクライアント自身が管理画面から更新できる構成を重視します。

例：静的サイトのWordPressテーマ化 ／ カスタム投稿タイプ・タクソノミー設計 ／ Contact Form 7等のプラグイン導入 ／ 既存サイトの改修・保守

Python( 実務レベル )

FastAPIによるAPI開発と、Excel・Word処理を含む業務自動化が中心。AI書類自動作成ツール「katadoc」のバックエンドもPythonで開発しています。

例：FastAPIでのREST API開発 ／ openpyxl等によるExcel帳票の自動生成 ／ OpenAI APIを使った文書処理 ／ 定型業務の自動化スクリプト

Git( 実務レベル )

ロールバックを前提にした履歴管理を日常的に運用。ブランチを分けた機能開発と、GitHubを通じた納品・更新管理を行います。

例：ブランチ運用での機能開発 ／ GitHubでの納品・更新管理 ／ コンフリクト解消・履歴整理