Eclipse TheiaでHello Spring(Java)

Eclipse TheiaにSpringのextensionを導入してコントローラとHTML作成し、ブラウザで動確するまでを試してみます。

 

1 - githubで新しいリポジトリを作成し、theiaで開く

   拡張機能ビューで『spring initializr java support』をインストール

f:id:campari-soda:20210223164725p:plain

f:id:campari-soda:20210223165418p:plain

f:id:campari-soda:20210223165516p:plain


2 - 『ctrl + shift + p』でコマンドパレットから『spring initializr:create a maven project』を実行

f:id:campari-soda:20210223165547p:plain

 

3 - ウィザードでプロジェクト設定

f:id:campari-soda:20210223165624p:plain

f:id:campari-soda:20210222000551p:plain

f:id:campari-soda:20210223165725p:plain

f:id:campari-soda:20210223165746p:plain

f:id:campari-soda:20210223165801p:plain

f:id:campari-soda:20210223165811p:plain

 

4 - dependenciesには『web』と『thymeleaf』を選択

f:id:campari-soda:20210223165933p:plain

f:id:campari-soda:20210223165956p:plain


5 - 『generate into this folder』を選択

f:id:campari-soda:20210222000956p:plain

f:id:campari-soda:20210223170059p:plain

 

6- 適当なフォルダをきってcontrollerクラスを作成

f:id:campari-soda:20210223173352p:plain

f:id:campari-soda:20210223173421p:plain

f:id:campari-soda:20210223173450p:plain

f:id:campari-soda:20210223173605p:plain


7 - htmlを作成(thymeleaf使ってないけど)

f:id:campari-soda:20210223173703p:plain

f:id:campari-soda:20210223174448p:plain


8 -  実行

f:id:campari-soda:20210223174743p:plain

f:id:campari-soda:20210223174723p:plain


9 - 変更を全てステージング

f:id:campari-soda:20210223174823p:plain


10 - 『ctrl + enter』でcommit

f:id:campari-soda:20210223174858p:plain


11 - 『ctrl + shift + p』でコマンドパレットから『git:push』、githubページをリロード

f:id:campari-soda:20210223175218p:plain

Eclipse TheiaでHello World(Java)

Eclipse Theiaを使ってJavaHello Worldして、githubにpushするところまで試してみます。

 

1 - githubで新規リポジトリ作成

f:id:campari-soda:20210221203233p:plain

f:id:campari-soda:20210223160444p:plain

f:id:campari-soda:20210223160837p:plain

 


2 - ブラウザで『https://gitpod.io/#/』 + リポジトリ作成時に表示されるURL

f:id:campari-soda:20210223160900p:plain

 

 

3 - Javaのバージョン確認してみる

f:id:campari-soda:20210223160938p:plain

 

4 - classファイル作成

f:id:campari-soda:20210223161002p:plain

f:id:campari-soda:20210223161032p:plain

f:id:campari-soda:20210223161211p:plain


※『ctrl + space』でコードアシストも可

f:id:campari-soda:20210223161142p:plain


5 - メインメソッドの上の『run』 or 『f5』キーで実行

f:id:campari-soda:20210223161333p:plain

 

6 - 『Source Control: Git』選択

f:id:campari-soda:20210223161358p:plain

 

7 - ファイル名の横の『 + 』をクリックしてステージング

f:id:campari-soda:20210223161511p:plain


8 - コミットメッセージを入力して『ctrl + enter』でコミット

f:id:campari-soda:20210223161534p:plain

f:id:campari-soda:20210223161629p:plain


9 - 『ctrl + shitp + p』のあと『git:push』と入力して『enter』でgithubにpush

f:id:campari-soda:20210223161655p:plain


10 - githubリポジトリをリロードしてpushされてることを確認

f:id:campari-soda:20210223161742p:plain