制作例
スクールの卒業制作課題として、カフェ『Open Cafe』のホームページをWordPressで実装しました。
グローバルナビの英語・日本語表記をWalker_Nav_Menuとカスタムフィールドでカスタマイズし、管理画面から更新可能にしました。Instagram API連携による投稿表示機能も実装しています。
スクールの卒業制作課題として、法人向けグローバル人材研修会社のコーポレートサイトをWordPressで実装しました。
お問い合わせフォームは必須項目入力後に送信ボタンを活性化する仕様でコーディングしています。WordPressで生成されるスタイルと、実現したいデザインの調整に苦労しましたが、競合が起きないcss設計を意識して解決しました。
初めて3DモデルをBlenderで作成し、ViteとReact Three Fiber(R3F)で実装しました。
Blenderで石舞台をモデリングし、R3Fでホログラフシェーダーと回転のアニメーションを適用したダイヤモデルを実装しています。3D制作からWeb実装までの一連のワークフローを実験しました。
スクールのシンプルな自由課題のLPをコーディングしました(Figmaデザインカンプ)。
制作時間は15時間、CSS設計にはFLOCSSを採用しました。初めてGulpを導入し、ローカル環境構築・Sassコンパイル・ビルド環境を整備。制作時間を意識しながら運用を見据えた設計と効率的な開発環境の構築を実践しました。
スクールの自由課題として、FigmaのデザインカンプからHTML/CSSでコーディングを行いました。各デバイスでの見え方や再現性にも配慮しています。