スクラムを実践的に学習する企画

# このページについて
スクラム経験者が、経験の無い(または少ない)メンバに向けて教育する為の体験プログラムです。
1日30分を1カ月(4 Sprint)かけて実施します。

スクラムイベントを「知る」⇒「慣れる」⇒「SMフォローの元、自分達で回せる」⇒「自分達で回せる」まで成長出来るプログラムとなっています。
「スクラム開発ってよく判らない、出来ない」から「一先ず判ってきたから、やってみる」の一歩を踏み出しましょう！

# 企画概要

 * 推奨人数　　：スクラムマスター1名、プロダクトオーナー1名、開発チーム3~5名
 * スクラム経験：スクラムマスターは経験者が実施してください。それ以外は未経験可
 * 開発スキル　：不問（ググれば判る範囲のHTML, JavaScriptで課題設定しています）
 * 期間　　　　：4週間（1週間1Sprint×4回）一週間の過ごし方は以下の通り 

|曜日|作業内容                            |時間      |
|:---|:----------------------------------|:--------|
|水  |バックログリファイメント             |30分      |
|木  |スプリントプランニング               |30分      |
|金  |開発作業（デイリースクラム）         |15分      |
|月  |開発作業（デイリースクラム）         |15分      |
|火  |スプリントレビュー&レトロスペクティブ |15分&45分  |

# 進め方

[序盤はスクラムマスターがリードする形で進めてください。スクラムマスター向けガイドはこちら。](https://qiita.com/ketman55/items/93e1e1620c61a10bb005)

# システムの機能概要

データを登録する「マスタ登録画面」と、登録データを表示する「マスタ表示画面」の2画面を持ったシステムを課題とします。

## マスタ登録画面

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/385780/512113c1-dd3b-d67c-9bfa-c4dd439bfd7c.png)

|項目名|種類|初期表示|備考|
|:--|:--|:--|:--|:--|:--|
|ヘッダ|ラベル|"マスタ登録画面"|
|氏名入力欄|テキストボックス|placeholderなし(何も表示しない)|文字種指定なし|
|年齢入力欄|テキストボックス|placeholderなし(何も表示しない)|半角数字のみ許可する|
|性別入力欄|ドロップダウンリスト|"男性"|"男性", "女性", "無回答"の3択とする|
|登録ボタン|ボタン|"表示"|ボタン押下でアラートポップアップを表示|
|画面遷移リンク|リンク(Aタグ)|"マスタ表示画面へ移動する"|クリックでマスタ表示画面へ遷移する|

## マスタ表示画面

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/385780/fa65698c-5010-25ca-cac3-2ae2308cc652.png)

|項目名|種類|初期表示|備考|
|:--|:--|:--|:--|
|ヘッダ|ラベル|"マスタ表示画面"|
|1件検索欄|テキストボックス|placeholderなし(何も表示しない)|入力値の文字種指定なし|
|表示ボタン|ボタン|"表示"|ボタン押下でアラートポップアップを表示|
|テーブル|テーブル|(画面イメージ図 参照)|
|画面遷移リンク|リンク(Aタグ)|"マスタ登録画面へ移動する"|クリックでマスタ登録画面へ遷移する|

# プロダクトバックログ

以下は登録機能⇒表示機能の順に並んでいます。
先ずはスクラムチーム全員で読み合わせて、内容を把握してください。
次に、全員で話し合って、開発優先順位で並べ替えてください。

|エピック　　　|ユーザストーリー|
|:------------|:--------------|
|マスタ登録機能|利用者としてマスタ登録画面からマスタ表示画面へ遷移出来る|
|マスタ登録機能|利用者として「マスタ登録画面」のヘッダを画面上で確認することが出来る|
|マスタ登録機能|利用者として氏名欄に氏名を入力出来る|
|マスタ登録機能|利用者として年齢欄に年齢を入力出来る|
|マスタ登録機能|利用者として性別欄で性別を選択出来る|
|マスタ登録機能|利用者として「登録」ボタンを押下してポップアップを表示出来る|
|マスタ登録機能|利用者として「登録」ボタン押下後に入力内容のエラーチェック結果を受け取ることが出来る|
|マスタ登録機能|利用者として入力データをcsvファイルに登録出来る|
|マスタ表示機能|利用者としてマスタ表示画面からマスタ登録画面へ遷移出来る|
|マスタ表示機能|利用者として「マスタ表示画面」のヘッダを画面上で確認することが出来る|
|マスタ表示機能|利用者として一覧表（空の表）を画面上で確認することが出来る|
|マスタ表示機能|利用者としてcsvファイルの内容を全件一覧表に表示することが出来る|
|マスタ表示機能|利用者として一覧表を5件表示＋改ページで表示することが出来る|
|マスタ表示機能|利用者として1件検索入力欄に文字を入力することが出来る|
|マスタ表示機能|利用者として「表示」ボタンを押下してポップアップを表示することが出来る|
|マスタ表示機能|利用者として「表示」ボタン押下後に入力内容のエラーチェック結果をポップアップで参照出来る|
|マスタ表示機能|利用者として「氏名」をキーに登録内容を検索し、他の登録項目をポップアップで参照出来る|

# 実装時の詳細仕様

入力チェックなど、実装時に必要な詳細仕様を以下に記載します。
ここに記載の無いものは、チームで話し合って定義してください。

## マスタ登録画面

### 登録ボタン押下後のポップアップ仕様

* 氏名チェック：なし
* 年齢チェック：半角数字以外が存在する場合"年齢チェックエラー：半角数字で入力してください"と表示
* 年齢チェック：4桁以上が入力された場合"年齢チェックエラー：0~999の範囲で入力してください"と表示
* 性別チェック：なし
* ×ボタン、OKボタンをタップすると当該ポップアップを閉じる

### csvファイルへの書き込み機能実装時の仕様

* 登録ボタンを押下すると、master.csv ファイルに追記形式で内容を書き込む
* master.csvはカンマ区切りとする
* alertのメッセージは「正常に登録しました」とする

## マスタ表示画面

### 表示ボタン押下後のポップアップ仕様

 * 文字列の折り返しの表示仕様はalertに従う
 * ×ボタン、OKボタンをタップすると当該ポップアップを閉じる

### csvファイルからの読み込み機能実装時の仕様

* 画面表示時に、master.csvの内容をマスタ表示画面の表に表示する
* 表の先頭ヘッダに、項目Aに"項番"、Bに"氏名"、Cに"年齢"、Dに"性別"を記載する
* データはmaster.csvに記載されている順に表示する
* 項目ごとのソートは出来なくて良い
* master.csvのファイルが異常の場合はalertを出すこと『読み込みエラーが発生しました』