小規模IT開発企業の新人教育向けに作成したWebアプリケーション開発のスライドです。Java + Spring Frameworkをターゲットとしています。

1. 勉強会 第 2 回

2. 目次
•ご連絡
•第１回目の振り返り
– １． Java をクライアント側で動作させるには
– ２．オブジェクト指向の基本概念
– ３．前回の課題解説
•第２回 Web アプリケーションを構築する
には
•課題

3. ご連絡
勉強会用の情報共有や日程調整には、
サイボウズ Live を使おうと思います。
勉強会はコミットしていく場所にしたいで
す。
積極的な投稿をお願いします。
https://cybozulive.com/login

4. 第１回目の振り返り

5. JDK と Eclipse （ Pleiades ）の環境構築
• Java でクライアント環境を作るにはいくつ
か方法があります。
– JDK をインストールして、テキストエディタ
とコマンドラインで開発する。
– Eclipse をインストール（ Pleiades がおすす
め）
• http://mergedoc.osdn.jp/index.html#/pleiades.html
– NetBeans をインストール
– Spring Tool Suite を使う
• http://projects.spring.io/spring-framework/

6. オブジェクト指向の基本概念
• オブジェクト（インスタンス）
• インスタンス変数（メンバー変数）
• メソッド
• コンストラクタ
• オーバーロード
• 静的変数（クラス変数、 static 変数）
• クラスメソッド（ static メソッド）

7. オブジェクト指向の基本概念
• カプセル化
• 継承
• 多態性（ポリモーフィズム）

8. Java でオブジェクト指向
• カプセル化
– メンバー変数をアクセス指定することで実現
• public
• private
• protected
• アクセス指定なし

9. Java でオブジェクト指向
• 継承
– extends で実現
• 多様性
– インタフェースを統一する。そして、オブ
ジェクトの型をキャストすることにより実現

10. Java でオブジェクト指向
• 継承
– extends で実現
• 多様性
– オブジェクトの型をキャストすることにより
実現

11. 第 1 回目 課題
• まず、自分のうちでプログラムを作れる環境作る。
• java.util.ArrayList を使って違うクラスのインスタンスが格納されている List
データを作成し、内容を標準出力に書き出すプログラムを作成する。
• java.util.HashMap を使って違うクラスのインスタンスが格納されているマッ
プデータを作成し、内容を標準出力に書き出すプログラムを作る。
• 列挙型を用いたプログラムを作成してください。
• 自分で Exception クラスを継承した例外を作成して例外処理を行うプログラ
ムを作成する。
• File へのテキスト文字の入出力をするプログラムを
BufferedReader 、 BufferedWriter を使って作成する。
• File への入出力が nio パッケージを用いてできるか、プログラムを作成して
みなさい。
• JDBC を用いてクライアントに MySQL をインストールして、テーブルへの選
択、挿入、更新を行う。

12. 課題１：ｊ ava.util.ArrayList
• java.util.ArrayList は、長さに制限がない動
的なリスト構造
• 親クラス Employee 、子クラス
Engenner 、子クラス Sales を使って作成
• 親クラスは抽象クラスで作成
• instanceof 演算子を使って子クラス特有な
処理を分けてみた
• 継承とポリモーフィズムの例

13. 課題 2 ： java.util.HashMap
• ｊ ava.util.HashMap をつかう。 Map とは
データにキー（索引）を使ってアクセスす
る辞書のようなもの
• 課題１と同じデータ構造をつかう
• 順番にアクセスしてとりだすことができる
• キーを指定して１つだけデータを取り出す
こともできる

14. 課題 3 ：列挙型
• 列挙型は定数を管理する特殊なクラス
• 自動的に Enum 型を継承、いくつかのメ
ソッドが使えます
• コンストラクタに制限がかかっており自分
で New できない
• データベースのコードと画面表示名を対応
づけて管理する場合に便利

15. 課題 4 ：自作 Exception
• チェック付例外を継承して、自分のアプリ
ケーション固有のエラー出力処理をする。

16. 課題 5 ：
BufferedReader 、 BufferedWriter
• 新しいバージョンの Java であれば、 try
with Resource 文を使いましょう。古いバー
ジョンであれば、 finally で確実にクローズ
するのを忘れない。

17. 課題 6 ： NIO
また、次回にでも。。

18. 課題７： MySQL へデータアクセス
• 下記から MySQL をダウンロードして
Windows にインストールしてください。
http://dev.mysql.com/downloads/

19. 第２回
Webアプリケーションを
構築するには

20. Web アプリケーションの構造
Web ブラウザ
Java Script Client
Web サーバ アプリケーション
サーバ
データベース
サーバ
HTTP/HTTPS TCP/IP
TCP/IP

21. Web ブラウザ
Java Script Client
Web サーバ アプリケーション
サーバ
データベース
サーバ
HTTP/HTTPS TCP/IP
TCP/IPCSS
HTML
ECMAScript
HTTP 仕様
TCP/IP 仕様
アプリケーション
サーバの設定
データベース
サーバの設定
SQLWEB
サーバの設定
FireFoxDeveloperTool
Eclipse
各種データベース
管理ツール
テーブル論理設計
MVC モデル
MVC モデル
トランザクション設計

22. Web ブラウザ
Java Script Client
Web サーバ アプリケーション
サーバ
データベース
サーバ
HTTP/HTTPS TCP/IP
TCP/IP
SQL
Eclipse
MVC モデル
学ぶことは多種多様ですが、
一番初めの一歩はこの２点がよいのでは

23. MVC モデルってなに？
画面遷移
の コント
ロールなど
コントローラー
表示制御
ビュー
ビジネス
ロジック
モデル

24. MVC モデルってなに？
プレゼンテーション層 データアクセス層
表示制御
サービス
ビジネスロジック
層
DTO
DAO
ドメイン
Web
ブラウザ

25. Spring って何？
• 一言でいうなれば DI コンテナという技術
• MVC モデルの各部品どおしを「弱い依存関係」にし
てくれる技術
やり方１： 設定ファイルでガチガチに定義
やり方２： Java の言語仕様、アノテーションを使って楽
に設定
やり方３： メソッド名のルールで自動的に対応
• 「横断的な関心ごと」を MVC モデルの部品から切
り離してくれる技術
横断的な関心ごと１： トランザクション管理
横断的な関心ごと２： ログ書き出し

26. Spring Framework
Spring Data Spring Roo
Spring
Web
Service
Spring
Mobile
Spring
Security
Spring AOP Spring MVC Spring Web
Flow
Spring
Integration
Spring
Batch
Spring Framework(Core)
単なる DI コンテナから、大規模な統合フレームワークに発展
今回の課題では、赤枠の部分を上手く使いましょう

27. 課題
ローカル環境に Tomcat と Spring が動作する
環境を作成してください。
次の要件を持つ Web サンプルアプリケー
ションを SpringMVC を使って作成しましょう
。

28. 要件： クレジットカード番号データ更新、
検索システム
１．データ入力画面
氏名
生年月日
クレジットカード番号 ( 番号１６ケタ）
カードタイプ （ VISA,JCB ）
カード有効期限
※ 入力検証はかけること
２．検索画面
ー検索項目 氏名、クレジットカード番号、カード有効期限の
範囲
３．レコード削除
検索一覧にてレコードを選択して削除

29. 作る手順としては
１．はじめに画面の HTML を作成
２．データベースのフィールド長を決めてテーブルを
作成
３． Java の Model クラスを作成
４・ DB と Model のアクセスの仕方を考える
４． Java の入力検証部分を実装
５．コントローラの部分を考える
Spring の設定
６． １で作成した HTML に View のコードを埋める

30. 課題
業務をやりながら、 Java の資格なんかもや
りながらやったら２か月くらいかかるかも。
。
サイボウズに進捗、質問はアップしてくださ
い。
コードまとまったら Git にコミットしましょ
う。

31. 参考書籍
• Spring MVC/ROO プログラミング入門
秀和システム
• Spring3 入門
～ Java フレームワーク・より良い設計とアーキ
テクチャ～
技術評論社