クリエイターズスチューデントマガジン

Webスクール「クリエイターズファクトリー」の卒業生や講師の方々にインタビューなどを行うコラムサイトです。
3名でデザイン、コーディング、ライターなど分担して制作し、私はコーディングを担当し、FLOCSSで設計しました。
またWordPressで自作テーマを作成しました。

制作期間

コーディング：約1ヶ月

制作範囲

コーディング

使用ツール

Figma/VS Code

使用言語

HTML/SCSS/Java Script/WordPress

コーディングで意識したところ

デザインを見て、共通の部分は使いまわせるようにコンポーネントを意識して、コーディングを行いました。
コラムサイトで、更新する箇所が多いので、WordPressのカスタム投稿をたくさん使い、WordPressの使い方を知らない人でも使いやすいようにカスタムフィールドなどを使用して管理画面を使いやすいようにしました。

この制作を通して学んだこと

このサイトの「ガリ勉部日誌」というページの日誌一覧の更新機能を制作する際のことで、デザイナーが作成したデザインでは、日誌カードをクリックするとモーダルで内容が表示される仕様でした。
しかし、WordPressで日誌が頻繁に更新される場合、モーダル表示ではサイトが重くなると考えました。
そこで、私は下層ページに飛ばして管理する方が良いと提案しました。

最終的にはデザイナーとの話し合いの結果、決まった内容をモーダルで表示させる実装に落ち着きましたが、この経験を通じて、デザイン面だけでなく、コーディング面からどういう実装が最適なのか常に考える重要性を学びました。
またデザイナーとコミュニケーションを大切にし、意見を調整しながら制作を進めることの大切さも学びました。
またこのコラムサイトについてのあとがきをnoteに書かせていただきました。