← いちらんへ もどる
Phase 0 ・ だい3かい 💻

repo を動かす

🎯 きょうのゴール
🧑‍🦰 道具(VS Code・Node・git)のインストールはおうちの人と。1回やれば、つぎからは自分でできます。
📖 まなぼう

ターミナルって何?

いつもはマウスでアイコンをクリックするけど、プログラマは文字で命令することがよくあります。その文字を打つ黒い画面が ターミナル。打ったとおりにパソコンが動きます(だい1回の「バカ正直」をおぼえてる?)。

repo(リポジトリ)って何?

repo(リポジトリ)は、1つのアプリのコードがぜんぶ入った「フォルダのかたまり」。このサイトの repo は GitHub にあります。それを自分のパソコンにコピーすることを git clone(クローン=複製)と言います。

3つの言葉だけおぼえる

✋ やってみよう

1. コードをコピーする。ターミナルでつぎを打つ(おうちの人が用意した置き場所で)。

ターミナル
$ git clone https://github.com/yo-iida/skj-docs.git $ cd skj-docs

cd は「そのフォルダの中に入る」という意味だよ。

2. 部品をそろえる。少し時間がかかるので待とう。

ターミナル
$ npm install

3. アプリを起動する。

ターミナル
$ npm run dev ▲ Next.js - Local: http://localhost:3000

こう出たら成功!ブラウザで http://localhost:3000 を開くと、いつものサイトが自分のパソコンの中で動いています。これからは、ここで自分の変更をためします。

※ 止めたいときは、ターミナルで Ctrl と C を同時押し。
💡 赤いエラーや「command not found」が出たら:その文をコピーして AI にはり、「これどういう意味?どうすればいい?」と聞こう。多くは Node や git がまだ入っていないだけ。おうちの人と一緒に直そう。
🔁 ふりかえり

これで準備はかんりょう!つぎの Phase 1・だい4かいから、いよいよ自分でコードを書いて動かします。