Web制作フリーランスしょーご氏(@samutaibrass)が提供しているコーディング課題です。WordPressに加え、JavaScriptを使用したアニメーションも実装しています。

概要

デザインを忠実に再現しつつ、WordPressによる動的な情報の書き換えや様々な機能を随所に導入しています。
スライダーの挙動や下層ページのコーディングにもかなり力を入れました。

2025.10.22
CSS設計「FLOCSS」での再設計を行いました。より管理・保守しやすく整頓されたコードになりました。

こだわったポイント

• デザインを忠実に再現しつつレスポンシブ対応
• ファーストビューのバナーは最新のブログ投稿を動的に表示
• トップページ各所に配置されたスライダーはSwiper APIを利用
• IntersectionObserverによるスクロール連動アニメーション
• 「ブログ」はWordPressデフォルト投稿機能で実装
• 「社員について」はカスタム投稿+カスタムフィールドを用いて実装
• フォームのバリデーション処理をJavaScriptにて実装