カテゴリー
サインイン 新規登録

間違いや改善の指摘

内容の技術的な誤り・誤字脱字やミスのご報告・解説やトピックの追記/改善のご要望は教材をさらに良くしていく上でとても貴重なご意見になります。

少しでも気になった点があれば、ご遠慮なく投稿いただけると幸いです🙏

実際には誤りではなく勘違いであっても、ご報告いただけることで教材のブラッシュアップにつながります。

質問ポリシー①

教材受講者みなさんのスムーズな問題解決のために、心がけていただきたいことがあります。

教材の内容に関する質問を投稿しましょう

教材の内容に関係のない質問や教材とは異なる環境・バージョンで進めている場合のエラーなど、教材に関係しない質問は推奨していないため回答できない場合がございます。

その場合、teratailなどの外部サイトを利用して質問することをおすすめします。教材の誤字脱字や追記・改善の要望は「文章の間違いや改善点の指摘」からお願いします。

1-2

vscodeをインストールしよう

vscodeをインストールしよう

本節では、統合開発環境(IDE)の1つであるvscodeをインストールします。
vscode本体だけでなく、SpringBootの開発に必要なextensionもインストールするため、すでにvscodeインストール済みの方もご確認をお願いします。

vscodeのインストール

vscodeのダウンロードページにアクセスし、Windowsのボタンをクリックします。

Image from Gyazo

ダウンロードしたexeファイルを実行します。
末尾にある1.69.1の部分はvscodeのバージョンで、ダウンロードしたタイミングによって変わりますが、教材を進めるうえで問題にはならないので気にせず実行してください。

Image from Gyazo

同意するを選択して次へをクリックします。

Image from Gyazo

vscodeのダウンロード先を指定して次へをクリックします。
ダウンロード先はデフォルトで構いません。

Image from Gyazo

スタートアップメニューにショートカットを作成するか質問されます。
そのまま次へを押してください。

Image from Gyazo

vscodeを起動しやすくするためのオプションを選択します。
デフォルトのままでも構いませんが、追加したいものがあればご自由に選択して次へを押してください。

Image from Gyazo

選択内容の確認画面が表示されます。
インストールをクリックします。

Image from Gyazo

これでインストール完了です。完了をクリックしてください。

Image from Gyazo

拡張機能のインストール

vscodeは拡張機能(extension)を追加していくことで様々な言語の開発に利用できるIDEです。
画面左側の□4つからなる拡張機能マークをクリックしてインストールを行います。

Image from Gyazo

Extension Pack for Javaのインストール

拡張機能の検索欄にExtension Pack for Javaと入力してEnterを押し、検索結果に表示されたExtension Pack for Javaのインストールをクリックします。

Image from Gyazo

Extension Pack for Javaは複数の拡張機能を束ねたセットです。
この拡張機能をインストールすることでJava開発するために最低限必要となる機能が追加されます。

インストールが完了するとインストール済みと表示されます。

Image from Gyazo

Spring Boot Extension Packのインストール

拡張機能の検索欄にSpring Boot Extension Packと入力してEnterを押します。
検索結果に表示されたSpring Boot Extension Packのインストールをクリックします。

Image from Gyazo

こちらもSpringBootの開発に必要な複数の拡張機能がセットとなっています。

インストールが完了するとインストール済みと表示されます。

Image from Gyazo

Lombok Annotations Support for VS Codeのインストール

Lombokはビルド時にソースコードを自動生成する仕組みであるため、専用の拡張機能を入れておかないと自動生成されるはずのコードをvscodeが認識できず、コンパイルエラーとなってしまいます。

拡張機能の検索欄にLombok Annotations Support for VS Codeと入力してEnterを押します。
検索結果に表示されたLombok Annotations Support for VS Codeのインストールをクリックします。

Image from Gyazo

インストール済みと表示されませんが、無効にするアンインストールが表示されていればインストール完了です。

Image from Gyazo

vscodeを再起動する

拡張機能を有効にするには一度vscodeを閉じて、再起動する必要があります。
右上の×をクリックしてウィンドウを閉じ、再度vscodeを起動してください。

以上でvscodeのインストールは完了です。お疲れさまでした。

現在のパート (0)
全パート (15)
みんなで助け合おう!
現在のパートのディスカッション 全0件