[{"data":1,"prerenderedAt":995},["ShallowReactive",2],{"article-\u002Farticles\u002Fprogramming\u002Fprogramming-basics":3,"related-\u002Farticles\u002Fprogramming\u002Fprogramming-basics":197},{"id":4,"title":5,"author":6,"body":7,"category":177,"contentType":178,"description":179,"draft":180,"extension":181,"featured":182,"meta":183,"navigation":182,"nextArticle":184,"path":187,"popular":180,"publishedAt":188,"seo":189,"slug":190,"stem":191,"tags":192,"thumbnail":195,"updatedAt":188,"__hash__":196},"articles\u002Farticles\u002Fprogramming\u002Fprogramming-basics.md","プログラミングとは？未経験者が最初に知っておきたい基礎知識","Nexorio編集部",{"type":8,"value":9,"toc":168},"minimark",[10,15,19,22,25,28,47,50,53,56,134,138,141,156,162,165],[11,12,14],"h2",{"id":13},"プログラミングとはコンピューターへの指示書を書くこと","プログラミングとは「コンピューターへの指示書を書くこと」",[16,17,18],"p",{},"プログラミングとは、コンピューターに「何をしてほしいか」を、決められたルール（プログラミング言語）で書き表すことです。書いた指示（コード）通りにコンピューターが処理を実行することで、Webサイト、アプリ、業務システムなど、さまざまなものが動いています。",[16,20,21],{},"「難しそう」というイメージを持たれがちですが、最初の一歩は、決まった書き方（文法）を少しずつ覚え、実際に動かして確かめることの繰り返しです。特別な才能よりも、手を動かし続けることが上達の近道になります。",[11,23,24],{"id":24},"プログラミングでできること",[16,26,27],{},"未経験者がイメージしやすい代表例を挙げると、次のようなものがあります。",[29,30,31,35,38,41,44],"ul",{},[32,33,34],"li",{},"Webサイトやブログを表示する仕組みを作る",[32,36,37],{},"クリックやフォーム入力に反応する動きを作る",[32,39,40],{},"データを保存・検索・集計する仕組みを作る",[32,42,43],{},"定型作業を自動化する",[32,45,46],{},"スマートフォンアプリを作る",[16,48,49],{},"Nexorioで扱う「Web開発」は、この中でも特に、Webサイトやアプリケーションを作る分野を指しています。",[11,51,52],{"id":52},"代表的な言語と役割",[16,54,55],{},"プログラミング言語には多くの種類があり、それぞれ得意な分野が異なります。すべてを学ぶ必要はなく、目的に合わせて選ぶことが大切です。",[57,58,59,75],"table",{},[60,61,62],"thead",{},[63,64,65,69,72],"tr",{},[66,67,68],"th",{},"言語・技術",[66,70,71],{},"主な役割",[66,73,74],{},"特徴",[76,77,78,90,101,112,123],"tbody",{},[63,79,80,84,87],{},[81,82,83],"td",{},"HTML・CSS",[81,85,86],{},"Webページの構造と見た目",[81,88,89],{},"厳密には「プログラミング言語」と区別されることもあるが、Web制作の基礎",[63,91,92,95,98],{},[81,93,94],{},"JavaScript",[81,96,97],{},"Webページに動きをつける",[81,99,100],{},"ブラウザ上で直接動く数少ない言語",[63,102,103,106,109],{},[81,104,105],{},"TypeScript",[81,107,108],{},"JavaScriptに型を追加した言語",[81,110,111],{},"大規模な開発でエラーを減らしやすい",[63,113,114,117,120],{},[81,115,116],{},"PHP",[81,118,119],{},"サーバー側の処理",[81,121,122],{},"WordPressなど多くのWebサービスで使われている",[63,124,125,128,131],{},[81,126,127],{},"Vue.js \u002F Nuxt",[81,129,130],{},"JavaScriptのフレームワーク",[81,132,133],{},"効率的にWebアプリやサイトを構築できる",[11,135,137],{"id":136},"未経験から学ぶときに意識したいこと","「未経験から学ぶ」ときに意識したいこと",[16,139,140],{},"プログラミング学習でつまずきやすいのは、情報量の多さに圧倒されて、何から手をつければよいか分からなくなることです。次の考え方を意識すると、迷いを減らせます。",[142,143,144,147,150,153],"ol",{},[32,145,146],{},"最初から完璧を目指さない",[32,148,149],{},"広く浅く学ぶより、1つの言語を動かせるようになることを優先する",[32,151,152],{},"学んだら、必ず小さくてよいので自分の手で作ってみる",[32,154,155],{},"エラーが出ても、それは学習の一部だと捉える",[157,158,159],"blockquote",{},[16,160,161],{},"エラーは「失敗」ではなく、「コンピューターが今の状態を教えてくれているメッセージ」です。エラー文を読む習慣がつくと、学習のスピードが上がります。",[11,163,164],{"id":164},"次の一歩",[16,166,167],{},"プログラミングの全体像がつかめたら、次は実際にどの順番で学んでいくとよいか、具体的な学習ロードマップを確認しましょう。",{"title":169,"searchDepth":170,"depth":170,"links":171},"",2,[172,173,174,175,176],{"id":13,"depth":170,"text":14},{"id":24,"depth":170,"text":24},{"id":52,"depth":170,"text":52},{"id":136,"depth":170,"text":137},{"id":164,"depth":170,"text":164},"programming","guide","プログラミングとは何か、何ができるようになるのか、どんな種類があるのかを未経験者向けにやさしく整理します。",false,"md",true,{},{"label":185,"path":186},"プログラミング学習ロードマップを読む","\u002Farticles\u002Fprogramming\u002Fprogramming-roadmap","\u002Farticles\u002Fprogramming\u002Fprogramming-basics","2026-08-04",{"title":5,"description":179},"programming-basics","articles\u002Fprogramming\u002Fprogramming-basics",[193,194],"プログラミング初心者","Web開発","\u002Farticles\u002Fprogramming\u002Fprogramming-basics.webp","lSQ5tMWkZdO8qppOyvDxM8INlQOCWD8cXI0bYRn2kmg",[198,515,682],{"id":199,"title":200,"author":6,"body":201,"category":177,"contentType":500,"description":501,"draft":180,"extension":181,"featured":180,"meta":502,"navigation":182,"nextArticle":503,"path":506,"popular":180,"publishedAt":188,"seo":507,"slug":508,"stem":509,"tags":510,"thumbnail":513,"updatedAt":188,"__hash__":514},"articles\u002Farticles\u002Fprogramming\u002Fgit-basics.md","Gitの基本｜バージョン管理の考え方とよく使うコマンド",{"type":8,"value":202,"toc":492},[203,207,210,213,216,219,239,351,354,438,441,444,452,455,478,483,485,488],[11,204,206],{"id":205},"gitは変更履歴を記録する仕組み","Gitは「変更履歴を記録する仕組み」",[16,208,209],{},"Gitは、ファイルの変更履歴を記録・管理するためのツールです。コードを書いていると、「昨日まで動いていたのに、今日は動かなくなった」という場面がよくあります。Gitを使っていれば、過去の状態に戻したり、いつ・何を変更したかを確認したりできます。",[16,211,212],{},"GitHubと混同されがちですが、Gitは履歴管理の仕組みそのもの、GitHubはその履歴をインターネット上で保存・共有するサービスです。まずはGit単体の考え方から理解しておくと、後の混乱を防げます。",[11,214,215],{"id":215},"基本の3つの操作",[16,217,218],{},"Gitの基本操作は、大きく分けて次の3ステップです。",[142,220,221,228,234],{},[32,222,223,227],{},[224,225,226],"strong",{},"変更をステージに追加する","（コミット対象を選ぶ）",[32,229,230,233],{},[224,231,232],{},"コミットする","（変更履歴として記録する）",[32,235,236],{},[224,237,238],{},"必要に応じて過去の履歴を確認・復元する",[240,241,245],"pre",{"className":242,"code":243,"language":244,"meta":169,"style":169},"language-bash shiki shiki-themes github-light github-dark","# 変更したファイルの状態を確認する\ngit status\n\n# 変更をステージに追加する\ngit add ファイル名\n# すべての変更を追加する場合\ngit add .\n\n# 変更履歴として記録する\ngit commit -m \"変更内容が分かるメッセージ\"\n\n# これまでの履歴を確認する\ngit log\n","bash",[246,247,248,257,267,273,279,290,296,306,311,317,332,337,343],"code",{"__ignoreMap":169},[249,250,253],"span",{"class":251,"line":252},"line",1,[249,254,256],{"class":255},"sJ8bj","# 変更したファイルの状態を確認する\n",[249,258,259,263],{"class":251,"line":170},[249,260,262],{"class":261},"sScJk","git",[249,264,266],{"class":265},"sZZnC"," status\n",[249,268,270],{"class":251,"line":269},3,[249,271,272],{"emptyLinePlaceholder":182},"\n",[249,274,276],{"class":251,"line":275},4,[249,277,278],{"class":255},"# 変更をステージに追加する\n",[249,280,282,284,287],{"class":251,"line":281},5,[249,283,262],{"class":261},[249,285,286],{"class":265}," add",[249,288,289],{"class":265}," ファイル名\n",[249,291,293],{"class":251,"line":292},6,[249,294,295],{"class":255},"# すべての変更を追加する場合\n",[249,297,299,301,303],{"class":251,"line":298},7,[249,300,262],{"class":261},[249,302,286],{"class":265},[249,304,305],{"class":265}," .\n",[249,307,309],{"class":251,"line":308},8,[249,310,272],{"emptyLinePlaceholder":182},[249,312,314],{"class":251,"line":313},9,[249,315,316],{"class":255},"# 変更履歴として記録する\n",[249,318,320,322,325,329],{"class":251,"line":319},10,[249,321,262],{"class":261},[249,323,324],{"class":265}," commit",[249,326,328],{"class":327},"sj4cs"," -m",[249,330,331],{"class":265}," \"変更内容が分かるメッセージ\"\n",[249,333,335],{"class":251,"line":334},11,[249,336,272],{"emptyLinePlaceholder":182},[249,338,340],{"class":251,"line":339},12,[249,341,342],{"class":255},"# これまでの履歴を確認する\n",[249,344,346,348],{"class":251,"line":345},13,[249,347,262],{"class":261},[249,349,350],{"class":265}," log\n",[11,352,353],{"id":353},"よく使うコマンド一覧",[57,355,356,366],{},[60,357,358],{},[63,359,360,363],{},[66,361,362],{},"コマンド",[66,364,365],{},"役割",[76,367,368,378,388,398,408,418,428],{},[63,369,370,375],{},[81,371,372],{},[246,373,374],{},"git init",[81,376,377],{},"現在のフォルダをGit管理下に置く",[63,379,380,385],{},[81,381,382],{},[246,383,384],{},"git status",[81,386,387],{},"変更されたファイルを確認する",[63,389,390,395],{},[81,391,392],{},[246,393,394],{},"git add",[81,396,397],{},"変更をコミット対象に追加する",[63,399,400,405],{},[81,401,402],{},[246,403,404],{},"git commit -m \"メッセージ\"",[81,406,407],{},"変更を履歴として記録する",[63,409,410,415],{},[81,411,412],{},[246,413,414],{},"git log",[81,416,417],{},"コミットの履歴を確認する",[63,419,420,425],{},[81,421,422],{},[246,423,424],{},"git diff",[81,426,427],{},"変更内容の差分を確認する",[63,429,430,435],{},[81,431,432],{},[246,433,434],{},"git branch",[81,436,437],{},"ブランチ（作業の分岐）を確認・作成する",[11,439,440],{"id":440},"コミットメッセージの書き方",[16,442,443],{},"コミットメッセージは、後から履歴を見返したときに「何をしたか」が分かる内容にしておくと、変更履歴が資産になります。",[240,445,450],{"className":446,"code":448,"language":449,"meta":169},[447],"language-text","分かりにくい例：\nupdate\n修正\n\n分かりやすい例：\n記事一覧ページのページネーションを追加\nログインフォームのバリデーションエラーを修正\n","text",[246,451,448],{"__ignoreMap":169},[11,453,454],{"id":454},"つまずきやすいポイント",[29,456,457,462,468],{},[32,458,459,461],{},[246,460,394],{}," を忘れると、変更がコミット対象に含まれない",[32,463,464,465,467],{},"コミット前に ",[246,466,384],{}," で対象ファイルを確認する習慣をつける",[32,469,470,473,474,477],{},[246,471,472],{},".env"," など、公開したくないファイルは ",[246,475,476],{},".gitignore"," で除外設定をしておく",[157,479,480],{},[16,481,482],{},"慣れないうちは、こまめに小さくコミットすることをおすすめします。大きな変更をまとめて1回でコミットすると、問題が起きたときにどこが原因か特定しづらくなります。",[11,484,164],{"id":164},[16,486,487],{},"小さな学習プロジェクトでも、こまめにコミットする習慣をつけてみましょう。ローカルでの管理に慣れたら、次はGitHubを使って、その履歴をオンラインで共有する方法を確認します。",[489,490,491],"style",{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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":169,"searchDepth":170,"depth":170,"links":493},[494,495,496,497,498,499],{"id":205,"depth":170,"text":206},{"id":215,"depth":170,"text":215},{"id":353,"depth":170,"text":353},{"id":440,"depth":170,"text":440},{"id":454,"depth":170,"text":454},{"id":164,"depth":170,"text":164},"tutorial","Gitがなぜ必要なのか、基本の考え方とよく使うコマンドを初心者向けに整理します。",{},{"label":504,"path":505},"GitHubリポジトリの作り方を読む","\u002Farticles\u002Fprogramming\u002Fgithub-repository","\u002Farticles\u002Fprogramming\u002Fgit-basics",{"title":200,"description":501},"git-basics","articles\u002Fprogramming\u002Fgit-basics",[511,512],"Git","バージョン管理","\u002Farticles\u002Fprogramming\u002Fgit-basics.webp","ExyaTtqqf1Pk4vjFhyqzMCrvF6UpjUXpbFe8PdUtWTM",{"id":516,"title":517,"author":6,"body":518,"category":177,"contentType":500,"description":670,"draft":180,"extension":181,"featured":180,"meta":671,"navigation":182,"nextArticle":672,"path":674,"popular":180,"publishedAt":188,"seo":675,"slug":676,"stem":677,"tags":678,"thumbnail":680,"updatedAt":188,"__hash__":681},"articles\u002Farticles\u002Fprogramming\u002Fphp-basics.md","PHPの基礎｜初心者が最初に理解したい文法と使い道",{"type":8,"value":519,"toc":662},[520,524,527,530,534,548,551,554,569,625,628,631,645,648,651,654,656,659],[11,521,523],{"id":522},"phpはサーバー側で動く言語","PHPは「サーバー側で動く」言語",[16,525,526],{},"PHPは、Webサーバー上で動作するプログラミング言語です。ブラウザ上で直接動くJavaScriptとは異なり、PHPはサーバー側でデータの処理やページの組み立てを行い、その結果をブラウザに送り届けます。",[16,528,529],{},"WordPressをはじめ、多くのWebサービスの裏側でPHPが使われており、「サーバー側の処理を学ぶ入門言語」として選ばれることが多い言語です。",[11,531,533],{"id":532},"phpでできること","PHPでできること",[29,535,536,539,542,545],{},[32,537,538],{},"フォームから送信されたデータを処理する",[32,540,541],{},"データベースと連携して情報を保存・取得する",[32,543,544],{},"ログイン機能など、ユーザーごとに異なる画面を表示する",[32,546,547],{},"WordPressのテーマやプラグインをカスタマイズする",[16,549,550],{},"「ブログ運営でWordPressをカスタマイズしたい」「サーバー側の仕組みを理解したい」という人にとって、PHPは実務に直結しやすい言語です。",[11,552,553],{"id":553},"基本の文法を見てみる",[16,555,556,557,560,561,564,565,568],{},"PHPのコードは ",[246,558,559],{},"\u003C?php"," から始まります。変数には ",[246,562,563],{},"$"," をつけ、文の終わりには ",[246,566,567],{},";","（セミコロン）をつけるのが基本ルールです。",[240,570,574],{"className":571,"code":572,"language":573,"meta":169,"style":169},"language-php shiki shiki-themes github-light github-dark","\u003C?php\n\u002F\u002F 変数に名前を代入する\n$name = \"Nexorio\";\n\n\u002F\u002F 条件分岐\nif ($name === \"Nexorio\") {\n    echo \"ようこそ、\" . $name . \"さん\";\n} else {\n    echo \"はじめまして\";\n}\n","php",[246,575,576,581,586,591,595,600,605,610,615,620],{"__ignoreMap":169},[249,577,578],{"class":251,"line":252},[249,579,580],{},"\u003C?php\n",[249,582,583],{"class":251,"line":170},[249,584,585],{},"\u002F\u002F 変数に名前を代入する\n",[249,587,588],{"class":251,"line":269},[249,589,590],{},"$name = \"Nexorio\";\n",[249,592,593],{"class":251,"line":275},[249,594,272],{"emptyLinePlaceholder":182},[249,596,597],{"class":251,"line":281},[249,598,599],{},"\u002F\u002F 条件分岐\n",[249,601,602],{"class":251,"line":292},[249,603,604],{},"if ($name === \"Nexorio\") {\n",[249,606,607],{"class":251,"line":298},[249,608,609],{},"    echo \"ようこそ、\" . $name . \"さん\";\n",[249,611,612],{"class":251,"line":308},[249,613,614],{},"} else {\n",[249,616,617],{"class":251,"line":313},[249,618,619],{},"    echo \"はじめまして\";\n",[249,621,622],{"class":251,"line":319},[249,623,624],{},"}\n",[16,626,627],{},"このように、「変数」「条件分岐」「繰り返し」「関数」という考え方は、他のプログラミング言語とも共通しています。PHPで基本を理解しておくと、後から別の言語を学ぶときにも応用しやすくなります。",[11,629,630],{"id":630},"学習の進め方",[142,632,633,636,639,642],{},[32,634,635],{},"変数、条件分岐、繰り返し、配列など、基本文法を理解する",[32,637,638],{},"簡単なフォーム処理など、小さなプログラムを自分で書いてみる",[32,640,641],{},"ローカル環境（XAMPPなど）でPHPを動かしてみる",[32,643,644],{},"WordPressの仕組みと合わせて学ぶと、実践的な理解につながる",[11,646,647],{"id":647},"学ぶ前に知っておきたい注意点",[16,649,650],{},"PHPは歴史が長い言語のため、古い書き方を紹介している情報も多く残っています。学習する際は、できるだけ新しいバージョンに対応した情報や公式ドキュメントを参照することをおすすめします。",[16,652,653],{},"また、フォームから送信されたデータをそのままデータベースへ渡すと、セキュリティ上の問題（SQLインジェクションなど）につながることがあります。基礎を学んだ後は、安全な書き方についても合わせて学んでいくことが大切です。",[11,655,164],{"id":164},[16,657,658],{},"まずは、ローカル環境でPHPの簡単なコードを実際に動かしてみましょう。学んだコードは、次に紹介するGitを使って変更履歴を管理する習慣もあわせてつけていきます。",[489,660,661],{},"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":169,"searchDepth":170,"depth":170,"links":663},[664,665,666,667,668,669],{"id":522,"depth":170,"text":523},{"id":532,"depth":170,"text":533},{"id":553,"depth":170,"text":553},{"id":630,"depth":170,"text":630},{"id":647,"depth":170,"text":647},{"id":164,"depth":170,"text":164},"PHPがどんな場面で使われているか、基本の文法、学習の進め方を初心者向けに整理します。",{},{"label":673,"path":506},"Gitの基本を読む","\u002Farticles\u002Fprogramming\u002Fphp-basics",{"title":517,"description":670},"php-basics","articles\u002Fprogramming\u002Fphp-basics",[116,679],"Web開発の基礎","\u002Farticles\u002Fprogramming\u002Fphp-basics.webp","bcfMZxjcUujvbfDFPD3t9OEbkB4o1_y_HEbQTY5p0g8",{"id":683,"title":684,"author":6,"body":685,"category":177,"contentType":500,"description":982,"draft":180,"extension":181,"featured":180,"meta":983,"navigation":182,"nextArticle":984,"path":505,"popular":180,"publishedAt":987,"seo":988,"slug":989,"stem":990,"tags":991,"thumbnail":993,"updatedAt":188,"__hash__":994},"articles\u002Farticles\u002Fprogramming\u002Fgithub-repository.md","GitHubリポジトリの作り方",{"type":8,"value":686,"toc":970},[687,690,693,696,699,702,717,720,725,728,732,735,862,872,876,879,909,912,918,922,925,939,943,948,954,960,963,965,968],[11,688,689],{"id":689},"リポジトリとは",[16,691,692],{},"リポジトリ（repository）は、コードとその変更履歴を管理する場所です。GitHubは、リポジトリをインターネット上で保存・共有できるサービスで、個人開発の記録用途から、企業のチーム開発まで幅広く使われています。",[16,694,695],{},"Gitはコードの変更履歴を管理する仕組みそのもの、GitHubはその履歴をオンラインで保存・共有するためのサービスです。この2つは混同されやすいので、まずは「Gitで記録し、GitHubで共有する」という関係だと理解しておくと整理しやすくなります。",[11,697,698],{"id":698},"事前準備",[16,700,701],{},"作業を始める前に、以下が済んでいるか確認します。",[29,703,704,707,714],{},[32,705,706],{},"GitHubのアカウントを作成している",[32,708,709,710,713],{},"ローカル環境にGitがインストールされている（ターミナルで ",[246,711,712],{},"git --version"," を実行して確認）",[32,715,716],{},"公開したいプロジェクトのフォルダが手元にある",[11,718,719],{"id":719},"作成手順",[721,722,724],"h3",{"id":723},"_1-github上で新しいリポジトリを作成する","1. GitHub上で新しいリポジトリを作成する",[16,726,727],{},"GitHubにログインし、「New repository」からリポジトリを作成します。リポジトリ名、公開・非公開の設定、READMEの有無を選べます。個人の学習用であれば、最初は公開（Public）で問題ありません。",[721,729,731],{"id":730},"_2-ローカルのプロジェクトと紐づける","2. ローカルのプロジェクトと紐づける",[16,733,734],{},"すでにローカルにプロジェクトがある場合は、そのフォルダで以下のコマンドを実行します。",[240,736,738],{"className":242,"code":737,"language":244,"meta":169,"style":169},"# Gitの管理下に置く（まだの場合）\ngit init\n\n# 変更をすべてステージに追加する\ngit add .\n\n# 最初のコミットを作成する\ngit commit -m \"first commit\"\n\n# メインブランチの名前をmainに統一する\ngit branch -M main\n\n# GitHub上のリポジトリをリモートとして登録する\ngit remote add origin https:\u002F\u002Fgithub.com\u002Fユーザー名\u002Fリポジトリ名.git\n\n# GitHubへpushする\ngit push -u origin main\n",[246,739,740,745,752,756,761,769,773,778,789,793,798,811,815,820,836,841,847],{"__ignoreMap":169},[249,741,742],{"class":251,"line":252},[249,743,744],{"class":255},"# Gitの管理下に置く（まだの場合）\n",[249,746,747,749],{"class":251,"line":170},[249,748,262],{"class":261},[249,750,751],{"class":265}," init\n",[249,753,754],{"class":251,"line":269},[249,755,272],{"emptyLinePlaceholder":182},[249,757,758],{"class":251,"line":275},[249,759,760],{"class":255},"# 変更をすべてステージに追加する\n",[249,762,763,765,767],{"class":251,"line":281},[249,764,262],{"class":261},[249,766,286],{"class":265},[249,768,305],{"class":265},[249,770,771],{"class":251,"line":292},[249,772,272],{"emptyLinePlaceholder":182},[249,774,775],{"class":251,"line":298},[249,776,777],{"class":255},"# 最初のコミットを作成する\n",[249,779,780,782,784,786],{"class":251,"line":308},[249,781,262],{"class":261},[249,783,324],{"class":265},[249,785,328],{"class":327},[249,787,788],{"class":265}," \"first commit\"\n",[249,790,791],{"class":251,"line":313},[249,792,272],{"emptyLinePlaceholder":182},[249,794,795],{"class":251,"line":319},[249,796,797],{"class":255},"# メインブランチの名前をmainに統一する\n",[249,799,800,802,805,808],{"class":251,"line":334},[249,801,262],{"class":261},[249,803,804],{"class":265}," branch",[249,806,807],{"class":327}," -M",[249,809,810],{"class":265}," main\n",[249,812,813],{"class":251,"line":339},[249,814,272],{"emptyLinePlaceholder":182},[249,816,817],{"class":251,"line":345},[249,818,819],{"class":255},"# GitHub上のリポジトリをリモートとして登録する\n",[249,821,823,825,828,830,833],{"class":251,"line":822},14,[249,824,262],{"class":261},[249,826,827],{"class":265}," remote",[249,829,286],{"class":265},[249,831,832],{"class":265}," origin",[249,834,835],{"class":265}," https:\u002F\u002Fgithub.com\u002Fユーザー名\u002Fリポジトリ名.git\n",[249,837,839],{"class":251,"line":838},15,[249,840,272],{"emptyLinePlaceholder":182},[249,842,844],{"class":251,"line":843},16,[249,845,846],{"class":255},"# GitHubへpushする\n",[249,848,850,852,855,858,860],{"class":251,"line":849},17,[249,851,262],{"class":261},[249,853,854],{"class":265}," push",[249,856,857],{"class":327}," -u",[249,859,832],{"class":265},[249,861,810],{"class":265},[16,863,864,867,868,871],{},[246,865,866],{},"ユーザー名"," と ",[246,869,870],{},"リポジトリ名"," の部分は、実際に作成したリポジトリのものに置き換えてください。GitHub側でリポジトリを作成した直後の画面に、これらのコマンドがそのまま表示されることが多いので、それをコピーして使うと確実です。",[721,873,875],{"id":874},"_3-2回目以降の変更を反映する","3. 2回目以降の変更を反映する",[16,877,878],{},"一度セットアップした後は、変更のたびに次の3つのコマンドを繰り返します。",[240,880,882],{"className":242,"code":881,"language":244,"meta":169,"style":169},"git add .\ngit commit -m \"変更内容が分かるメッセージ\"\ngit push\n",[246,883,884,892,902],{"__ignoreMap":169},[249,885,886,888,890],{"class":251,"line":252},[249,887,262],{"class":261},[249,889,286],{"class":265},[249,891,305],{"class":265},[249,893,894,896,898,900],{"class":251,"line":170},[249,895,262],{"class":261},[249,897,324],{"class":265},[249,899,328],{"class":327},[249,901,331],{"class":265},[249,903,904,906],{"class":251,"line":269},[249,905,262],{"class":261},[249,907,908],{"class":265}," push\n",[16,910,911],{},"コミットメッセージは「何をしたか」が後から見て分かる内容にしておくと、変更履歴が振り返りやすくなります。",[240,913,916],{"className":914,"code":915,"language":449,"meta":169},[447],"分かりにくい例：修正\n分かりやすい例：記事一覧ページのレイアウト崩れを修正\n",[246,917,915],{"__ignoreMap":169},[11,919,921],{"id":920},"readmeを用意する","READMEを用意する",[16,923,924],{},"README（README.md）は、リポジトリを開いた人が最初に目にするファイルです。最低限、次の内容を書いておくと、後から見返したときの理解が早くなります。",[29,926,927,930,933,936],{},[32,928,929],{},"プロジェクトの目的・概要",[32,931,932],{},"使用している技術構成",[32,934,935],{},"ローカルでの起動方法",[32,937,938],{},"必要な環境変数（値そのものは書かない）",[11,940,942],{"id":941},"注意点認証情報をコミットしない","注意点：認証情報をコミットしない",[16,944,945,947],{},[246,946,472],{}," ファイルやAPIキー、パスワードなどの認証情報は、絶対にコミットしないようにします。誤ってコミットしてしまうと、GitHub上の履歴に残り続け、削除しても完全には消えない場合があります。",[16,949,950,951,953],{},"対策として、プロジェクト作成時に ",[246,952,476],{}," ファイルを用意し、以下のようなファイル・フォルダを除外設定しておきます。",[240,955,958],{"className":956,"code":957,"language":449,"meta":169},[447],".env\nnode_modules\u002F\n.DS_Store\n",[246,959,957],{"__ignoreMap":169},[16,961,962],{},"公開リポジトリにする場合は、pushする前に「個人情報や認証情報が含まれていないか」を必ず確認する習慣をつけましょう。",[11,964,164],{"id":164},[16,966,967],{},"小さな学習プロジェクトであっても、READMEとコミット履歴を残す習慣を早いうちからつけておくと、後で振り返るときにも、ポートフォリオとして人に見せるときにも役立ちます。学習が進んできたら、次はエンジニアという仕事そのものについて理解を深めていきましょう。",[489,969,491],{},{"title":169,"searchDepth":170,"depth":170,"links":971},[972,973,974,979,980,981],{"id":689,"depth":170,"text":689},{"id":698,"depth":170,"text":698},{"id":719,"depth":170,"text":719,"children":975},[976,977,978],{"id":723,"depth":269,"text":724},{"id":730,"depth":269,"text":731},{"id":874,"depth":269,"text":875},{"id":920,"depth":170,"text":921},{"id":941,"depth":170,"text":942},{"id":164,"depth":170,"text":164},"GitHubで新しいリポジトリを作り、ローカルのプロジェクトをpushする基本手順をコマンド例つきで整理します。",{},{"label":985,"path":986},"エンジニアとはを読む","\u002Farticles\u002Fcareer\u002Fengineer-basics","2026-07-29",{"title":684,"description":982},"github-repository","articles\u002Fprogramming\u002Fgithub-repository",[992,511],"GitHub","\u002Farticles\u002Fprogramming\u002Fgithub-repository.webp","i0NJaZ5xHXx1GnkC7hFG53bYcXF3aJDv0cE5tLAmdaY",1788990730070]