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ビジュアルスタジオコードのダウンロードとインストールの方法を紹介しょうかいしました。

山田

テキストエディタはインストールできたべか?

りこ

うん。できたよ!

アル

ぼくも!

山田

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

りこ

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

アル

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

山田

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

りこ

……

アル

……えっ?

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

小学生からのJavaScript入門

  1. テキストエディタ(Visual Studio Code)をインストールしてみよう! 小学生からのプログラミング入門
  2. Visual Studio Codeを日本語化してみよう! 小学生からのプログラミング入門
  3. JavaScriptでおみくじを作ろう! 小学生からのプログラミング入門
  4. JavaScriptで今月の残り日数を計算してみよう! 小学生からのプログラミング入門
  5. JavaScriptで画像を表示してみよう! 小学生からのプログラミング入門
  6. JavaScriptで画像を移動してみよう! 小学生からのプログラミング入門
  7. 【JavaScript】キー入力でキャラを動かしてみよう! 小学生からのプログラミング入門
  8. 【JavaScript】ファイルを分けて管理してみよう! 小学生からのプログラミング入門
  9. 【JavaScript】オブジェクトを使ってみよう! 小学生からのプログラミング入門
  10. 【JavaScript】ゲームのメインループを作ってみよう! 小学生からのプログラミング入門
  11. 【JavaScript】キャラを決まった間隔ずつ動かす! 小学生からのプログラミング入門
  12. HTML5とCanvasを使ってみよう! 小学生からのプログラミング入門
  13. 【JavaScript】迷路やRPGで使えるマップを作ってみよう! 小学生からのプログラミング入門
  14. 【JavaScript】マップでキャラを動かせるようにしよう! 小学生からのプログラミング入門
  15. 【JavaScript】クラスの概念をしっかりと理解しよう! 小学生からのプログラミング入門
  16. 【JavaScript】プログラム全体をクラスを使って作ってみよう! 小学生からのプログラミング入門
  17. 【JavaScript】文字を表示するクラスを作ってみよう! 小学生からのプログラミング入門
  18. 【JavaScript】改行と一文字ずつ画面に表示する方法! 小学生からのプログラミング入門
  19. 【JavaScript】ノベルゲーム風にキー入力で文字を切り替える方法! 小学生からのプログラミング入門
  20. JavaScriptでRPGを作ろう!スマホにも対応したゲームの作り方
  21. webpackを使ってゲームエンジンを作ろう!(JSライブラリの作り方)

小学生からのプログラミング入門

  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入門

スポンサードリンク

関連コンテンツ

オススメ記事

【Vim使い方】これさえ覚えれば使える!!文字入力の基本操作。

宇宙一のひねくれ者、@It_is_Rです。 Vimの使い方、第4回目となりました。 今回は、Vimを使った文字入力の基本についてを記事にしました。 ちなみに、前回の記事はこちらになります。 この記

Vimで括弧とクォーテーションの最強補完機能を自作しよう!

普段、テキストエディタとして、私はVimを使っています。括弧の補完機能を便利にしたいと思い、今回はそれを自作してみようと思います。 今回作成する補完機能について 今回作る、括弧や

UTMでM1 MacにWindows11の仮想環境を構築する方法

みなさんこんにちわ。@It_is_Rです。 UTMはM1 Macでも使える仮想化ソフトです。今回はUTMを使って、M1 MacにWindows11の仮想環境を構築していきたいと思います。

YouTubeのおすすめやコメントを非表示にする方法。もう時間を無駄にしたくない!

YouTubeを見ていると、つい時間を無駄にしてしまうことってありますよね。気がつくと時間が過ぎていて、あとから、全然作業進んでない……ってなる方も多いと思います。 そんなときは、Chrome

超便利! Chrome拡張機能Google翻訳

ChromeでGoogle翻訳の拡張機能を使おう。英語サイトも怖くないぞ!

翻訳アプリがあるのに、学校で英語を学ぶ意味って一体何なんだろうと思います。@It_is_Rです。This is a penって分かっとるわ。 私はプログラミング系のサイトをよく見るのですが、そ

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

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

vim-airlineの使い方と設定方法。Vimのステータスバーを最強に!

なんてちっぽけで なんて意味のない なんて無力な@It_is_Rです。©️尾崎豊 Vimのステータスバーをかっこよくしたいと思い、vim-airlineを使ってみたのですが、日本語

vim

Vimのインストールと、環境変数にPathを設定する方法【Windows】

Vimは、多くの方が使っているものとはちょっと違った、高機能なテキストエディタです。 一見とても使いづらいように思えますが、これに慣れてしまうと他のテキストエディタを使えなくなってしまうほど、Vim

Windowsでパーティション管理。MiniTool Partition Wizardの使い方

パーティションは、複数作成することで、マシンやOSごとに領域を使い分けることができ便利なのですが、パーティションを管理するのは、すこし大変な面もあります。 パーティションを作成したいとき、削除

【Vim使い方】Vimの画面を分割して使う方法。画像付きで分かり易く!

ブログの正式タイトルが、英語表記からカタカナ表記に変更になりました。 それに合わせてロゴも作っていこうと思っています。@It_is_Rです。 皆さんブログのタイトルに興味はないと思うので、本題に移ろ

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

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です