developer's summit 夏　enterpriseted 資料

SummitDevelopers

Developers Summit 2013 SummerCopyright (C) 2013 Atsushi Takayasu All Rights Reserved.

設計要素マラソン！～DevOps and Mobile～

高安厚思株式会社ビッグツリーキャピタル

B5#natsumiB5

SummitDevelopers


前提条件

• 消化不良になります！

• すべてのプロジェクトにはあてはまりません

• 基本設計（仕様）と呼ばれる工程が対象

• Webを利用した基幹システムプロジェクトが一番長いキャリアです

• 本業はアーキテクトですが、アーキテクチャについては今回語りません！

1 0 分間で話すのに前提条件もありませんが・・・

SummitDevelopers


本日のマラソンコースのご紹介

アジェンダです。

全体の把握共通設計

5km

3km

機能仕様

画面遷移図10km

15km20km

25km

30km35km40km

画面一覧

画面レイアウト

イベント一覧

項目一覧

帳票設計外部連携設計

DB設計アーキテクチャ設計との関係

SummitDevelopers


設計の前におこなうこと

スタート！

SummitDevelopers


競技場スタート（システム全体の把握）

設計をする場合、まず全体の把握をしましょう。システム鳥瞰図などを確認します。

SummitDevelopers


競技場周回（共通設計）

• 画面共通（レイアウト・遷移パターン）

• 帳票共通（改ページ、改行方法）

• DB共通（データ辞書、ドメイン、キー戦略）

• バッチ共通（トランザクション、リラン）

実際の設計に入るまえに、各要素の共通設計をおこなうとスムーズです。

SummitDevelopers


設計の開始

一般道へ

SummitDevelopers


3km地点（機能仕様）

機能仕様は、粒度を整え、複雑性を把握する！

勤怠入力時間外計算

オンライン機能バッチ機能

勤怠情報

時間外情報

時間外一覧

給与計算用時間外情報出力

バッチ機能勤怠管理

SummitDevelopers


5km地点（画面設計‐画面遷移図）

入出力設計の大物である、画面設計です。

SummitDevelopers


10km地点（画面設計‐画面一覧）

画面の詳細に入る前にいくつ設計すればよいかを把握するために準備します。

# ID 名称画面分類参照・更新種別

関連する主たるデータ

説明

1S-PRO-001-1 商品登録画面単一登録 - 商品単一の商品を登録する画面

2S-PRO-001-2 商品登録確認画面確認更新商品登録された商品の確認画面

3S-PRO-001-3 商品登録完了画面完了 - 商品登録完了画面

関連する機能ID ユーザ数・アクセス頻度

利用タイミング画面への表示量（件数）

スクロールの有無

ページングの有無

タブページの有無

F‐PRO‐0001 数名日中 1× × ○

F‐PRO‐0001 数名日中 1× × ×F‐PRO‐0001 数名日中 1× × ×

SummitDevelopers


15km地点（画面設計‐レイアウト）

画面ひとつずつの役割や利用されるシーン、使い勝手を意識してレイアウトを設計します。

SummitDevelopers


20km地点（画面設計項目設計）

項目を設計します。

# ID 項目名称ラベル部品種類入出力区分有効無効入力可不可型桁

1MEM‐01‐01 name 氏名テキストボックス入力有効可文字列 202MEM‐01‐02 post_code 郵便番号テキストボックス入力有効可数字 73MEM‐01‐03‐1 address1 住所1 テキストボックス入力有効可文字列 1284MEM‐01‐03‐2 address2 住所2 テキストボックス入力有効可文字列 128

フォーマット表示フォーマット繰り返しレベルソート順必須チェックの有無型チェックの有無

全角半角まじり入力文字フォーマット1 ‐ ‐ ‐ ○ ○

数字入力文字フォーマット1 ‐ ‐ ‐ ○ ○

全角半角まじり入力文字フォーマット1 ‐ ‐ ‐ ○ ‐全角半角まじり入力文字フォーマット1 ‐ ‐ ‐ ○ ‐

桁チェックの有無説明初期表示備考

○ 会員の氏名空白 ①

○ 会員の郵便番号空白 ②‐ 会員の住所1（都道府県、市区町村まで）空白 ③‐ 会員の住所2（番地以降）空白 ③

SummitDevelopers


25km地点画面設計（イベント設計）

画面にある部品を操作した場合の動作について記述する。

# ID 名称項目ID 項目名操作区分処理区分画面遷移機能ID

1MC‐01‐E2 住所検索

MEM‐01‐06 住所検索クリック外部非同期なし

FC‐P‐001 郵便番号住所検索

入力出力説明

MEM‐01‐02 名称postcodeに入力されている値

FC‐P‐001 郵便番号住所検索で戻された値がエラーでない場合はMEM‐01‐03‐1 名称address1に戻ってきた値を出力

MEM‐01‐02の値を取得し、数字3桁‐数字4桁の形式チェックを行い、チェックがOKであればFC‐P‐001を非同期で呼び出す。戻ってきた値がエラーでなく、空文字列でない場合は、MEM‐01‐03‐1の値として出力。エラーまたは文字列である場合はなにもしない。チェックエラーの場合はエラーメッセージ領域にエラーメッセージ MSG‐FC‐P‐E01を表示

SummitDevelopers


給水ポイント

• 帳票設計

– 帳票一覧、帳票詳細（レイアウト・項目一覧）

• 外部連携設計

– 外部連携一覧、連携インタフェース項目

• この設計では方式も重要

帳票設計、外部連携設計などもありますが詳細は省略します。

SummitDevelopers


35km地点（DB設計）

D B 設計は重要ですが、整合性をとることができるかが大きなポイントです。

ER図

カラム名 (物理名) 型長さ小数ドメイン PK NOT NULL UNIQUEID number 10 0 ID ○ ○

LAST_NAME varchar2 32 氏名 ○

FIRST_TIME varchar2 32 氏名 ○

MAIL_ADDRESS varchar2 256 メール

テーブル定義書自動生成可能

SummitDevelopers


40km地点（処理詳細設計）

機能単位に入出力情報を元に処理の詳細を記述する。

入力条件処理パラ

メータ

会員種別

商品種別

購入金額割引送料

#

一般

シルバー

ゴールド

在庫商品

メーカー直送品

取り寄せ商品

三千円以下

三千円～五千円

五千円～一万円

一万円以上

なし

5% 10% 無料

三百円

1○ ○ ○ ○ ○2○ ○ ○ ○ ○3○ ○○ ○ ○4○ ○ ○ ○ ○

入力マトリクス

SummitDevelopers


競技場に戻ってきました！

最後に次につなげるために・・・

SummitDevelopers


ラストスパート（アーキテクチャ設計との関係）

設計要素の最後に、アーキテクチャとの関係について

機能仕様

設計要素

アーキテクチャ要素

システム・基盤機能

アプリ機能詳細設計成果物

あるいはプログラムコード

SummitDevelopers


ゴーーール！（最後に）

• 設計のキーワードは「粒度」、「網羅的」、「整合性」です！

• DevOpsを検討する場合でも、全体像を知り、要素を知る

• そして、「試行錯誤するための計画」を作り、試行錯誤する

• その中で何かが見つかるはず！

お疲れ様でした。

SummitDevelopers


プロジェクトで活かしていただければ・・・

プレゼントがあります！

SummitDevelopers


プレゼントでした（追加スライド）

差し上げた 3 名の方 ^ ^ うまく利用してくださいね！

システム設計の謎を解く高安厚思

http://www.amazon.co.jp/gp/product/4797358181/

developer's summit 夏 enterpriseted 資料

Documents

developer's summit 夏　enterpriseted 資料