1. HOME»
  2. ソフトウェア»
  3. テキストエディタ»
  4. テキストエディタ(Visual Studio Code)をインストールしてみよう! 小学生からのプログラミング入門

テキストエディタ(Visual Studio Code)をインストールしてみよう! 小学生からのプログラミング入門

さて、今日も楽しく、プログラミングを学んでいきましょう!
今回は、プログラミングをはじめるために必要《ひつよう》な、「テキストエディタ」というソフトをインストールしてみます。

おうちのパソコンにソフトをインストールするときは、お父さんやお母さんに、ちゃんとOKをもらってからインストールしてね!

目次
  1. テキストエディタってなぁに?
  2. テキストエディタ(Visual Studio Code)をダウンロードしよう!
  3. テキストエディタ(Visual Studio Code)をインストールしよう!
  4. まとめ

テキストエディタってなぁに?

JavaScriptでのプログラミングをはじめるには、まずテキストエディタが必要《ひつよう》になります。
テキストエディタは、文字を入力したり、編集《へんしゅう》したり、保存したりすることができるソフトです。

Windows《ウィンドウズ》には「メモ帳」というテキストエディタが入っています。
もちろん、このメモ帳でJavaScriptのプログラミングをすることもできます。

りこ

メモ帳って知ってるよ! メモ帳でもプログラミングができるの?

山田

うむ……できるにはできるんだべが、メモ帳はちょっとプログラミングには向いていないんだべ

しかしこのメモ帳ですが、最低限《さいていげん》の機能《きのう》しかないので、プログラミングができないこともないですが、プログラミングに向いてはいません。

そこで、プログラミング用のテキストエディタを用意《ようい》する必要《ひつよう》があります。

さまざまなテキストエディタがありますが、ここではVisual Studio Code《ビジュアルスタジオコード》というテキストエディタを使っていきたいと思います。

アル

ビジュアルスタジオコード?

山田

うむ。マイクロソフトが作っているテキストエディタで、とっても使いやすいんだべ
もちろん、マックを使っている人も使えるべよ

もしテキストエディタについて詳《くわ》しく知りたい場合は、こちらの記事を見てください。

また、ほかにどんなテキストエディタがあるのか知りたい場合は、こちらの記事を見てください。

テキストエディタ(Visual Studio Code)をダウンロードしよう!

では、Visual Studio Code《ビジュアルスタジオコードをダウンロードしていきましょう。》

Visual Studio Codeは、こちらのサイトからダウンロードすることができます。

Visual Studio Code ダウンロードページ

上のサイトを開いたら、ダウンロードしていきましょう。

ここで気をつけたいのは、使っているパソコンに合ったVisual Studio Codeをダウンロードする必要があるということです。

使っているパソコンに合ったボタンをクリックすると、ダウンロードがはじまります。

テキストエディタ(Visual Studio Code)をインストールしよう!

さきほど、Visual Studio Codeをダウンロードしました。では、つぎにインストールしてみましょう。

ダウンロードされたものは、「ダウンロード」フォルダにあるはずです。
この「VSCodeUserSetup-XXXXXX」というのが、たった今ダウンロードしたものなので、このファイルを開きましょう。

使用許諾を読んだら、「同意する」にチェックを入れ、「次へ」をクリックします。

「次へ」をクリックします。

さらに「次へ」をクリックします。

さらにそのまま「次へ」をクリックします。

「インストール」をクリックします。

これで、インストールがはじまります。

最後に、「完了」をクリックします。

すると、Visual Studio Codeが開きます。
これでインストールの完了です。

アル

えぇ、この画面《がめん》、英語《えいご》ばっかりでよく分かんないよ

山田

たしかにそうだべな
でも、日本語《にほんご》に設定《せってい》することもできるべよ

そのやり方は、こちらの記事を見てほしいんだべ

まとめ

今回はVisual Studio Code《ビジュアルスタジオコード》のダウンロードとインストールの方法を紹介《しょうかい》しました。

りこ

うん。できたよ!

アル

ぼくも!

山田

それは良かったべ
ではわたすは、グッバイキティちゃんに会いにピュー◯ランドに行ってくるべよ

りこ

ずるい! わたしも行きたい
シナモ◯ールに会いたい

アル

ぼくもケ◯ケ◯ケ◯ッピに会いたい!

山田

いや、夢の中で行ってくるべ

りこ

……

アル

……えっ?

このシリーズの一覧はこちら

  1. 小学生からのプログラミング入門。プログラミングってなぁに?
  2. Scratchの使い方と、ゲーム作りの基礎知識を学ぼう! 小学生からのプログラミング入門
  3. Scratchでじゃんけんゲームを作ろう! 小学生からのプログラミング入門
  4. Scratchでシューティングゲームを作ろう! 小学生からのプログラミング入門
  5. Scratchでピアノ鍵盤を作って音を鳴らそう! 小学生からのプログラミング入門
  6. テキストエディタ(Visual Studio Code)をインストールしてみよう! 小学生からのプログラミング入門
  7. Visual Studio Codeを日本語化してみよう! 小学生からのプログラミング入門
  8. JavaScriptでおみくじを作ろう! 小学生からのプログラミング入門
  9. JavaScriptで今月の残り日数を計算してみよう! 小学生からのプログラミング入門
  10. JavaScriptで画像を表示してみよう! 小学生からのプログラミング入門
  11. JavaScriptで画像を移動してみよう! 小学生からのプログラミング入門
  12. 【JavaScript】キー入力でキャラを動かしてみよう! 小学生からのプログラミング入門
  13. 【JavaScript】ファイルを分けて管理してみよう! 小学生からのプログラミング入門
  14. 【JavaScript】オブジェクトを使ってみよう! 小学生からのプログラミング入門
  15. 【JavaScript】ゲームのメインループを作ってみよう! 小学生からのプログラミング入門
  16. 【JavaScript】キャラを決まった間隔ずつ動かす! 小学生からのプログラミング入門
  17. HTML5とCanvasを使ってみよう! 小学生からのプログラミング入門
  18. 【JavaScript】迷路やRPGで使えるマップを作ってみよう! 小学生からのプログラミング入門
  19. 【JavaScript】マップでキャラを動かせるようにしよう! 小学生からのプログラミング入門
  20. 【JavaScript】クラスの概念をしっかりと理解しよう! 小学生からのプログラミング入門
  21. 【JavaScript】プログラム全体をクラスを使って作ってみよう! 小学生からのプログラミング入門
  22. 【JavaScript】文字を表示するクラスを作ってみよう! 小学生からのプログラミング入門
  23. 【JavaScript】改行と一文字ずつ画面に表示する方法! 小学生からのプログラミング入門
  24. 【JavaScript】ノベルゲーム風にキー入力で文字を切り替える方法! 小学生からのプログラミング入門
  25. JavaScriptでRPGを作ろう!スマホにも対応したゲームの作り方
  26. webpackを使ってゲームエンジンを作ろう!(JSライブラリの作り方)
  27. WindowsにPythonをインストールしてみよう!小学生からのPython入門
  28. MacにPythonをインストールしてみよう!小学生からのPython入門
  29. Pythonでじゃんけんゲームを作ってみよう!小学生からのPython入門
  30. Pythonのtkinterを使って、ウィンドウを表示してみよう!
  31. Pythonのtkinterで、画像つきのおみくじゲームを作ろう!
オリジナルゲーム.com