つくるフェーズ
つくるフェーズ 設計をもとにWebサイトを形にする工程
考えるフェーズで整理した内容をもとに、Webサイトを実際に形にしていくのが、この「つくるフェーズ」です。
このカテゴリでは、構築方法や開発手法、更新基盤の作り方など、制作・開発に関わる内容を整理しています。
フロントエンド・JavaScript実装
ユーザーが実際に触れる部分を構成する、フロントエンド実装とJavaScriptの役割を扱います。
操作性や表現を支えるための実装観点を整理しています。
コーディング技術
HTML・CSSを中心としたコーディング品質が、保守性や更新性にどう影響するかを整理します。
見た目だけで終わらせない実装の考え方です。
クローラー設計
検索エンジンが正しく情報を取得できるようにするための、構造や出力の設計について扱います。
制作段階で意識すべきクローラー視点を整理しています。
E-E-A-T設計
信頼性や専門性を、実装レベルでどう表現・担保するかを整理します。
設計意図を壊さないための実装観点です。
Schema設計
構造化データを用いて、情報を正しく外部に伝えるための実装について扱います。
設計段階で決めた内容を形にする工程です。
アクセシビリティ設計
誰にとっても利用しやすいWebサイトにするために、実装段階で配慮すべきアクセシビリティの考え方を整理します。
後付けにならないための実装視点です。
API接続
外部サービスやシステムと連携するための、API接続やデータ連携の実装について扱います。
機能拡張や運用を見据えた実装観点です。
WordPress・CMS
WordPressをはじめとしたCMSを用いた、更新しやすいサイト構築の実装について整理します。
運用を前提とした構築視点です。
ヘッドレスCMS
フロントエンドと管理画面を分離した構成で、柔軟性や拡張性を確保する実装方法を扱います。
将来を見据えた構成選択の実装視点です。
スクラッチ開発・機能開発
既存の仕組みに頼らず、要件に応じて機能を開発する実装について扱います。
業務や目的に合わせた柔軟な開発の考え方です。
品質管理・テスト設計
公開前後に行う確認やテストによって、品質をどのように担保するかを整理します。
トラブルを防ぐための実装フェーズの工程です。
デザインを構造として組む
デザインを見た目としてではなく、構造として正しく実装するための考え方を扱います。
設計と実装のズレを防ぐための視点です。
実装ズレを潰す手順
設計意図と実装結果のズレを、どのように検知し、修正していくかを整理します。
品質を保つための実装フェーズの手順です。
アクセシビリティをデザイン工程に埋める
アクセシビリティを後付けにせず、デザイン段階から実装につなげる考え方を扱います。
工程全体を通した実装視点です。
運用前提のデザイン
公開後の更新や改善を見据えた、運用しやすいデザインの実装について整理します。
作って終わらせないための実装観点です。