サーバー運用コスト約80%削減とLighthouse高スコアを実現したLPコーディング支援！堀江貴文・武市悦宏「練習ナシで100切り達成！ゴルフの練習はムダ!!」

堀江貴文・武市悦宏「練習ナシで100切り達成！ゴルフの練習はムダ!!」ランディングページのコーディング支援を担当しました。デザイナーによる緻密なカンプデザインを忠実に再現しつつ、パフォーマンス・運用コスト・メンテナンス性を両立させる実装を行いました。
武市悦宏【練習ナシで「100切り」達成! ゴルフの練習はムダ!! ～「知識でハック」するゴルフ術～】

デザイナーカンプの忠実な再現

デザインカンプの再現度を最優先に、フォント、余白、配色、モーション、さりげないパララックス効果までデザイナーの要望を細部にわたって正確に再現しました。

PNG採用でもLighthouseハイスコアを維持

後々のメンテナンス性を重視したクライアント要望により、画像フォーマットはPNGを採用。最適化ツールによる圧縮と遅延読み込み処理を組み合わせることで、PNG使用時でもLighthouseのパフォーマンススコアを高水準に保っています。

最適なサーバー環境の提案で運用コスト約80%削減

当初はPaaSでの構築を希望されていましたが、アクセス規模や運用体制を考慮しより最適なサービスでの構成を提案。セキュリティ・速度・拡張性のバランスを保ちながら、PaaS比で約80%のランニングコスト削減を実現しました。

GITデプロイによる脱FTP環境の構築

従来のFTP運用を廃止し、GITデプロイによる更新可能な環境を整備。これにより、更新作業のヒューマンエラー防止とバックアップコスト削減を実現。現代的な開発・運用フローへ移行しました。

• mainブランチへのpushで自動反映されるGITフロー構築
• FTP不要のセキュアなデプロイ運用
• バックアップと差分管理をGITで一元化

結び

単にコーディングでデザインを再現するだけでなく、運用コスト削減やパフォーマンス向上といったビジネス成果に貢献することも私の使命だと感じでおります。技術的課題はもちろん、複雑なビジネス要件や組織的な制約を乗り越え、最大限の品質と効率性を両立させる実装をご希望でしたら、ぜひ一度ご相談ください。