NDA案件の制作実績
②代表案件の公開用再構成デモ
https://youwa-kenkou.pages.dev/
※守秘義務のため、文章・画像はすべて架空に差し替えた再構成版です。レイアウト・コンポーネント設計・実装上の判断は実案件のままです。
- NDA
- 中規模
- Astro
- 時期
- 2025年10月
- 期間
- 約1カ月
- 規模
- 約25ページ
- 担当範囲
- コーディング
- 技術
- Astro / gulp / SCSS
案件概要
① 主なNDA実績
- IT・システム関連 / コーポレートサイト / 約60P / Astro / 約2か月半
多ページでの共通パーツ管理を目的にAstroを使用して実装 - エネルギー関連 / 法人向けソリューションサイト / 計23P / Astro / 3フェーズ・約2か月
既存のAstro制作環境・実装ルールを引き継ぎ、ページ追加・改修
② 代表案件
中規模コーポレートサイト(公開用再構成)
25ページ規模のコーポレートサイトを実装。
制作会社から支給された仕様・制作環境に沿って、コーディング納品までを担当しました。
工夫点 - Astroとgulpの両対応
納期が短く、後からヘッダーなどの共通要素に変更が入る可能性がある状況でした。
ページ数が増えた後の修正負担を抑えるため、共通パーツの管理方法を検討しました。
制作会社様から支給されたテンプレートはgulpでしたが、共通パーツの修正負担を抑えるため、Astroでコンポーネント管理する方法を提案しました。
以前、同社の別案件でAstroを使用した実績があったため、その経緯も踏まえて相談しています。
一方、納品形式は既存のgulp環境に合わせる必要があったため、postbuildなどを利用し、Astroで制作しながらgulpテンプレート版も出力できる仕組みを用意しました。
後変更に対する工数を改善できたことで、その後の案件ではAstroが採用されています。
zip納品と、マージについて
データはzipで受け渡しており、制作会社側でも文言などを編集した状態で返却されることがありました。
双方で変更が入ったデータをそのまま上書きすると、こちらの修正が失われたり、意図しない箇所まで戻ってしまうため、WinMergeで差分を確認しながらマージしています。
Git等で管理されていない案件でも、変更箇所を確認した上で反映するようにしています。
補足:公開用再構成について
本案件はNDA対象のため、文章・画像はすべて架空の内容へ差し替えています。
レイアウトやコンポーネント構成、実装上の判断は実案件をもとに再構成しています。
公開にあたり、実在企業との名称重複やSEO・OGPなどの公開情報も確認しています。
▼ NDA配慮のための再構成フロー(開閉)
- サイト構造を記述した情報を渡す
- 全ページの目的、テキスト、画像の内容をテキストでyaml書き出し
- サイトの内容と業界を把握させる
- 別の業界(建築)を想定し、全てのページの目的に合わせて文章内容を生成。yamlで書き出す
- 画像内容を説明したテキストを建築業の内容に変える書き出し。このテキストを元にローカルで画像生成
- テキストと画像を入れ替える
- サイト名などが実在の会社と被らないかリサーチ・チェック
- headやogpなどSEO関連のチェック
このような工程を得て、公開可能な形に仕上げました。
コーディングの効率化にも役に立つ学びがあったと考えています。
③ その他のNDA実績
- 食品・医療 / 下層記事流し込み / 60P / gulp / 約10日
- IT・機器 / LP / 1P / gulp / 平均約5日
- 環境ビジネス / 採用サイト / 10ページ / gulp / 新規構築 / 約2週間
- IT / コーポレートサイト / 約30ページ / gulp / 新規構築 / 約1か月
※期間にはやりとりや検収の時間も含まれます
進行・報告
NDA案件の進捗報告・対応例
進捗共有や確認事項のやり取りには、Notionを使用することが多いです。
html流し込み案件
この案件での進捗報告をきっかけに、その後も継続してご依頼いただいています。
当時は「社内でも二宮様に引き続きお願いしたいと声があがっております」とご連絡をいただきました。