Java Java Todo Webアプリ開発

【Java】簡単なサンプルWebアプリの作り方をコード付きで解説!

※アフィリエイト広告を利用しています。

今回のチュートリアルではサーブレットとjspを使って簡単なWebアプリケーション(Todoアプリ)を開発していく方法を解説します。

サーブレットとjspはJavaでWebアプリを開発する際に活用される技術です。
この記事を読むことでサーブレットやjspの使い方、そしてデータベースとどのように連携するのかということがわかります。

統合開発環境としてeclipseを使用します。
データベースにPostgreSQLを使用します。

Eclipseのインストールはこちらの記事を参考にしてみてください。

【関連記事】EclipseをMacにインストールする
【関連記事】PostgreSQLをMacにインストールする

その他の機能はこちらにまとめています。
ご質問等あればTwitterまでお願いします。

Eclipseでサンプルwebアプリの準備をする

EclipseでWebアプリプロジェクトの作成

アプリの開発を進める前にまずは準備をしていきます。
Eclipseを開いて新規プロジェクトを作成します。この時普通にJavaプロジェクトを作成するのではなく「その他」を選択します。

すると新しいタブが開くので「Web」の中にある動的Webプロジェクトを選択し「次へ」を押します。

プロジェクトの初期設定をするタブが出現するのでプロジェクト名を入力した後、ターゲット・ランタイムでTomcat8(Java8)を選択します。

次の画面は何もせず次へを選択します。

最後にチェックマークを入れて、完了をおします。

これでプロジェクトの作成が終わりました。次にデータベースの準備を進めていきます。

データベースの準備

次にPostgreSQLの方で設定を行なっていきます。データベースの作成を行います。

PostgreSQLがまだインストールされていない場合は、こちらの記事を参考にしてインストールしてみてください。

PostgreSQLが起動した状態でターミナルで以下のコマンドを実行します。
先頭の「$」はターミナルでコマンドを実行していることを表します。
実際に入力する必要はありません。

$ createdb tododb -O uha-blog

データベースを作成した上でテーブルの作成を行います。
先ほど作成したデータベースに接続しましょう。

$ psql -U uha-blog tododb

接続に成功すると「$」が「tododb=>」に変わります。
変わっていたら接続に成功しています。
接続した上でテーブルの作成を行います。

今回作るテーブルはそれぞれのTodo項目を管理するためのidをint型、todoをvarchar、期限を管理するtimeLimitをdate型として作成しました。

tododb=>create table todo(id SERIAL PRIMARY KEY, todo varchar(255) not null, timeLimit timestamp );

最初にデータをいくつか入れておきます。

insert into todo(todo, timeLimit) values('create todo app', '2021-06-30'), ('Read book', '2021-05-31'), ('Cook lunch', '2021-05-31');

正しくデータが入っているか確認してみます。

select * from todo;

以下のように表示されたら今回の作業は完了です。

+----+-----------------+------------+
| id | todo            | timeLimit  |
+----+-----------------+------------+
|  1 | create todo app | 2021-06-30 |
|  2 | Read book       | 2021-05-31 |
|  3 | Cook lunch      | 2021-05-31 |
+----+-----------------+------------+

挫折せずにプログラミングを学ぶために大切なこととは?

Javaなどのプログラミング言語の理解を深めるには、専門的な知識と実践的なスキルが必要となります。

プログラミング初心者の方には、プログラミングスクールの受講がおすすめです。

プログラミングスクールでは、基本的なプログラミングの概念から始まり、具体的なアプリケーション開発まで幅広いスキルを身につけることができます。

さらに現役エンジニアから指導を受けることで、実践的なスキルを身につけることもできます。

特にJavaは、Webアプリケーション開発だけでなく、エンタープライズシステムの開発にも広く使用されています。

そのためJavaのスキルを身につけることは、IT業界でのキャリアを広げる大きな一歩となるでしょう。

特におすすめなのは、月額10,780円から通うことができるFreeksです。

多くのプログラミングスクールが数ヶ月で数十万円の受講費がかかる中、Freeksでは月額制でコスパよく学習を進めることができます。

現役エンジニアに質問できる環境や就職・転職支援も受けることが可能です。

Freeksでは無料カウンセリングを行なっています。

  • Javaを学んでエンジニアになりたい
  • 挫折することなくプログラミングを学んでいきたい

という方におすすめなので、気になる方は一度公式サイト(https://freeks-japan.com/)から無料説明会に申し込んでみてください!

次回予告

次の記事ではデータベースに接続するための準備を行なっていきます。

ご質問等あればTwitterまでお願いします。

-Java, Java Todo Webアプリ開発
-, , , ,