[{"data":1,"prerenderedAt":131},["ShallowReactive",2],{"article-\u002Farticles\u002Fprogramming\u002Fprogramming-roadmap":3,"related-\u002Farticles\u002Fprogramming\u002Fprogramming-roadmap":71},{"id":4,"title":5,"author":6,"body":7,"category":51,"contentType":52,"description":53,"draft":54,"extension":55,"featured":56,"meta":57,"navigation":56,"nextArticle":58,"path":61,"popular":56,"publishedAt":62,"seo":63,"slug":64,"stem":65,"tags":66,"thumbnail":69,"updatedAt":62,"__hash__":70},"articles\u002Farticles\u002Fprogramming\u002Fprogramming-roadmap.md","未経験からプログラミングを学ぶロードマップ","Nexorio編集部",{"type":8,"value":9,"toc":42},"minimark",[10,14,18,21,24,27,30,33,36,39],[11,12,13],"h2",{"id":13},"最初に作るゴール",[15,16,17],"p",{},"未経験から学ぶ場合は、いきなり広く学びすぎると迷いやすくなります。最初のゴールは「小さなWebページを作って公開する」くらいが現実的です。",[11,19,20],{"id":20},"学習順",[15,22,23],{},"まずHTMLで構造を作り、CSSで見た目を整え、JavaScriptで動きを加えます。その後、TypeScript、Vue.js、Nuxtのように段階を上げると理解しやすくなります。",[11,25,26],{"id":26},"手を動かす量を増やす",[15,28,29],{},"動画や本を見るだけでは、分かった気持ちになりやすいです。小さなプロフィールページ、メモアプリ、記事一覧ページなどを作りながら学びます。",[11,31,32],{"id":32},"つまずいたとき",[15,34,35],{},"エラーが出たら、全文を読み、どのファイルの何行目かを確認します。AIに相談する場合も、エラー文と試したことを一緒に伝えると整理しやすくなります。",[11,37,38],{"id":38},"次の一歩",[15,40,41],{},"学習メモをGitHubに残し、作ったものを少しずつポートフォリオにまとめていきます。",{"title":43,"searchDepth":44,"depth":44,"links":45},"",2,[46,47,48,49,50],{"id":13,"depth":44,"text":13},{"id":20,"depth":44,"text":20},{"id":26,"depth":44,"text":26},{"id":32,"depth":44,"text":32},{"id":38,"depth":44,"text":38},"programming","brand","HTML、CSS、JavaScriptからWebアプリ開発まで、初心者が迷いにくい学習順を整理します。",false,"md",true,{},{"label":59,"path":60},"GitHubリポジトリの作り方を読む","\u002Farticles\u002Fprogramming\u002Fgithub-repository","\u002Farticles\u002Fprogramming\u002Fprogramming-roadmap","2026-07-29",{"title":5,"description":53},"programming-roadmap","articles\u002Fprogramming\u002Fprogramming-roadmap",[67,68],"プログラミング学習","Web開発","\u002Fog\u002Fdefault-og.png","H5scRbM0HJTloXaf3erCUQwmZAVNfccd-GwfsRJP2xg",[72],{"id":73,"title":74,"author":6,"body":75,"category":51,"contentType":118,"description":119,"draft":54,"extension":55,"featured":54,"meta":120,"navigation":56,"nextArticle":121,"path":60,"popular":54,"publishedAt":62,"seo":124,"slug":125,"stem":126,"tags":127,"thumbnail":69,"updatedAt":62,"__hash__":130},"articles\u002Farticles\u002Fprogramming\u002Fgithub-repository.md","GitHubリポジトリの作り方",{"type":8,"value":76,"toc":111},[77,80,83,86,89,93,96,99,106,108],[11,78,79],{"id":79},"リポジトリとは",[15,81,82],{},"リポジトリは、コードと変更履歴を管理する場所です。GitHubに置くことで、別の端末やチームメンバーとも共有しやすくなります。",[11,84,85],{"id":85},"作成手順",[15,87,88],{},"GitHubで新しいリポジトリを作成し、ローカルのプロジェクトにリモートURLを登録します。その後、変更をコミットしてpushします。",[11,90,92],{"id":91},"readmeを用意する","READMEを用意する",[15,94,95],{},"READMEには、プロジェクトの目的、使い方、起動方法、必要な環境を書きます。あとから見返したときの理解が早くなります。",[11,97,98],{"id":98},"注意点",[15,100,101,105],{},[102,103,104],"code",{},".env"," やAPIキーはコミットしません。公開リポジトリでは、個人情報や認証情報が含まれていないか確認します。",[11,107,38],{"id":38},[15,109,110],{},"小さな学習プロジェクトでも、READMEとコミット履歴を残す習慣を作りましょう。",{"title":43,"searchDepth":44,"depth":44,"links":112},[113,114,115,116,117],{"id":79,"depth":44,"text":79},{"id":85,"depth":44,"text":85},{"id":91,"depth":44,"text":92},{"id":98,"depth":44,"text":98},{"id":38,"depth":44,"text":38},"tutorial","GitHubで新しいリポジトリを作り、ローカルのプロジェクトをpushする基本手順を整理します。",{},{"label":122,"path":123},"エンジニア求人の探し方を読む","\u002Farticles\u002Fcareer\u002Fengineer-job-search",{"title":74,"description":119},"github-repository","articles\u002Fprogramming\u002Fgithub-repository",[128,129],"GitHub","Git","QiqNAMu9aotxfYWctVqrZZie6qjVA3QdYtMM0YdmpJs",1785483097060]