[{"data":1,"prerenderedAt":707},["ShallowReactive",2],{"/ja-jp/blog/build-a-new-website-in-a-few-easy-steps-with-gitlab-pages":3,"navigation-ja-jp":35,"banner-ja-jp":450,"footer-ja-jp":463,"Alex Fracazo":673,"footer-source-/ja-jp/blog/build-a-new-website-in-a-few-easy-steps-with-gitlab-pages/":686,"next-steps-ja-jp":692},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"seo":8,"content":16,"config":25,"_id":28,"_type":29,"title":30,"_source":31,"_file":32,"_stem":33,"_extension":34},"/ja-jp/blog/build-a-new-website-in-a-few-easy-steps-with-gitlab-pages","blog",false,"",{"title":9,"description":10,"ogTitle":9,"ogDescription":10,"noIndex":6,"ogImage":11,"ogUrl":12,"ogSiteName":13,"ogType":14,"canonicalUrls":12,"schema":15},"GitLab Pagesで手軽に数ステップでウェブサイトを作成","このチュートリアルでは、GitLab Pagesとすぐに使えるカスタマイズ可能なテンプレートを活用して、短時間で個人用ウェブサイトを作成・公開する方法を解説します。","https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097716/Blog/Hero%20Images/Blog/Hero%20Images/blog-image-template-1800x945%20%281%29_7c3TDgNgct9xQbmTJSw0de_1750097716096.png","https://about.gitlab.com/blog/build-a-new-website-in-a-few-easy-steps-with-gitlab-pages","https://about.gitlab.com","article","\n                        {\n        \"@context\": \"https://schema.org\",\n        \"@type\": \"Article\",\n        \"headline\": \"GitLab Pagesで手軽に数ステップでウェブサイトを作成\",\n        \"author\": [{\"@type\":\"Person\",\"name\":\"Alex Fracazo\"}],\n        \"datePublished\": \"2025-03-03\",\n      }",{"title":9,"description":10,"authors":17,"heroImage":11,"date":19,"body":20,"category":21,"tags":22},[18],"Alex Fracazo","2025-03-03","個人用ウェブサイトは、デジタルクリエイターやIT系のプロフェッショナルにとって単なるツールではなく、ブランドを表現する場です。しかしゼロから作るとなると、時間もお金もかかります。\n\n[GitLab Pages](https://docs.gitlab.com/user/project/pages/)なら、SSL証明書やGitLab独自のドメインなどの機能がFreeプランでも標準搭載されており、プロが作ったようなウェブサイトを簡単に公開できます。\n\nこのチュートリアルでは、GitLab Pagesを使って魅力的な個人ウェブサイトを作成する方法を紹介します。使いやすくカスタマイズ自在なテンプレートを用意しているので、簡単に自分らしいウェブサイトを作成できます。では早速始めましょう！\n\n## 準備するもの\n\n始める前に、下記を用意してください。\n\n* GitLabアカウント（[Freeプラン](https://about.gitlab.com/ja-jp/pricing/)でOK）\n* HTML/CSSの基本的な知識\n* ウェブサイトに載せるコンテンツと画像（任意）\n\nGitLabアカウントを作成し、必要なコンテンツを準備できたら、次のステップに進みましょう！\n\n## ステップ1：新規プロジェクトを作成する\n\n1. GitLabアカウントにサインインし、プロジェクトを作成します。\n\n![GitLab Pagesチュートリアル - ウェルカム画面](https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097724/Blog/Content%20Images/Blog/Content%20Images/Capture-2025-02-27-183716_aHR0cHM6_1750097724662.png)\n\n2.「**空のプロジェクトを作成**」をクリックします。\n\n![GitLab Pagesチュートリアル - 新規プロジェクト作成画面](https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/Capture-2025-02-27-183814_aHR0cHM6_1750097724663.png)\n\n3. プロジェクトの詳細を入力します。\n    * プロジェクト名を`yourusername.gitlab.io`に設定します。`yourusername`の部分は、ご自身のGitLabユーザー名に置き換えてください。**ヒント**：プロジェクト名は、ウェブサイトのURLに影響します。プロジェクト名を`yourusername.gitlab.io`に設定すると、ウェブサイトのURLは`https://yourusername.gitlab.io`になります（追加パスなし）。別のプロジェクト名を使用した場合は、サイトのURLは`https://yourusername.gitlab.io/project-name`になります。\n    * プロジェクトの公開範囲を「公開」に設定します。\n4 .「**プロジェクトを作成**」をクリックします。\n\n![GitLab Pagesチュートリアル - 空のプロジェクトの作成画面](https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image5_aHR0cHM6_1750097724666.png)\n\n![GitLab Pagesチュートリアル - カスタマイズされた「はじめに」ページ](https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image2_aHR0cHM6_1750097724668.png)\n\n## ステップ2：テンプレートファイルを追加する\n\nまず、リポジトリ内に以下の2つの新しいファイルを作成します。\n\n![GitLab Pagesチュートリアル - 個人用ページに新しいファイルを追加](https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image13_aHR0cHM6_1750097724669.png)\n\n1. まず、`index.html`を作成します。\n    * プロジェクトで「**+**」ボタンをクリックし、「**新規ファイル**」を選択します。\n    * ファイル名を`index.html`に設定します。\n![GitLab Pagesチュートリアル - 新規ファイルページ](https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image14_aHR0cHM6_1750097724671.png)\n    * HTMLコンテンツを追加します。\n        * 以下のサンプルHTMLを使用してください（プロによるアドバイス：GitLab Duo Chatに依頼すると、さらに便利な機能を備えたHTMLを生成できます）。\n\n```    \n\u003C!DOCTYPE html>\n\u003Chtml>\n\u003Chead>\n    \u003Cmeta charset=\"utf-8\"/>\n    \u003Ctitle>[名前] - [役職]\u003C/title>\n    \u003Cmeta name=\"description\" content=\"[Your Name] is a [Your Title].\"/>\n    \u003Cmeta name=\"author\" content=\"[Your Name]\"/>\n    \u003Cmeta property=\"og:title\" content=\"[Your Name]\" />\n    \u003Cmeta property=\"og:description\" content=\"[Your Title]\" />\n    \u003Cmeta property=\"og:image\" content=\"og.png\" />\n    \u003Cmeta name=\"viewport\" content=\"width=device-width,initial-scale=1\"/>\n    \u003Clink href=\"https://unpkg.com/basscss@8.0.2/css/basscss.min.css\" rel=\"stylesheet\">\n    \u003Clink href=\"style.css\" rel=\"stylesheet\">\n    \u003Clink rel=\"shortcut icon\" type=\"image/png\" href=\"favicon.png\"/>\n\u003C/head>\n\u003Cbody>\n\u003Cdiv class=\"content\" id=\"content\">\n  \u003Cdiv class=\"p2 sm-p4 mt2 sm-mt4 mb2 sm-mb4\">  \n  \u003Cdiv class=\"fade mt3\">\n    \u003Ca target=\"_new\" href=\"[Your Linkedin URL]\">\n      \u003Cimg class=\"photo\" src=\"profile.png\" width=\"64\" height=\"64\">\n    \u003C/a>\n  \u003C/div>\n  \u003Ch2 class=\"mb0 mt4 fade\">\n    Hello, I'm [Your Name] \n    \u003Cspan class=\"smallcaps\">(\u003C/span>\n    \u003Ca target=\"_new\" href=\"[Your Linkedin URL]\">@[Your Handle]\u003C/a>\n    \u003Cspan class=\"smallcaps\">)\u003C/span>\n  \u003C/h2>\n  \u003Ch2 class=\"mt0 mb4 fade gray\">\n    I'm a [Your Title]\n  \u003C/h2>\n  \u003Cp class=\"mb4 fade\">\n    I'm a [Your Role] at [Your Company], [Brief company description].\n  \u003C/p>\n  \u003Cdiv class=\"fade\">\n    \u003Cp class=\"fade mb4\">\n      Your personal statement about what you do and what you're interested in. Add your contact preferences here.\n    \u003C/p>\n  \u003C/div>\n  \u003Cp class=\"fade mb4\">\n    \u003Cspan class=\"gray\">—\u003C/span> \n    [Your Name] \n    \u003Cspan class=\"smallcaps>(\u003C/span>\n    \u003Ca target=\"_new\" href=\"[Your Linkedin URL]\">@[Your Handle]\u003C/a>\n    \u003Cspan class=\"smallcaps\">)\u003C/span>\n  \u003C/p>\n  \u003C/div>\n\u003C/div>\n\u003C/body>\n\u003C/html> \n```\n\n* コミットメッセージを追加します（例：「index.htmlを追加」）。\n  * 「**変更のコミット**」をクリックします。\n\n2. `style.css`を作成します（上記と同じ手順）。\n\n```\nbody {\n  margin: 0;\n  padding: 0;\n  background: #000;\n  color: #f4f4f4;\n  font-family: \"Graphik Web\", system-ui, -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Helvetica\", \"Segoe UI\", Roboto, Ubuntu, sans-serif;\n  font-weight: 400;\n  font-smooth: antialiased;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\na {\n  color: #ff310a;\n  text-decoration: none;\n}\n\na:hover {\n  color: #CFEF54\n}\n\n.content {\n  max-width: 40rem;\n  margin: 0 auto;\n}\n\nimg.photo {\n  border-radius: 50%;\n}\n\np {\n  font-size: 1.5rem;\n  line-height: 1.4;\n  margin: 0;\n  letter-spacing: -0.05rem;\n}\n\nh2 {\n  font-weight: 400;\n  line-height: 1.3;\n  letter-spacing: -0.05rem;\n}\n\n.smallcaps {\n  font-variant: small-caps;\n  color:#333;\n}\n\n.gray{\n  color: #999;\n}\n\n.preloader {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100vh;\n  height: -moz-available;\n  height: -webkit-fill-available;\n  height: fill-available;\n  width: 100%;\n  background: #000;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n  transition: opacity 0.3s linear;\n  transform: translate3d(0, 0, 0);\n}\n\nbody.loaded .preloader {\n  opacity: 0;\n}\n\n.fade {\n  animation: fadeIn 1s ease-in-out both;\n}\n\n.fade:nth-child(2) {\n\tanimation-delay: 1s;\n}\n\n.fade:nth-child(3) {\n\tanimation-delay: 2s;\n}\n\n.fade:nth-child(4) {\n\tanimation-delay: 3s;\n}\n\n.fade:nth-child(5) {\n\tanimation-delay: 4s;\n}\n\n.fade:nth-child(6) {\n\tanimation-delay: 5s;\n}\n\n.fade:nth-child(7) {\n\tanimation-delay: 6s;\n}\n\n.fade:nth-child(8) {\n\tanimation-delay: 7s;\n}\n\n.fade:nth-child(9) {\n\tanimation-delay: 8s;\n}\n\n.fade:nth-child(10) {\n\tanimation-delay: 9s;\n}\n\n.fade:nth-child(11) {\n\tanimation-delay: 10s;\n}\n\n.fade:nth-child(12) {\n\tanimation-delay: 11s;\n}\n\n.fade:nth-child(13) {\n\tanimation-delay: 12s;\n}\n\n@keyframes fadeIn {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translate3d(0, 0%, 0);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translate3d(0, 0, 0);\n\t}\n} \n\n```\n\n## ステップ3：GitLab CIファイルを設定する\n\nGitLabによるサイトのビルドおよびデプロイ方法を指定するGitLab CI設定ファイルを作成する方法は2通りあります。\n\n![GitLab Pagesチュートリアル - CI/CDパイプライン画面を使用したワークフローの最適化画面](https://res.cloudinary.com/about-gitlab-com/image/upload/v1752378215/Blog/ny6eumkybcrlprelf7ze.png)\n\n**オプション1 ：パイプラインエディタを使用する（推奨）**\n\n1. プロジェクト内で**「ビルド」>「パイプラインエディタ」**の順にアクセスします。\n\n![GitLab Pagesチュートリアル - パイプラインエディタ／mainブランチ](https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image3_aHR0cHM6_1750097724672.png)\n\n2. `.gitlab-ci.yml`ファイルが自動的に作成されます。\n3. 以下の設定をコピー＆ペーストします。\n\n```\npages:\n  stage: deploy\n  script:\n    - mkdir .public\n    - cp -r * .public\n    - mv .public public\n  artifacts:\n    paths:\n      - public\n  only:\n    - main\n```\n\n![GitLab Pagesチュートリアル - ウィンドウ内の新規ファイル](https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image12_aHR0cHM6_1750097724673.png)\n\n**オプション2：手動で作成する**\n\nファイルを手動で作成する場合：\n1. 新規ファイルを作成し、名前を`.gitlab-ci.yml`に設定します。\n2. 以下の設定を追加します。\n\n```\npages:\n  stage: deploy\n  script:\n    - mkdir .public\n    - cp -r * .public\n    - mv .public public\n  artifacts:\n    paths:\n      - public\n  only:\n    - main\n```\n\nGitLab CI設定ファイルは、サイトの稼働に重要な要素です。このファイルが、GitLabにサイトのビルドとデプロイ方法を指示します。\n\n各部分がどのような役割を果たしているのかを見てみましょう。\n\n**スクリプト部分**\n\n```\nscript:\n  - mkdir .public\n  - cp -r * .public\n  - mv .public public\n```\n\nこれにより、`public`というフォルダが作成され、ウェブサイトの全ファイルがその中にコピーされます。GitLab Pagesはこのフォルダを使ってサイトを公開しますが、必要に応じて[公開フォルダを変更](https://docs.gitlab.com/user/project/pages/introduction/#customize-the-default-folder)することもできます。\n\n**only部分**\n\n```\nonly:\n  - main\n\n```\n\nこれにより、GitLabはmainブランチに変更が加えられた場合のみ、サイトの更新を行い、実験的な変更が誤ってサイトに反映されるのを防ぎます。\n\n## ステップ4：ウェブサイトをデプロイする\n1. すべての変更をコミットします。\n2. **「ビルド」>「パイプライン」**の順にアクセスして、デプロイの進行状況を確認します。\n3. パイプラインが完了するのを待ちます（緑のチェックマークで完了を確認）。\n\n![GitLab Pagesチュートリアル - 新規ページ用のパイプラインを実行中](https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image4_aHR0cHM6_1750097724674.png)\n\n![GitLab Pagesチュートリアル - 新規ページ用のパイプライン成功](https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image6_aHR0cHM6_1750097724676.png)\n\n## ステップ5：ウェブサイトにアクセスする\n\nパイプラインが正常に完了すると、ウェブサイトが**https://[yourusername].gitlab.io/**で利用可能になります。\n\nデプロイされたウェブサイトの概要や追加設定は、プロジェクトの**「デプロイ」>「ページ」**セクションで確認できます。このセクションでは、次のような役立つ情報を確認することができます。\n\n* ウェブサイトにアクセスするためのURL   \n* ドメイン設定\n* GitLabでは、デフォルトで「**一意のドメイン**」が有効になっています。GitLabが提供するドメインを使用する場合は、必ずこれを無効にしてください。詳しくは、[独自ドメインに関するドキュメント](https://docs.gitlab.com/ee/user/project/pages#unique-domains)をご覧ください。\n* HTTPS証明書のステータス\n* 最近のデプロイ\n* 追加の設定オプション\n* カスタムドメイン\n\nこのセクションは、カスタムドメインの設定やデプロイのトラブルシューティングを行う際に、特に役立ちます。\n\n**サイトをカスタマイズする**\n\n![GitLab Pagesチュートリアル - サイトのカスタマイズ](https://res.cloudinary.com/about-gitlab-com/image/upload/v1752378219/Blog/uhkkbfzexgpyooswyyye.png)\n\n1. `index.html`内のすべての「Your...」プレースホルダーを自分の情報に置き換えます。\n\n![GitLab Pagesチュートリアル - ページのカスタマイズのためにファイルをアップロード](https://res.cloudinary.com/about-gitlab-com/image/upload/v1750097725/Blog/Content%20Images/Blog/Content%20Images/image1_aHR0cHM6_1750097724677.png)\n\n2. 画像を追加します。\n    - profile.png - 自分のプロフィール写真（64x64px）\n    - favicon.png - サイトのファビコン（32x32px）\n    - Og.png - SNSプレビュー用のOpenGraph画像（1200x630px）\n\n**動作を確認する**\n\nGitLabを使い慣れている場合は、[自分のリポジトリをフォーク](https://gitlab.com/fracazo/fracazo.gitlab.io)してすぐに作業を始めることができます。\n\n最終結果はこちらから確認できます。\n[https://fracazo.gitlab.io/](https://fracazo.gitlab.io/)\n\n**よくある問題と解決策**\n- GitLabでは、デフォルトでPagesプロジェクトの「一意のドメイン」が有効になっています。シンプルなGitLab提供のドメイン（`username.gitlab.io`など）を使用するには、**「デプロイ」>「ページ」**の順にアクセスし、「一意のドメインを使用」を無効にしてください。一意のドメインはアセットパスの処理などの面で技術的な利点がありますが、個人のウェブサイトの場合はよりシンプルなURL構造が好まれます。\n- パイプラインが失敗した場合、`.gitlab-ci.yml`ファイルで`master`ではなく、`main`を使用しているかどうかを確認してください。\n- GitLab Pagesが機能するには、グループとプロジェクトが公開に設定されている必要があります。\n- パイプラインでジョブが失敗した場合、ジョブログでエラーメッセージを確認して解決策を見つけましょう。\n\nGitLab Pagesとご紹介したテンプレートを使用すれば、すぐにビジネス用・個人用のウェブサイトを立ち上げることができます。このテンプレートはシンプルでレスポンシブ化されており、カスタマイズも簡単です。ご自身のキャリアの成長に合わせて、GitLabを使用して直接サイトを簡単に更新できます。\n\nGitLabのCI/CD機能を活用すれば、デプロイプロセスを自動化し、魅力的なコンテンツの作成に注力できます。\n\n一番のメリットは、これらすべてがGitLabのFreeプランで利用できるという点です。そのため、個人プロジェクト、ドキュメントサイト、または小規模なビジネスサイトを無料でホストする際に最適なオプションです。高度な機能と設定については、[Pagesのドキュメント](https://docs.gitlab.com/ee/user/project/pages/)をご覧ください。\n\n## GitLab Pagesの今後の取り組み\nGitLabでは、クリエイターやデベロッパーの皆さまのために、GitLab Pagesの改善に常に取り組んでいます。近日リリース予定の素晴らしい改善点をいくつかご紹介します。\n\n### ドメイン管理の簡素化\nGitLab Pagesでのドメインの管理が今まで以上に簡単になるアップデートが追加される予定です。新しいダッシュボードには、すべてのドメイン設定が1か所で簡単にアクセスできるように統合され、管理がよりスムーズになります。\n\nさらに、DNSやSSL証明書のステータスについてリアルタイムで最新情報を受け取れるようになるため、ドメインのセキュリティと安定性を維持しやすくなります。\n\n### カスタムドメインの設定\nガイドに従うだけで、簡単にカスタムドメインを設定できるようになります。詳しくガイドには、各手順の説明がわかりやすく記載されています。さらに、カスタムドメインを設定して、古いウェブサイトから新しいサイトへの訪問者の自動リダイレクトも行えるようになり、すべてのトラフィックを1つのメインサイトに集められるようになる予定です。カスタムドメインに関する詳細は、[こちら](https://docs.gitlab.com/ee/user/project/pages/custom_domains_ssl_tls_certification/index.html#set-up-a-custom-domain)をご確認ください。\n\n> 今すぐ[GitLabのFreeプラン](https://about.gitlab.com/pricing/)でGitLab Pagesを使い始めましょう！\n\n## 関連リンク\n- [GitLab Pagesの機能：アプリレビューと複数のウェブサイトのデプロイ](https://about.gitlab.com/blog/gitlab-pages-features-review-apps-and-multiple-website-deployment/)\n- [GitLab Pages：複数のウェブサイトのデプロイに関するドキュメント](https://docs.gitlab.com/user/project/pages/#parallel-deployments)\n- [GitLab Pagesを使用してホストしているウェブサイトの例](https://gitlab.com/pages)","product",[23,24],"tutorial","DevSecOps platform",{"slug":26,"featured":6,"template":27},"build-a-new-website-in-a-few-easy-steps-with-gitlab-pages","BlogPost","content:ja-jp:blog:build-a-new-website-in-a-few-easy-steps-with-gitlab-pages.yml","yaml","Build A New Website In A Few Easy Steps With Gitlab Pages","content","ja-jp/blog/build-a-new-website-in-a-few-easy-steps-with-gitlab-pages.yml","ja-jp/blog/build-a-new-website-in-a-few-easy-steps-with-gitlab-pages","yml",{"_path":36,"_dir":37,"_draft":6,"_partial":6,"_locale":7,"data":38,"_id":446,"_type":29,"title":447,"_source":31,"_file":448,"_stem":449,"_extension":34},"/shared/ja-jp/main-navigation","ja-jp",{"logo":39,"freeTrial":44,"sales":49,"login":54,"items":59,"search":390,"minimal":424,"duo":437},{"config":40},{"href":41,"dataGaName":42,"dataGaLocation":43},"/ja-jp/","gitlab logo","header",{"text":45,"config":46},"無料トライアルを開始",{"href":47,"dataGaName":48,"dataGaLocation":43},"https://gitlab.com/-/trial_registrations/new?glm_source=about.gitlab.com&glm_content=default-saas-trial/","free trial",{"text":50,"config":51},"お問い合わせ",{"href":52,"dataGaName":53,"dataGaLocation":43},"/ja-jp/sales/","sales",{"text":55,"config":56},"サインイン",{"href":57,"dataGaName":58,"dataGaLocation":43},"https://gitlab.com/users/sign_in/","sign in",[60,104,202,207,312,372],{"text":61,"config":62,"cards":64,"footer":87},"プラットフォーム",{"dataNavLevelOne":63},"platform",[65,71,79],{"title":61,"description":66,"link":67},"最も包括的かつAIで強化されたDevSecOpsプラットフォーム",{"text":68,"config":69},"プラットフォームを詳しく見る",{"href":70,"dataGaName":63,"dataGaLocation":43},"/ja-jp/platform/",{"title":72,"description":73,"link":74},"GitLab Duo（AI）","開発のすべてのステージでAIを活用し、ソフトウェアをより迅速にビルド",{"text":75,"config":76},"GitLab Duoのご紹介",{"href":77,"dataGaName":78,"dataGaLocation":43},"/ja-jp/gitlab-duo/","gitlab duo ai",{"title":80,"description":81,"link":82},"GitLabが選ばれる理由","GitLabが大企業に選ばれる理由10選",{"text":83,"config":84},"詳細はこちら",{"href":85,"dataGaName":86,"dataGaLocation":43},"/ja-jp/why-gitlab/","why gitlab",{"title":88,"items":89},"利用を開始：",[90,95,100],{"text":91,"config":92},"プラットフォームエンジニアリング",{"href":93,"dataGaName":94,"dataGaLocation":43},"/ja-jp/solutions/platform-engineering/","platform engineering",{"text":96,"config":97},"開発者の経験",{"href":98,"dataGaName":99,"dataGaLocation":43},"/ja-jp/developer-experience/","Developer experience",{"text":101,"config":102},"MLOps",{"href":103,"dataGaName":101,"dataGaLocation":43},"/ja-jp/topics/devops/the-role-of-ai-in-devops/",{"text":105,"left":106,"config":107,"link":109,"lists":113,"footer":184},"製品",true,{"dataNavLevelOne":108},"solutions",{"text":110,"config":111},"すべてのソリューションを表示",{"href":112,"dataGaName":108,"dataGaLocation":43},"/ja-jp/solutions/",[114,140,162],{"title":115,"description":116,"link":117,"items":122},"自動化","CI/CDと自動化でデプロイを加速",{"config":118},{"icon":119,"href":120,"dataGaName":121,"dataGaLocation":43},"AutomatedCodeAlt","/ja-jp/solutions/delivery-automation/","automated software delivery",[123,127,131,136],{"text":124,"config":125},"CI/CD",{"href":126,"dataGaLocation":43,"dataGaName":124},"/ja-jp/solutions/continuous-integration/",{"text":128,"config":129},"AIアシストによる開発",{"href":77,"dataGaLocation":43,"dataGaName":130},"AI assisted development",{"text":132,"config":133},"ソースコード管理",{"href":134,"dataGaLocation":43,"dataGaName":135},"/ja-jp/solutions/source-code-management/","Source Code Management",{"text":137,"config":138},"自動化されたソフトウェアデリバリー",{"href":120,"dataGaLocation":43,"dataGaName":139},"Automated software delivery",{"title":141,"description":142,"link":143,"items":148},"セキュリティ","セキュリティを損なうことなくコードをより迅速に完成",{"config":144},{"href":145,"dataGaName":146,"dataGaLocation":43,"icon":147},"/ja-jp/solutions/application-security-testing/","security and compliance","ShieldCheckLight",[149,153,158],{"text":150,"config":151},"Application Security Testing",{"href":145,"dataGaName":152,"dataGaLocation":43},"Application security testing",{"text":154,"config":155},"ソフトウェアサプライチェーンの安全性",{"href":156,"dataGaLocation":43,"dataGaName":157},"/ja-jp/solutions/supply-chain/","Software supply chain security",{"text":159,"config":160},"Software Compliance",{"href":161,"dataGaName":159,"dataGaLocation":43},"/ja-jp/solutions/software-compliance/",{"title":163,"link":164,"items":169},"測定",{"config":165},{"icon":166,"href":167,"dataGaName":168,"dataGaLocation":43},"DigitalTransformation","/ja-jp/solutions/visibility-measurement/","visibility and measurement",[170,174,179],{"text":171,"config":172},"可視性と測定",{"href":167,"dataGaLocation":43,"dataGaName":173},"Visibility and Measurement",{"text":175,"config":176},"バリューストリーム管理",{"href":177,"dataGaLocation":43,"dataGaName":178},"/ja-jp/solutions/value-stream-management/","Value Stream Management",{"text":180,"config":181},"分析とインサイト",{"href":182,"dataGaLocation":43,"dataGaName":183},"/ja-jp/solutions/analytics-and-insights/","Analytics and insights",{"title":185,"items":186},"GitLabが活躍する場所",[187,192,197],{"text":188,"config":189},"Enterprise",{"href":190,"dataGaLocation":43,"dataGaName":191},"/ja-jp/enterprise/","enterprise",{"text":193,"config":194},"スモールビジネス",{"href":195,"dataGaLocation":43,"dataGaName":196},"/ja-jp/small-business/","small business",{"text":198,"config":199},"公共機関",{"href":200,"dataGaLocation":43,"dataGaName":201},"/ja-jp/solutions/public-sector/","public sector",{"text":203,"config":204},"価格",{"href":205,"dataGaName":206,"dataGaLocation":43,"dataNavLevelOne":206},"/ja-jp/pricing/","pricing",{"text":208,"config":209,"link":211,"lists":215,"feature":299},"関連リソース",{"dataNavLevelOne":210},"resources",{"text":212,"config":213},"すべてのリソースを表示",{"href":214,"dataGaName":210,"dataGaLocation":43},"/ja-jp/resources/",[216,249,271],{"title":217,"items":218},"はじめに",[219,224,229,234,239,244],{"text":220,"config":221},"インストール",{"href":222,"dataGaName":223,"dataGaLocation":43},"/ja-jp/install/","install",{"text":225,"config":226},"クイックスタートガイド",{"href":227,"dataGaName":228,"dataGaLocation":43},"/ja-jp/get-started/","quick setup checklists",{"text":230,"config":231},"学ぶ",{"href":232,"dataGaLocation":43,"dataGaName":233},"https://university.gitlab.com/","learn",{"text":235,"config":236},"製品ドキュメント",{"href":237,"dataGaName":238,"dataGaLocation":43},"https://docs.gitlab.com/","product documentation",{"text":240,"config":241},"ベストプラクティスビデオ",{"href":242,"dataGaName":243,"dataGaLocation":43},"/ja-jp/getting-started-videos/","best practice videos",{"text":245,"config":246},"インテグレーション",{"href":247,"dataGaName":248,"dataGaLocation":43},"/ja-jp/integrations/","integrations",{"title":250,"items":251},"検索する",[252,257,261,266],{"text":253,"config":254},"お客様成功事例",{"href":255,"dataGaName":256,"dataGaLocation":43},"/ja-jp/customers/","customer success stories",{"text":258,"config":259},"ブログ",{"href":260,"dataGaName":5,"dataGaLocation":43},"/ja-jp/blog/",{"text":262,"config":263},"リモート",{"href":264,"dataGaName":265,"dataGaLocation":43},"https://handbook.gitlab.com/handbook/company/culture/all-remote/","remote",{"text":267,"config":268},"TeamOps",{"href":269,"dataGaName":270,"dataGaLocation":43},"/ja-jp/teamops/","teamops",{"title":272,"items":273},"つなげる",[274,279,284,289,294],{"text":275,"config":276},"GitLabサービス",{"href":277,"dataGaName":278,"dataGaLocation":43},"/ja-jp/services/","services",{"text":280,"config":281},"コミュニティ",{"href":282,"dataGaName":283,"dataGaLocation":43},"/community/","community",{"text":285,"config":286},"フォーラム",{"href":287,"dataGaName":288,"dataGaLocation":43},"https://forum.gitlab.com/","forum",{"text":290,"config":291},"イベント",{"href":292,"dataGaName":293,"dataGaLocation":43},"/events/","events",{"text":295,"config":296},"パートナー",{"href":297,"dataGaName":298,"dataGaLocation":43},"/ja-jp/partners/","partners",{"backgroundColor":300,"textColor":301,"text":302,"image":303,"link":307},"#2f2a6b","#fff","ソフトウェア開発の未来への洞察",{"altText":304,"config":305},"ソースプロモカード",{"src":306},"https://res.cloudinary.com/about-gitlab-com/image/upload/v1758208064/dzl0dbift9xdizyelkk4.svg",{"text":308,"config":309},"最新情報を読む",{"href":310,"dataGaName":311,"dataGaLocation":43},"/ja-jp/the-source/","the source",{"text":313,"config":314,"lists":316},"会社情報",{"dataNavLevelOne":315},"company",[317],{"items":318},[319,324,330,332,337,342,347,352,357,362,367],{"text":320,"config":321},"GitLabについて",{"href":322,"dataGaName":323,"dataGaLocation":43},"/ja-jp/company/","about",{"text":325,"config":326,"footerGa":329},"採用情報",{"href":327,"dataGaName":328,"dataGaLocation":43},"/jobs/","jobs",{"dataGaName":328},{"text":290,"config":331},{"href":292,"dataGaName":293,"dataGaLocation":43},{"text":333,"config":334},"経営陣",{"href":335,"dataGaName":336,"dataGaLocation":43},"/company/team/e-group/","leadership",{"text":338,"config":339},"チーム",{"href":340,"dataGaName":341,"dataGaLocation":43},"/company/team/","team",{"text":343,"config":344},"ハンドブック",{"href":345,"dataGaName":346,"dataGaLocation":43},"https://handbook.gitlab.com/","handbook",{"text":348,"config":349},"投資家向け情報",{"href":350,"dataGaName":351,"dataGaLocation":43},"https://ir.gitlab.com/","investor relations",{"text":353,"config":354},"トラストセンター",{"href":355,"dataGaName":356,"dataGaLocation":43},"/ja-jp/security/","trust center",{"text":358,"config":359},"AI Transparency Center",{"href":360,"dataGaName":361,"dataGaLocation":43},"/ja-jp/ai-transparency-center/","ai transparency center",{"text":363,"config":364},"ニュースレター",{"href":365,"dataGaName":366,"dataGaLocation":43},"/company/contact/","newsletter",{"text":368,"config":369},"プレス",{"href":370,"dataGaName":371,"dataGaLocation":43},"/press/","press",{"text":50,"config":373,"lists":374},{"dataNavLevelOne":315},[375],{"items":376},[377,380,385],{"text":50,"config":378},{"href":52,"dataGaName":379,"dataGaLocation":43},"talk to sales",{"text":381,"config":382},"サポートを受ける",{"href":383,"dataGaName":384,"dataGaLocation":43},"/support/","get help",{"text":386,"config":387},"カスタマーポータル",{"href":388,"dataGaName":389,"dataGaLocation":43},"https://customers.gitlab.com/customers/sign_in/","customer portal",{"close":391,"login":392,"suggestions":399},"閉じる",{"text":393,"link":394},"リポジトリとプロジェクトを検索するには、次にログインします",{"text":395,"config":396},"GitLab.com",{"href":57,"dataGaName":397,"dataGaLocation":398},"search login","search",{"text":400,"default":401},"提案",[402,405,410,412,416,420],{"text":72,"config":403},{"href":77,"dataGaName":404,"dataGaLocation":398},"GitLab Duo (AI)",{"text":406,"config":407},"コード提案（AI）",{"href":408,"dataGaName":409,"dataGaLocation":398},"/ja-jp/solutions/code-suggestions/","Code Suggestions (AI)",{"text":124,"config":411},{"href":126,"dataGaName":124,"dataGaLocation":398},{"text":413,"config":414},"GitLab on AWS",{"href":415,"dataGaName":413,"dataGaLocation":398},"/ja-jp/partners/technology-partners/aws/",{"text":417,"config":418},"GitLab on Google Cloud",{"href":419,"dataGaName":417,"dataGaLocation":398},"/ja-jp/partners/technology-partners/google-cloud-platform/",{"text":421,"config":422},"GitLabを選ぶ理由",{"href":85,"dataGaName":423,"dataGaLocation":398},"Why GitLab?",{"freeTrial":425,"mobileIcon":429,"desktopIcon":434},{"text":45,"config":426},{"href":427,"dataGaName":48,"dataGaLocation":428},"https://gitlab.com/-/trials/new/","nav",{"altText":430,"config":431},"GitLabアイコン",{"src":432,"dataGaName":433,"dataGaLocation":428},"https://res.cloudinary.com/about-gitlab-com/image/upload/v1758203874/jypbw1jx72aexsoohd7x.svg","gitlab icon",{"altText":430,"config":435},{"src":436,"dataGaName":433,"dataGaLocation":428},"https://res.cloudinary.com/about-gitlab-com/image/upload/v1758203875/gs4c8p8opsgvflgkswz9.svg",{"freeTrial":438,"mobileIcon":442,"desktopIcon":444},{"text":439,"config":440},"GitLab Duoの詳細について",{"href":77,"dataGaName":441,"dataGaLocation":428},"gitlab duo",{"altText":430,"config":443},{"src":432,"dataGaName":433,"dataGaLocation":428},{"altText":430,"config":445},{"src":436,"dataGaName":433,"dataGaLocation":428},"content:shared:ja-jp:main-navigation.yml","Main Navigation","shared/ja-jp/main-navigation.yml","shared/ja-jp/main-navigation",{"_path":451,"_dir":37,"_draft":6,"_partial":6,"_locale":7,"title":452,"button":453,"config":458,"_id":460,"_type":29,"_source":31,"_file":461,"_stem":462,"_extension":34},"/shared/ja-jp/banner","GitLab Duo Agent Platformがパブリックベータ版で利用可能になりました！",{"text":454,"config":455},"ベータ版を試す",{"href":456,"dataGaName":457,"dataGaLocation":43},"/ja-jp/gitlab-duo/agent-platform/","duo banner",{"layout":459},"release","content:shared:ja-jp:banner.yml","shared/ja-jp/banner.yml","shared/ja-jp/banner",{"_path":464,"_dir":37,"_draft":6,"_partial":6,"_locale":7,"data":465,"_id":669,"_type":29,"title":670,"_source":31,"_file":671,"_stem":672,"_extension":34},"/shared/ja-jp/main-footer",{"text":466,"source":467,"edit":473,"contribute":478,"config":483,"items":488,"minimal":661},"GitはSoftware Freedom Conservancyの商標です。当社は「GitLab」をライセンスに基づいて使用しています",{"text":468,"config":469},"ページのソースを表示",{"href":470,"dataGaName":471,"dataGaLocation":472},"https://gitlab.com/gitlab-com/marketing/digital-experience/about-gitlab-com/","page source","footer",{"text":474,"config":475},"このページを編集",{"href":476,"dataGaName":477,"dataGaLocation":472},"https://gitlab.com/gitlab-com/marketing/digital-experience/about-gitlab-com/-/blob/main/content/","web ide",{"text":479,"config":480},"ご協力をお願いします",{"href":481,"dataGaName":482,"dataGaLocation":472},"https://gitlab.com/gitlab-com/marketing/digital-experience/about-gitlab-com/-/blob/main/CONTRIBUTING.md/","please contribute",{"twitter":484,"facebook":485,"youtube":486,"linkedin":487},"https://twitter.com/gitlab","https://www.facebook.com/gitlab","https://www.youtube.com/channel/UCnMGQ8QHMAnVIsI3xJrihhg","https://www.linkedin.com/company/gitlab-com",[489,512,566,598,633],{"title":61,"links":490,"subMenu":495},[491],{"text":492,"config":493},"DevSecOpsプラットフォーム",{"href":70,"dataGaName":494,"dataGaLocation":472},"devsecops platform",[496],{"title":203,"links":497},[498,502,507],{"text":499,"config":500},"プランの表示",{"href":205,"dataGaName":501,"dataGaLocation":472},"view plans",{"text":503,"config":504},"Premiumを選ぶ理由",{"href":505,"dataGaName":506,"dataGaLocation":472},"/ja-jp/pricing/premium/","why premium",{"text":508,"config":509},"Ultimateを選ぶ理由",{"href":510,"dataGaName":511,"dataGaLocation":472},"/ja-jp/pricing/ultimate/","why ultimate",{"title":513,"links":514},"ソリューション",[515,520,523,525,530,535,539,542,545,550,552,554,556,561],{"text":516,"config":517},"デジタルトランスフォーメーション",{"href":518,"dataGaName":519,"dataGaLocation":472},"/ja-jp/topics/digital-transformation/","digital transformation",{"text":521,"config":522},"セキュリティとコンプライアンス",{"href":145,"dataGaName":152,"dataGaLocation":472},{"text":137,"config":524},{"href":120,"dataGaName":121,"dataGaLocation":472},{"text":526,"config":527},"アジャイル開発",{"href":528,"dataGaName":529,"dataGaLocation":472},"/ja-jp/solutions/agile-delivery/","agile delivery",{"text":531,"config":532},"クラウドトランスフォーメーション",{"href":533,"dataGaName":534,"dataGaLocation":472},"/ja-jp/topics/cloud-native/","cloud transformation",{"text":536,"config":537},"SCM",{"href":134,"dataGaName":538,"dataGaLocation":472},"source code management",{"text":124,"config":540},{"href":126,"dataGaName":541,"dataGaLocation":472},"continuous integration & delivery",{"text":175,"config":543},{"href":177,"dataGaName":544,"dataGaLocation":472},"value stream management",{"text":546,"config":547},"GitOps",{"href":548,"dataGaName":549,"dataGaLocation":472},"/ja-jp/solutions/gitops/","gitops",{"text":188,"config":551},{"href":190,"dataGaName":191,"dataGaLocation":472},{"text":193,"config":553},{"href":195,"dataGaName":196,"dataGaLocation":472},{"text":198,"config":555},{"href":200,"dataGaName":201,"dataGaLocation":472},{"text":557,"config":558},"教育",{"href":559,"dataGaName":560,"dataGaLocation":472},"/ja-jp/solutions/education/","education",{"text":562,"config":563},"金融サービス",{"href":564,"dataGaName":565,"dataGaLocation":472},"/ja-jp/solutions/finance/","financial services",{"title":208,"links":567},[568,570,572,574,577,579,582,584,586,588,590,592,594,596],{"text":220,"config":569},{"href":222,"dataGaName":223,"dataGaLocation":472},{"text":225,"config":571},{"href":227,"dataGaName":228,"dataGaLocation":472},{"text":230,"config":573},{"href":232,"dataGaName":233,"dataGaLocation":472},{"text":235,"config":575},{"href":237,"dataGaName":576,"dataGaLocation":472},"docs",{"text":258,"config":578},{"href":260,"dataGaName":5},{"text":580,"config":581},"お客様の成功事例",{"href":255,"dataGaLocation":472},{"text":253,"config":583},{"href":255,"dataGaName":256,"dataGaLocation":472},{"text":262,"config":585},{"href":264,"dataGaName":265,"dataGaLocation":472},{"text":275,"config":587},{"href":277,"dataGaName":278,"dataGaLocation":472},{"text":267,"config":589},{"href":269,"dataGaName":270,"dataGaLocation":472},{"text":280,"config":591},{"href":282,"dataGaName":283,"dataGaLocation":472},{"text":285,"config":593},{"href":287,"dataGaName":288,"dataGaLocation":472},{"text":290,"config":595},{"href":292,"dataGaName":293,"dataGaLocation":472},{"text":295,"config":597},{"href":297,"dataGaName":298,"dataGaLocation":472},{"title":599,"links":600},"Company",[601,603,605,607,609,611,613,617,622,624,626,628],{"text":320,"config":602},{"href":322,"dataGaName":315,"dataGaLocation":472},{"text":325,"config":604},{"href":327,"dataGaName":328,"dataGaLocation":472},{"text":333,"config":606},{"href":335,"dataGaName":336,"dataGaLocation":472},{"text":338,"config":608},{"href":340,"dataGaName":341,"dataGaLocation":472},{"text":343,"config":610},{"href":345,"dataGaName":346,"dataGaLocation":472},{"text":348,"config":612},{"href":350,"dataGaName":351,"dataGaLocation":472},{"text":614,"config":615},"Sustainability",{"href":616,"dataGaName":614,"dataGaLocation":472},"/sustainability/",{"text":618,"config":619},"ダイバーシティ、インクルージョン、ビロンギング（DIB）",{"href":620,"dataGaName":621,"dataGaLocation":472},"/ja-jp/diversity-inclusion-belonging/","Diversity, inclusion and belonging",{"text":353,"config":623},{"href":355,"dataGaName":356,"dataGaLocation":472},{"text":363,"config":625},{"href":365,"dataGaName":366,"dataGaLocation":472},{"text":368,"config":627},{"href":370,"dataGaName":371,"dataGaLocation":472},{"text":629,"config":630},"現代奴隷制の透明性に関する声明",{"href":631,"dataGaName":632,"dataGaLocation":472},"https://handbook.gitlab.com/handbook/legal/modern-slavery-act-transparency-statement/","modern slavery transparency statement",{"title":50,"links":634},[635,637,639,641,646,651,656],{"text":50,"config":636},{"href":52,"dataGaName":53,"dataGaLocation":472},{"text":381,"config":638},{"href":383,"dataGaName":384,"dataGaLocation":472},{"text":386,"config":640},{"href":388,"dataGaName":389,"dataGaLocation":472},{"text":642,"config":643},"ステータス",{"href":644,"dataGaName":645,"dataGaLocation":472},"https://status.gitlab.com/","status",{"text":647,"config":648},"利用規約",{"href":649,"dataGaName":650,"dataGaLocation":472},"/terms/","terms of use",{"text":652,"config":653},"プライバシーに関する声明",{"href":654,"dataGaName":655,"dataGaLocation":472},"/ja-jp/privacy/","privacy statement",{"text":657,"config":658},"Cookieの設定",{"dataGaName":659,"dataGaLocation":472,"id":660,"isOneTrustButton":106},"cookie preferences","ot-sdk-btn",{"items":662},[663,665,667],{"text":647,"config":664},{"href":649,"dataGaName":650,"dataGaLocation":472},{"text":652,"config":666},{"href":654,"dataGaName":655,"dataGaLocation":472},{"text":657,"config":668},{"dataGaName":659,"dataGaLocation":472,"id":660,"isOneTrustButton":106},"content:shared:ja-jp:main-footer.yml","Main Footer","shared/ja-jp/main-footer.yml","shared/ja-jp/main-footer",[674],{"_path":675,"_dir":676,"_draft":6,"_partial":6,"_locale":7,"content":677,"config":681,"_id":683,"_type":29,"title":18,"_source":31,"_file":684,"_stem":685,"_extension":34},"/en-us/blog/authors/alex-fracazo","authors",{"name":18,"config":678},{"headshot":679,"ctfId":680},"https://res.cloudinary.com/about-gitlab-com/image/upload/v1749663572/Blog/Author%20Headshots/Alex_Fracazo_headshot.png","1fd3avORyzEvt4jtKpkT2k",{"template":682},"BlogAuthor","content:en-us:blog:authors:alex-fracazo.yml","en-us/blog/authors/alex-fracazo.yml","en-us/blog/authors/alex-fracazo",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"seo":687,"content":688,"config":691,"_id":28,"_type":29,"title":30,"_source":31,"_file":32,"_stem":33,"_extension":34},{"title":9,"description":10,"ogTitle":9,"ogDescription":10,"noIndex":6,"ogImage":11,"ogUrl":12,"ogSiteName":13,"ogType":14,"canonicalUrls":12,"schema":15},{"title":9,"description":10,"authors":689,"heroImage":11,"date":19,"body":20,"category":21,"tags":690},[18],[23,24],{"slug":26,"featured":6,"template":27},{"_path":693,"_dir":37,"_draft":6,"_partial":6,"_locale":7,"header":694,"eyebrow":695,"blurb":696,"button":697,"secondaryButton":701,"_id":703,"_type":29,"title":704,"_source":31,"_file":705,"_stem":706,"_extension":34},"/shared/ja-jp/next-steps","より優れたソフトウェアをより速く提供","フォーチュン100企業の50%以上がGitLabを信頼","インテリジェントなDevSecOpsプラットフォームで\n\n\nチームの可能性を広げましょう。\n",{"text":45,"config":698},{"href":699,"dataGaName":48,"dataGaLocation":700},"https://gitlab.com/-/trial_registrations/new?glm_content=default-saas-trial&glm_source=about.gitlab.com/","feature",{"text":50,"config":702},{"href":52,"dataGaName":53,"dataGaLocation":700},"content:shared:ja-jp:next-steps.yml","Next Steps","shared/ja-jp/next-steps.yml","shared/ja-jp/next-steps",1761814444732]