※本サイトで紹介している商品・サービス等の外部リンクには、アフィリエイト広告が含まれる場合があります。

2-6. Visual Studio Code を利用した方法

2023年6月19日

概要

コードエディターは、プログラムのソースコードを記述や編集することを目的として設計されているテキストエディタです。
コードエディター およびそのプラグインによるソースコード記述時の補完機能などにより、通常のテキストエディタを使用するよりもより効率的に作業が進められます。

コードエディターの例

いわゆるフリーのコードエディターとして以下などがあります。

Visual Studio Code (Windows, Linux, macOS) : マイクロソフト ソフトウェア ライセンス条項
https://code.visualstudio.com/

Notepad++ (Windows) : GNU General Public License 3.0
https://notepad-plus-plus.org/

Notepad++ での方法については別のページに記載します。

準備

VS Code で実行する際は、Java 実行環境とコマンドラインコンパイラを準備しておく必要があります。(パスが通ってる必要があります。)

それぞれ以下をご参照ください。

Visual Studio Code (VS Code) のインストールと Extensions の準備

Visual Studio Code (VS Code) のインストールから、Extensions の準備までを記載します。

  1. VS Code のダウンロード
    以下のページにアクセスし [Download for Windows] をクリックします。
    https://code.visualstudio.com/
Visual Studio Code のダウンロードサイト

  1. 本稿更新時点では、VSCodeUserSetup-x64-1.85.1.exe がダウンロードできました。

    以降、VSCodeUserSetup-x64-1.79.2.exe 時のスクリーンショットとなりますが最新版でも同様です。
VS Code ダウンロード中の画面

  1. ダウンロード後、VSCodeUserSetup-x64-1.79.2.exe をダブルクリックしてインストールします。

  1. インストール後、VS Code を実行します。
Visual Studio Code の起動

  1. 左側の Extensions をクリックします。
Visual Studio Code - Extensions

  1. Extensions の検索ボックスで kotlin と入力して Enter を押します。
  2. 表示された [Kotlin Language] をクリックし、[Install] をクリックします。
Visual Studio Code - Kotlin Language Extension

  1. 再度、Extensions の検索ボックスで [code runner] と入力して Enter を押します。
  2. 表示された [Code Runner] をクリックし、[Install] をクリックします。
Visual Studio Code - Code Runnter Extension

  1. これで VS Code側の準備も完了です。

VS Code でコードの記述と実行

  1. [File] – [New Text File] で新規ファイルを開始します。
  2. [Select a language] をクリックし、[Kotlin] を選択します。
    Kotlin が表示されない場合は上記の Extensions がインストールされていないか有効となっていないなどが考えられます。
  3. 以下の内容を記載し、例えば C:¥KotlinSample\hello_VSCode.kt として保存します。
fun main() {
    println("Hello, world!")
}
  1. 編集領域の空いている部分を右クリックして [Run Code] を実行します。
    キーボードショートカットは、Ctrl + Alt + n です。
    キーボードショートカットのほうが慣れると早いと思います。
編集領域の空いている部分を右クリックして [Run Code] を実行
  1. 下のほうに実行時の様子・出力が表示されます。
    実行時にエラーとなるようであれば、コマンドラインコンパイラ Java の実行環境の準備ができているかについてもご確認ください。
Visual Studio Code - Hello World 実行結果

[Code language not supported or defined.] のエラーとなる場合は、ファイルが保存されていないと考えられます。
タブの部分にコードの1行目と、Untitiled-xx となっていると保存されていません。
.kt の拡張子でファイルを保存してから Run Code を実行しなおすとうまくいきいます。

ファイルが保存されている場合は、タブにファイル名が表示され、その下に階層 (パンくずリストのような) が表示されます。

ファイルが保存できている場合

VS Code の日本語化

VS Code は公式の Extension を使って日本語化できます。

日本語化が必要な場合は、Extentions から Japanese で検索して、[Japanese Language Pack for VS Code] をインストールして、VS Code を再起動してください。