HUGO/静的ウェブサイト移行、セキュリティと保守性の向上

Webサイトの表示高速化と、セキュリティ強化を実現する「静的Webサイト開発」

「多額の広告費を使ってSNSやLPから自社サイトに誘導しても、Webサイトの表示速度が遅いために直帰率や離脱率が高くなり、コンバージョン率が上がらない」、そんな企業のマーケティング担当者の声をよく聞きます。事実、世界的なネット販売会社が「サイト表示が0.1秒遅くなると売り上げが1%減少し、1秒高速化すると10%売上が向上する」と分析しているように、表示速度の遅いWebサイトは製品購入やサービス利用の直接的なデメリットとなるだけでなく、会社や製品のブランディングにも悪影響を与えると考えられています。

アンダーズは、Webサイトの表示の高速化を実現するために「Hugo」を使った「静的Webサイト」の開発を行っています。HugoとはGo言語で開発された静的サイトジェネレータ（Webサイト構築フレームワーク）で、高速Webサイトの生成ができ、セキュリティ上のリスクも軽減できます。Webサイトの表示速度を改善し、速くしたい、セキュリティ対策を強化したい……。そうした希望をおもちの企業様におすすめの技術です。

静的ウェブサイトと動的ウェブサイトの違い

静的ウェブサイトは事前に作成されたコードをWebサーバーに置いて、高速で安定的に表示されます。動的ウェブサイトは処理が必要で、リクエスト毎にコンテンツが生成され、柔軟性が高く、ユーザーによる操作やデータベース連携が可能です。

静的Webサイトとは

静的サイトジェネレータであるHugoは静的HTMLを出力して、ユーザーからアクセスがあった際、そのHTMLファイルを公開するだけなので、いつ誰がどこで見ても同じ情報がすぐにWebサイトに表示されます。静的Webサイトの主なメリットは以下の通りです。

Merit1：ページの表示スピードが速い

Webページのコンテンツを変化させる「動的」ページの生成処理がないため、サーバーのリソースを消費せず、ページの読み込みが速いという特長があります。表示までの時間が短いので、ユーザーにストレスを与えず、Webサイトからの離脱が抑えられます。

Merit2：セキュリティ性が高い

静的サイト（HTML）はデータベースを使用せず、静的ページのみで構成するという性質上、プラグインや悪意のあるコードの実行がないので、動的サイト（WordPress）に比べ、セキュリティ上のリスクが低いという特長があります。簡単なセキュリティ対策を施しておけば、高度な対策は基本的に必要ありません。

セキュリティに関する特徴

管理画面がない

Hugoには管理画面がないので管理画面から乗っ取られるというリスクはありません。

プラグインがない

動的Webサイト（WordPress）のプラグインは機能追加を容易にする便利な機能ですが、セキュリティ上の脆弱性になることが多々あります。しかも、プラグインはそれぞれ別の開発者が作成・公開しているものなので、企業がすべてチェックしているわけではありません。その脆弱性のあるプラグインがHugoにはないので、セキュリティリスクが低いのです。

悪意あるコードの実行がない

Webサーバーの機能を拡張し、動的にWebページを生成するために用いられるPHPなどの言語を使った動的サイトの生成では、その仕組み上、悪意のあるコードが実行されるリスクがありますが、HugoはPHPを使わないので、リスクを軽減することができます。

サーバーの管理は不要

静的サイト（HTML）は、サーバーに負荷がかかりにくいシンプルな構造で、動的サイトと比べると、大量アクセスに強いという特長があります。また、配信サーバーだけあればよく、クラウドサービスを使えばバックアップやメンテナンスも不要で、管理が非常に楽です。

CMSから静的ウェブサイト(HUGO)へ移行する5つのメリット

静的ウェブサイトへ移行することで、高速な読み込み速度や改修のしやすさ、セキュリティの向上など、多くのメリットがあります。CMSから移行することで、よりスムーズなサイト運用と改善を実現します。また、スカラブルな構造により、検索エンジンのランキングも向上する可能性があります。

Merit1：高速なページロードスピード

動的なCMSに比べて簡単な構造と静的なコンテンツのために、より高速なページロードスピードを提供します。サーバーが効率的にページを生成して返すことができ、動的な要素がないため、ページ読み込み時間が短縮されます。

Merit2：低コスト

静的サイトは動的サイトに比べてリソースの使用量が少ないため、サーバーやホスティング費用が低く抑えられます。また、静的サイトはサーバーに負荷をかけないので、長期間運用することも可能です。

Merit3：安全性の向上

サイトが動的に生成されることがないため、攻撃者からのハッキングやウィルス感染リスクが低減します。また、静的サイトは、必要なリソースが少ないため、サイト管理者のセキュリティ管理の負担も軽減されます。

Merit4：スケーラビリティ

サーバーのリソースを最小限に抑えて高速なページロードを実現することがでるため、トラフィックが急増してもサイトのパフォーマンスに影響を及ぼすことがなく、スケーラビリティが向上します。静的サイトは動的CMSに比べて簡素な構造のため、アクセス負荷が大きくなってもサイトが壊れにくいというメリットがあります。

Merit5：よりシンプルな構成

静的サイト構造はCMSに比べてよりシンプルで簡潔なものになるため技術的な知識が必要なく、よりスムーズな開発と管理が可能になります。更新も簡単で効率的に行うことができ、多くの中間レイヤーが必要ないため、管理コストも低減されます。

静的ウェブサイト移行サービス ×Microsoft Azure

Azure Static Web Serviceは、Microsoft Azureによる静的ウェブサイト構築サービスです。高速な読み込み速度と、拡張性に優れたホスティング環境を提供することが特徴です。Hugoは、Go言語による静的サイトジェネレータです。高速なビルドと、簡単な構造を特徴とすることから、静的サイト構築に向いています。

CMSからAzure Static Web Serviceへ移行する手順

移行するための手順は以下の通りです。

Step1：静的コンテンツの生成

動的なWebサイトから静的なコンテンツを生成するためのツールを使用します。本サービスではHugoを利用します

Step2：静的コンテンツのホスティング

生成された静的なコンテンツをAzure Static Web Serviceにホスティングします

Step3：デプロイの設定

GitHubを使って、静的なWebサイトの自動デプロイを設定することができます。静的なWebサイトにドメインを割り当てます

Azure Static Web Serviceとは

Microsoft AzureのStatic Web Serviceは、静的なWebアプリケーションを構築、ホスティング、公開するためのサービスです。このサービスはHTML、CSS、JavaScriptなどの静的コンテンツをホスティングするために最適化されています。静的Webアプリケーションはサーバーサイドのプログラムやデータベースを必要とせず、単純なHTTPリクエスト/レスポンスのみを使用します。このため、高速なページロードスピード、高いセキュリティ、そして低コストなホスティングが可能になります。Static Web Serviceは簡単な設定とCI/CD統合などの機能を備えています。ビジネスに適したカスタムドメインと多彩な拡張機能も利用することができます。

Hugoとは

Hugoは、Go言語を使用した高速な静的サイトジェネレーターです。テンプレートエンジンを使用して、Webサイトを生成することができます。複数のコンテンツタイプ（ブログ記事、ページ、記事など）を管理することができます。また、複数のテーマを選択してカスタマイズすることができます。Hugoは、高速なページロードスピードとシンプルな構造を特長としています。また、GitHubなどのサービスとの統合も簡単です。静的サイトのホスティングと管理に最適なツールとして、Web開発者に人気です。

アンダーズが選ばれる3つの理由

弊社はPaaSで業務システムを構築する専門集団であり、高機能・高品質を適正価格で提供するベンダーとして幅広い業種のお客様から継続率94％で選ばれています。戦略立案から設計、開発、運用保守までをビジネスとテクノロジーを熟知したシェアードチーム®が担当し、グローバル基準の技術を活用して競争優位をもたらすサービスを提供。お客様のビジネス価値を最大限に高めるために努力を惜しみません。

Reason1：ソリューションに関する豊富な経験とビジネスへの深い理解

• 金融・物流・不動産・製造・卸売・小売り・サービスの業種において、クラウドソリューションで培った豊富なノウハウが強みです

• マーケティング・営業・総務・経理・人事・業務・資材・サービス部門におけるプロセスに精通しています

• クラウド利用料を最適化して、システムへの投資対効果を確実なものとします

Reason2：既存システム拡張から新規事業参入まで対応できる技術力

• 第三のCRM®ライブラリーの蓄積により、SaaSレベルの品質とスピード開発を可能とします

• 分類・回帰・予測といったAI計算に加えて、音声・画像・動画・文字を分析し、人の意思決定をシステムで代替します

• マイページ、マルチテナント、独自SaaSサービスなど、高い設計技術を要する案件もお任せください

Reason3：運用まで自社完結のワンストップでサービスをご提供

• 品質管理（ISO27001）、セキュリティ管理（ISO9001）認証のプロセスで、安心の運用サービスをご提供します

• 設計をしたシェアードチーム®がワンストップで運用まで手がけますので、システムが絵にかいた餅になりません

• DXやIT戦略について何でも相談できる強力なパートナーシップを築き、長期的に柔軟に対応しています

シェアードチーム®について

正社員・派遣雇用やSESでの採用から、チームでの人員調達を選択する企業様が増えています。シェアードチーム®という選択があることで、企業様は、より柔軟なリソース調整を採用できるようになり、業務効率が飛躍的に上がります。

* 準委任契約とは： 専門的な知識や経験を持つ人が、発注者から指揮命令を受けずに仕事を請負い、自分の責任で仕事を遂行する契約です。

Reason1：直接雇用のリスクを回避

長期にプロジェクトに携わっていたシステム担当者が退職すると、企業がシステムの知識を失うリスクがあります。弊社のシェアードチーム®️は、複数名でのチーム制をとり、またローテーションすることで、業務の属人化を防ぎます。また、ビジネスの変化に合わせて様々なスキルを持つプロフェッショナルがご支援いたします。

Reason2：時間あたりの生産性の向上

全社員が各分野のプロフェッショナルとして、お客様のニーズにマッチした経験を持つメンバーをシェアードチーム®︎として構成します。そのため、新たに事例調査や外注先探しの時間が短縮され、様々なリスクも低減できます。また各メンバー1人月以下の単位でのアサインも可能なため、繁忙期以外の時期でも最小限の単位でお任せいただけます。

Reason3：人材の増減や交代が自由

システムの運用・保守や追加開発に必要な人員やボリュームは、常に変動していきます。その都度新しく人を調達、調整、契約、するために数か月かかることも。弊社のシェアードチーム®︎は、専門家チームで構成されており、お客様のビジネスの変化に応じて必要な人員を自由に調整できるため、お客様の企業に必要な人材を調達いただくことが可能です。