Java Java Todo Webアプリ開発

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

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

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

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

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

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

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

挫折せずにプログラミングを学ぶために必要なこと

僕はプログラミングで挫折した経験があります。

それは周りに聞ける人がいなく、一人でエラーと戦っていたからです。

Freeksは月額10,780円という破格の値段で、現役エンジニアに質問する環境を手に入れることができるプログラミングスクールです。

次のような悩みを少しでも抱えていたら、まずは無料カウンセリングを受けてみてください。

  • エラーを一人で解消できない
  • このまま勉強を続けて本当に就職できるかわからない
  • プログラミングスクールは高額すぎて通えない
  • 申込みは1分でできます。学習する環境にお金を使うというのは良い自己投資になります。
    >>Freeksの無料カウンセリングはこちら

    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 |
    +----+-----------------+------------+

    次回予告

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

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

    挫折せずにプログラミングを学ぶためには?

    挫折せずにプログラミングを学ぶために必要なこと

    僕はプログラミングで挫折した経験があります。

    それは周りに聞ける人がいなく、一人でエラーと戦っていたからです。

    Freeksは月額10,780円という破格の値段で、現役エンジニアに質問する環境を手に入れることができるプログラミングスクールです。

    次のような悩みを少しでも抱えていたら、まずは無料カウンセリングを受けてみてください。

  • エラーを一人で解消できない
  • このまま勉強を続けて本当に就職できるかわからない
  • プログラミングスクールは高額すぎて通えない
  • 申込みは1分でできます。学習する環境にお金を使うというのは良い自己投資になります。
    >>Freeksの無料カウンセリングはこちら

    Freeks公式サイトはこちら>>>

    【関連記事】Freeks評判、口コミ

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