https://spring.io/toolsプロジェクトの作成STSがダウンロード出来たら、まずはSTSを起動します。起動したら、メニューから「File」→「New」→「Project」を選択します。Projet」を選択して、「Next」ボタンを押します。Project」という画面に切り替わります。この画面の「Name」にProject名を設定して、他は初期値で「Next」ボタンを押します。Dependencies」という画面に切り替わります。Projectで使用するライブラリが選択出来るので必要に応じてチェックを入れていきます。ここで選ばなくてもあとで追加できるので、分からない時はひとまずそのままで良いです。database」、ビューのテンプレートに「Thymeleaf」を利用します。「Finish」ボタンを押せばProjectが出来上がります。このProjectに作り込みながら説明していこうと思います。表示するための処理クラスと画面ファイルを準備するまずは起動して画面を表示するまでを作成していきます。作成しますので、Controllerから準備します。Projectの「src/main/java」の「com.example.demo」の下に「controller」のディレクトリを作成し、この中に処理を実行するControllerクラスを作成します。ここでは「ProgramController」とします。合わせて、「src/main/resouces」の「templates」の中に表示する画面ファイルを作成します。ここでは「list.html」とします。ディレクトリ構成は以下の画像のようになります。処理クラスの中身を作成する次に表示をさせるための処理を書いていきます。ProgramControllerの中身は以下のように記述します。MVCではControllerクラスに「@Controller」または「@RestController」のアノテーションを指定します。「@Controller」は主に戻り値にview(html)を返す時に使用します。Webページのやりとりはこちらがメインになるかと思います。対して、「@RestController」は主に戻り値にJsonやXMLを返す時に使用します。APIのサーバや文字列返却などに使用したい時はこちらの指定になるかと思います。今回はWebページで表現したいので、「@Controller」を利用します。次に処理したいメソッドに対して「@RequestMapping」でURLのパスを指定します。今回は「(”list”)」としているので、アプリケーションを起動した時に「http://localhost:8080/list」のURLで「list()」メソッドが実行されるようになります。「8080」はポート番号です。初期設定で進めていればこの番号となりますが、変更している場合は適宜置き換えてください。画面ファイルの中身を作成する次に、表示する画面ファイルを準備します。「list.html」として以下のように記述します。</table>23</body>24</html>現時点ではただ表示するだけの画面となっています。ここまで出来た状態で、実際に起動して画面表示出来るかを試します。bootアプリケーションが起動します。起動後、コンソールにログがたくさん流れていきます。「http://localhost:8080/list」のURLをたたいてみてください。すると準備したhtmlの画面が表示されるかと思います。ここまでで、画面表示までの準備が出来ました。この画面の状態からデータベースでの取得が出来るように肉付けしていきたいと思います。データベースについては次回まとめていきたいと思います。/(株)ライトコードは、WEB・アプリ・ゲーム開発に強い「好きを仕事にするエンジニア集団」です。WEB・アプリ開発依頼、お見積もりはこちらまでお願いします。WEB・スマホ系エンジニアを積極採用中です!※現在、多数のお問合せを頂いており、返信に、多少お時間を頂く場合がございます。技術力で世の中をもっと面白くエンジニア積極採用中!ライトコードでは、エンジニアを積極採用中!ライトコードでは、エンジニアを積極採用しています!社長と一杯しながらお話しする機会もご用意しております。そのほかカジュアル面談等もございますので、くわしくは採用情報をご確認ください。採用情報へあっきー(エンジニア)元ファストフード店長代理のJava系ITエンジニア。現在はAndroidアプリ開発を主に担当したり。休みの日はゲームとか風景写真撮りに行ったりとかマラソンしたりとか。Studioモリ(エンジニア)2024.10.31immichを知ってほしいIT技術immichキムくん(エンジニア)2024.10.31ブログ一覧エンジニア大募集中!ライトコードでは、エンジニアを積極採用中です。WEBエンジニアとモバイルエンジニアは是非ご応募お待ちしております!また、フリーランスエンジニア様も大募集中です。