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