[{"data":1,"prerenderedAt":262},["ShallowReactive",2],{"\u002Fgetting-started\u002Fdocker":3},{"id":4,"title":5,"body":6,"category":251,"description":252,"extension":253,"meta":254,"navigation":255,"order":108,"path":256,"readingTime":257,"seo":258,"stem":259,"updated":260,"__hash__":261},"docs\u002Fgetting-started\u002Fdocker.md","クイックスタート",{"type":7,"value":8,"toc":242},"minimark",[9,13,26,30,38,53,58,81,84,118,122,146,154,158,174,178,204,225,238],[10,11,12],"h2",{"id":12},"必要なもの",[14,15,16,20,23],"ul",{},[17,18,19],"li",{},"Docker Desktop",[17,21,22],{},"Webブラウザ",[17,24,25],{},"ターミナル",[27,28,29],"p",{},"まず動かすだけなら、GitHubアカウント、Git、PCへ直接インストールするNode.jsは必須ではありません。",[27,31,32,33,37],{},"このページのコマンドは、VS Codeなどのターミナルから実行します。スターターを取得した後は、",[34,35,36],"code",{},"docker-compose.yml"," があるフォルダで実行してください。",[39,40,42],"callout",{"type":41},"tip",[27,43,44,45,52],{},"Docker Desktopをまだインストールしていない方は、",[46,47,51],"a",{"href":48,"rel":49},"https:\u002F\u002Fqiita.com\u002Fhane-jp\u002Fitems\u002Fa9683ad255aa7df44f7f",[50],"nofollow","Qiitaの初心者向けセットアップ記事","から進めてください。DockerやGitHubを初めて使う場合も、画面とコマンドを順番に確認できます。",[54,55,57],"h3",{"id":56},"docker-desktopの公式インストール手順","Docker Desktopの公式インストール手順",[14,59,60,67,74],{},[17,61,62],{},[46,63,66],{"href":64,"rel":65},"https:\u002F\u002Fdocs.docker.com\u002Fdesktop\u002Fsetup\u002Finstall\u002Fmac-install\u002F",[50],"macOS",[17,68,69],{},[46,70,73],{"href":71,"rel":72},"https:\u002F\u002Fdocs.docker.com\u002Fdesktop\u002Fsetup\u002Finstall\u002Fwindows-install\u002F",[50],"Windows",[17,75,76],{},[46,77,80],{"href":78,"rel":79},"https:\u002F\u002Fdocs.docker.com\u002Fdesktop\u002Fsetup\u002Finstall\u002Flinux\u002F",[50],"Linux",[27,82,83],{},"インストール後、次のコマンドで準備できているか確認します。",[85,86,91],"pre",{"className":87,"code":88,"language":89,"meta":90,"style":90},"language-bash shiki shiki-themes github-light github-dark","docker --version\ndocker compose version\n","bash","",[34,92,93,106],{"__ignoreMap":90},[94,95,98,102],"span",{"class":96,"line":97},"line",1,[94,99,101],{"class":100},"sScJk","docker",[94,103,105],{"class":104},"sj4cs"," --version\n",[94,107,109,111,115],{"class":96,"line":108},2,[94,110,101],{"class":100},[94,112,114],{"class":113},"sZZnC"," compose",[94,116,117],{"class":113}," version\n",[10,119,121],{"id":120},"_1-スターターを取得する","1. スターターを取得する",[85,123,125],{"className":87,"code":124,"language":89,"meta":90,"style":90},"git clone https:\u002F\u002Fgithub.com\u002Fhane-jp\u002Fnuxt-wordpress-docker.git\ncd nuxt-wordpress-docker\n",[34,126,127,138],{"__ignoreMap":90},[94,128,129,132,135],{"class":96,"line":97},[94,130,131],{"class":100},"git",[94,133,134],{"class":113}," clone",[94,136,137],{"class":113}," https:\u002F\u002Fgithub.com\u002Fhane-jp\u002Fnuxt-wordpress-docker.git\n",[94,139,140,143],{"class":96,"line":108},[94,141,142],{"class":104},"cd",[94,144,145],{"class":113}," nuxt-wordpress-docker\n",[27,147,148,149,153],{},"Gitを使わない場合は、GitHubの ",[150,151,152],"strong",{},"Code → Download ZIP"," から取得できます。",[10,155,157],{"id":156},"_2-環境設定ファイルを作る","2. 環境設定ファイルを作る",[85,159,161],{"className":87,"code":160,"language":89,"meta":90,"style":90},"cp .env.example .env\n",[34,162,163],{"__ignoreMap":90},[94,164,165,168,171],{"class":96,"line":97},[94,166,167],{"class":100},"cp",[94,169,170],{"class":113}," .env.example",[94,172,173],{"class":113}," .env\n",[10,175,177],{"id":176},"_3-起動する","3. 起動する",[85,179,181],{"className":87,"code":180,"language":89,"meta":90,"style":90},"docker compose up -d\ndocker compose ps\n",[34,182,183,195],{"__ignoreMap":90},[94,184,185,187,189,192],{"class":96,"line":97},[94,186,101],{"class":100},[94,188,114],{"class":113},[94,190,191],{"class":113}," up",[94,193,194],{"class":104}," -d\n",[94,196,197,199,201],{"class":96,"line":108},[94,198,101],{"class":100},[94,200,114],{"class":113},[94,202,203],{"class":113}," ps\n",[27,205,206,209,210,209,213,216,217,220,221,224],{},[34,207,208],{},"db","、",[34,211,212],{},"wordpress",[34,214,215],{},"nuxt"," が起動したら、",[34,218,219],{},"http:\u002F\u002Flocalhost:8080"," でWordPressを初期設定します。その後 ",[34,222,223],{},"http:\u002F\u002Flocalhost:3000"," を開きます。",[39,226,227],{"type":41},[27,228,229,230,233,234,237],{},"終了時は ",[34,231,232],{},"docker compose down"," を実行します。",[34,235,236],{},"docker compose down -v"," は投稿データも削除するため、初期化するとき以外は使わないでください。",[239,240,241],"style",{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":90,"searchDepth":108,"depth":108,"links":243},[244,248,249,250],{"id":12,"depth":108,"text":12,"children":245},[246],{"id":56,"depth":247,"text":57},3,{"id":120,"depth":108,"text":121},{"id":156,"depth":108,"text":157},{"id":176,"depth":108,"text":177},"スターター","スターターを取得し、環境設定ファイルを作って、3つのコンテナをまとめて起動します。","md",{},true,"\u002Fgetting-started\u002Fdocker","15分",{"title":5,"description":252},"getting-started\u002Fdocker","2026-09-04","0SjTIB2E6qL12yEODzZiMIvMirVBF7RV_syDrC9KPEE",1793510989334]