1. HOME
  2. »
  3. ソフトウェア
  4. »
  5. テキストエディタ
  6. »
  7. テキストエディタ(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で、画像つきのおみくじゲームを作ろう!

スポンサードリンク

関連コンテンツ

オススメ記事

超簡単!画面録画ソフト「EaseUS RecExperts for Mac」が使いやすい

ネットを使っているならば、必ずといっていいほど動画を目にします。パソコンを開けばまず、YouTubeを見るという方も多いのではないでしょうか。 動画は私たちの生活に欠かせないものとなっておりま

Excel

Excelの使い方。初心者でもすぐ分かる!基本を実践で完全解説

パソコンのソフトって無駄に高いですよね。。。 それなのに、学校の授業などで Microfost Office は必要となってきます。 しかし、そんなあなたに朗報です。 Office Online を

software

フリーテキストエディタ徹底比較。一番自分に合ったものを探そう!

こんにちは、@It_is_R です。 WEBページを作るときや、プログラミングをするとき、必須になるのがテキストエディタです。 よい機能を使うことで、プログラムのバグを防ぐことができます。

Vimのモードについて。それぞれどんなことができるの?

今回も、Vimを学んでいきましょう。 さて、前回も少しだけ出てきましたが、Vimのモードっていったい何なのでしょうか。ここが、普通のテキストエディタと違い、最もとっつきにくい部分かと思います。

Vimを始めたら最初に覚えておきたいコマンド一覧

作業をしようと思ってから、実際にするまで3時間かかります。@It_is_Rです。 今回は、初心者卒業向けとして、Vimを使う上で最初に覚えておきたいコマンドをまとめました。 カー

【Vim使い方】ソースを色付けしてコードを読みやすくする方法!!

普段から何も考えてない、@It_is_Rです。 Vimの使い方、第8回目です。 今回はVimを使う上で、コードを見やすくするために、ソースを色分けする方法を紹介していきます。 前回の記事

UTMでの仮想環境(Ubuntu)でWebサーバを立ち上げる方法

M1 MacではVirtualBoxがうまく動作せず、UTMを使っているのですが、UTMの情報がまだまだ少ない気がします。 さて、VPSなどで運用するサイトをお持ちの方でしたら、サーバなどの知

.vimrc でVimの設定をしてみよう!

Vimでは、何も設定しない状態だと、真っ白な画面に黒字という、とてもシンプルな状態になります。 今回は、 .vimrc というファイルを編集(作成)して、 Vimの設定をする方法を紹介します。

Vimのコマンド一覧。これだけ覚えればかなり便利に!

Vimはたくさんのコマンドがあって、すべて覚えるのはとても大変です。そこで今回は、Vimでこれだけ覚えれば、かなり便利に使えるようになるコマンドを一覧にしました。 新規作成、保存、終了

office

WordやExcel、PowerPointなど、Officeを無料で使う方法

学校などで、WordやExcelを使って提出物を作らなければいけないことはありませんか? Microsoft Officeの購入を考えている方もいるかもしれません。しかし、今後使用するかどうかも分か

コメントを残す(コメントは承認後に反映されます)

メールアドレスが公開されることはありません。