実績一覧

• Figmaのデザインから仕様を読み取り、必要な機能を自ら整理して開発を進行しました。
• コンポーネントごとにコードを切り出し、再利用性・保守性の高い構造を実現。
• スクロールボタンでページの一番下まで行き再度スクロールボタンを押すとページ最上部に行くようにコーディング。

• Figmaのデザインから仕様を読み取り、必要な機能を自ら整理して開発を進行しました。
• JavaScriptでは、ドロップダウン、サムネイル画像切替などを実装しました。

• 静的 HTML を WordPress テンプレートへ置き換え、テーマとして正しく動作する構造を意識。
• カスタム投稿タイプ・タクソノミーを用いた 絞り込み検索（キーワード × エリア） を導入。
• WordPress標準関数を積極的に活用し、拡張しやすいテーマ構造を学ぶことを目的に制作しました。

• Figma デザインに忠実でありながら、構造が分かりやすいコーディングを意識。
• 可読性・再利用性を高めるため、SCSS を導入し設計を学習。
• 初学者課題ながら、長期運用を想定した CSS 設計を意識して制作しました。

• 静的 HTML から WordPress テーマへ変換し、運用を見据えたテンプレート構造を学習。
• カスタムフィールド・検索機能・おすすめ記事管理など、実務で頻出する要素を取り入れました。
• 既存コードを参考にしつつ、実装意図を理解しながら構築することを重視しました。

GSAPを使用して、アニメーションを実装しました。