コーポレートサイト(NDA対処版)／その他のNDA案件例

25ページ規模のコーポレートサイトを制作しました。
CMSはMovableTypeですが、対応はコーディング納品までとなります。

工夫点 - Astroとgulpの両対応

納期が短い中で仕様が確定しておらず、後からヘッダー等の共通要素に変更が入りやすい状況でした。
下層が進むほど共通パーツの修正工数が増えて危険と判断。

制作会社様から頂くテンプレートはgulpでしたが、手戻り対策としてAstroを使いコンポーネント化していく事を提案しました。
※判断経緯として、この会社様の案件で1度Astro案件の対応があったこともあります

一方で、元々のgulpテンプレートでないと現場の不安もあります。
ディレクターからCMSエンジニア等、制作チームへの説明負担が出る可能性を考えました。

そのため、Astroビルド時に本来のgulpテンプレート版を自動的に出力する仕組みを作り、同時に納品可能な体制を実現。
その後の案件ではAstroが採用されることになりました。

ただ新技術を推奨するのではなく、現場の不安も解消しながら効率的に作業を進める事ができました。

zip納品と、マージについて

データのやりとりはプロジェクトをzipに圧縮して受け渡しをしていました。
制作会社様も文言の編集をしていますので「弊社で修正した部分をマージしてほしい」と返ってくることがあります。

そのまま上書きしてしまうと、今こちらで編集していた場所・細かいcssの変更がどこで行われたのか分からず、過去のページが崩れる場合がありました。

そのため「WinMerge」を使用することで、差分の確認を行っております。
ディレクターの方にもお伝えしたところ「そんなツールがあるのは初めて知りました」との事で、マージ作業が円滑に進む手助けになれたかと思います。

このように、githubを使わない方法でもマージ時の管理はしております。

補足：この公開版について

本案件はNDAのため、文章・画像をすべて架空に差し替えています（構成・設計・実装上の判断は実案件のまま）。
差し替えには生成AIを活用し、実在企業との重複チェックやSEO/OGPの整合まで確認しました。

▼ 参考までに、NDA配慮のための変換フローは以下のとおりです。(開閉)

1. サイト構造を記述した情報を渡す
2. 全ページの目的、テキスト、画像の内容をテキストでyaml書き出し
3. サイトの内容と業界を把握させる
4. 別の業界(建築)を想定し、全てのページの目的に合わせて文章内容を生成。yamlで書き出す
5. 画像内容を説明したテキストを建築業の内容に変える書き出し。このテキストを元にローカルで画像生成
6. テキストと画像を入れ替える
7. サイト名などが実在の会社と被らないかリサーチ・チェック
8. headやogpなどSEO関連のチェック

このような工程を得て、公開可能な形に仕上げました。
コーディングの効率化にも役に立つ学びがあったと考えています。

その他のNDA案件について

この差し替え版のように公開まではできませんが、以下のような対応経験があります。いずれもBtoB系の静的サイト構築です。

• 下層記事流し込み／食品・医療／gulpテンプレート／記事60ページ／html+一部css追加／約10日
• 新規LP／IT・機器／gulp／平均約5日
• 新規採用サイト／環境ビジネス／gulp／10ページ／約2週間
• 新規コーポレート／IT／gulp／約30ページ／約1か月
• 新規コーポレート／IT／Astro／約60ページ／約2か月半
• 下層追加／エネルギー系／Astro／LP型記事22ページ／既存コードとの調整／3フェーズに分けて約2か月

※期間にはやりとりや検収の時間も含まれます

NDA案件の進捗報告・対応例

主にNotionで対応する事が多いです。

html流し込み案件

この会社様とは2年近くのお付き合いになりますが、
関係が始まったのは、たまたまご連絡いただいた流し込み案件にて、細やかな進捗報告の対応を気に入っていただき
「社内でも二宮様に引き続きお願いしたいと声があがっております」とうれしいお返事いただいた事からになります。

前職、現場施工の品質管理経験が活かされていることを実感しました。

20ページ以上の案件

進捗報告や管理の方法は常に模索しており、Notion以外の場合もあります。