静的サイトへのフォーム実装と環境含めたGit納品事例

お悩み

コンテンツ更新はほとんどなく、CMSを導入するほどの規模ではないが、問い合わせフォームだけは必要だった。

静的サイトのままではフォーム送信機能を持たせられず、外部サービスに頼ると柔軟性や拡張性に欠けていた。

デザイン面でも団体の雰囲気を反映できる仕組みが不足していた。

解決したこと

軽量PHPフレームワーク「Slim」を利用し、静的サイトに最小限のフォーム機能を組み込み。

npm環境とejsテンプレートを導入し、効率的なHTML生成と柔軟な改修を可能に。

GitHub経由で納品し、エンジニアが微細な修正を容易に行える体制を整備。

デザインも弊社で担当し、団体の雰囲気を反映した統一感あるビジュアルを実現。

軽量フレームワークでフォームを実装

制作期間は約3ヶ月。静的サイトに必要な機能は問い合わせフォームのみだったため、Slim PHPを採用しました。Slimは軽量でシンプルな構造を持ち、余計な機能を持たないため小規模サイトに最適。これにより、静的サイトのままでも安全かつ柔軟にフォーム送信が可能になり、外部サービスに依存せず運用できる環境を整えました。

npm＋ejsによる効率的な開発環境

コンテンツ更新は少ないものの、開発効率と保守性を高めるためにnpm環境を導入。テンプレートエンジンとしてejsを採用し、HTMLを効率的に生成できる仕組みを構築しました。これにより、必要なページやフォーム部分を柔軟に管理でき、将来的な小規模改修にも対応可能。CMSを導入するほどではない規模感に合わせ、軽量かつ拡張性のある仕組みを提供しました。

GitHub納品で柔軟な運用を実現

納品はGitHub経由で行い、エンジニアが直接リポジトリを操作できる体制を整えました。これにより、微細な修正やスタイル調整を団体内で完結でき、外部依頼に頼らずスピーディに改善可能。小規模サイトに必要な「自分たちで運用できる自由度」を確保し、長期的に安心して利用できる基盤を構築しました。

デザインも含めた総合的な対応

デザインは弊社で担当し、団体の雰囲気や活動内容を反映した統一感あるビジュアルを実現しました。機能面だけでなく「見せ方」にもこだわることで、利用者に安心感と信頼性を届けるサイトへと仕上げました。技術とデザインを一貫して提供することで、団体の活動を支える総合的なソリューションとなりました。