Hiroshiの開発ブログ Java Servlet版のトップ画面

Java Servlet / JSP / JDBCを使用して開発した、個人用のブログWebアプリケーションです。

これまでの在庫管理アプリ・つぶやきアプリは、既存アプリの移植や教材のサンプルアプリを出発点としていましたが、 本作品は要求分析・画面設計・データベース設計から自分で考えた、完全オリジナルのアプリケーションです。 WordPress.comで運用していた開発ブログを、本アプリへ置き換えました。

主な機能

  • 投稿一覧表示
  • 投稿作成
  • カテゴリー選択
  • Bootstrapによるレスポンシブ対応レイアウト
  • 管理上の理由による、メイン画面(表示側)と管理画面(投稿側)の分離

使用技術

HTML / CSS / Bootstrap 5 / Google Fonts / Java 21 / Jakarta Servlet 6.1 / JSP / JSTL 3.0 / JDBC / PostgreSQL / Maven / Apache Tomcat 10.1 / Heroku / Heroku Postgres

Ver.1.0.0で取り組んだこと

  • 要求分析・画面設計・データベース設計をすべて自分で構築
  • USERS / CATEGORIES / POSTSの3テーブルによる正規化されたDB設計
  • Servlet → BO(ビジネスロジック) → DAO → Modelによる責務の分離
  • DatabaseConnectionクラスによるDB接続処理の一元化
  • 環境変数によるローカル環境・Heroku環境の接続切り替え
  • JSTLを用いたカテゴリー選択プルダウンの実装
  • Bootstrap 5によるレスポンシブレイアウト(スマホは全幅、PCは中央寄せ)
  • Google Fontsを用いた見出しスタイルの調整
  • 管理上の理由から、投稿の表示(メイン画面)と作成(管理画面)を別のServlet・JSPとして分離
  • Webapp Runner / ProcfileによるHerokuへのデプロイ

VERSION HISTORY

Ver.1.0.0
  • 投稿一覧表示・投稿作成・カテゴリー選択機能を実装
  • PostgreSQL対応、Heroku Postgresへのデプロイ
  • Bootstrap 5によるレスポンシブレイアウト
  • 初回リリース