GitLab Pagesで静的ウェブサイトを公開する方法

toc目次

GitLabとは

GitLabは、バージョン管理システムを主体としたアプリケーション開発支援ツールです。

GitLab Pagesとは

GitLab Pagesとは、GitLab CI/CDを利用して簡単にウェブサイトを公開できる機能です。

GitLab Pagesで静的ウェブサイトを公開する方法

GitLabアカウント登録

GitLabのアカウントがない場合は「今すぐ登録」からアカウントを作成してください。
GitLab

テンプレートからプロジェクトを作成する

GitLabにログイン後、プロジェクトページにある「新しいプロジェクト」を押下します。
GitLab

新しいプロジェクトを作成画面で「テンプレートから作成」を選択します。
GitLab

「Pages/」からはじまるテンプレートがGitLab Pages用のテンプレートです。
今回はシンプルなHTMLのウェブサイトを公開するため、「Pages/Plain HTML」の「テンプレートを使用」を押下します。
GitLab

プロジェクト名を入力し、「プロジェクトを作成」を押下します。
GitLab

以下画面が表示されたらプロジェクトの作成は完了です。
GitLab

パイプラインを実行してウェブサイトを公開する

サイドメニューの「ビルド」→「パイプライン」を選択します。
GitLab

画面右上の「パイプライン実行」を押下します。
GitLab

今回変数は不要なので、そのまま「パイプライン実行」を押下します。
GitLab

パイプラインの実行が開始されるので、完了するまでしばらく待ちます。
パイプラインが完了すると以下画面が表示されます。
GitLab

ページの確認

サイドメニューの「デプロイ」→「Pages」を選択します。
GitLab

ページヘアクセスに表示されているURLを開きます。
GitLab

以下のページが表示されればウェブサイトの公開は完了です。
GitLab

ウェブサイトにはプロジェクトのpublicフォルダー以下のファイルが公開されます。
GitLab