<h2 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h2>
<p data-line="1" class="code-line">下記の3ページを用意します。</p>
<p data-line="3" class="code-line">1.表紙<br>
2. フロー<br>
3. 機能一覧</p>
<h2 id="%E8%A1%A8%E7%B4%99" data-line="7" class="code-line">
<a class="header-anchor-link" href="#%E8%A1%A8%E7%B4%99" aria-hidden="true"></a> 表紙</h2>
<ul data-line="8" class="code-line">
<li data-line="8" class="code-line">システム名</li>
<li data-line="9" class="code-line">作成日</li>
<li data-line="10" class="code-line">作成者</li>
</ul>
<h2 id="%E3%83%95%E3%83%AD%E3%83%BC" data-line="12" class="code-line">
<a class="header-anchor-link" href="#%E3%83%95%E3%83%AD%E3%83%BC" aria-hidden="true"></a> フロー</h2>
<p data-line="13" class="code-line">データの流れを図で示します。</p>
<h2 id="%E6%A9%9F%E8%83%BD%E4%B8%80%E8%A6%A7" data-line="15" class="code-line">
<a class="header-anchor-link" href="#%E6%A9%9F%E8%83%BD%E4%B8%80%E8%A6%A7" aria-hidden="true"></a> 機能一覧</h2>
<table data-line="16" class="code-line">
<thead data-line="16" class="code-line">
<tr data-line="16" class="code-line">
<th>No</th>
<th>対象ページ</th>
<th>区分</th>
<th>トリガー種類</th>
<th>トリガー対象</th>
<th>処理名</th>
<th>処理内容</th>
<th>対象DB</th>
<th>SQL種類</th>
</tr>
</thead>
<tbody data-line="18" class="code-line">
<tr data-line="18" class="code-line">
<td>1</td>
<td>一覧</td>
<td>初期処理</td>
<td>ロード</td>
<td>画面</td>
<td>一覧表示</td>
<td>おすすめのコースを一覧表示</td>
<td>おすすめ管理DB(View)</td>
<td>SELECT</td>
</tr>
<tr data-line="19" class="code-line">
<td>2</td>
<td>一覧</td>
<td>イベント</td>
<td>クリック</td>
<td>検索ボタン</td>
<td>検索結果表示</td>
<td>検索窓に入力されたコースを一覧表示</td>
<td>コース情報DB</td>
<td>SELECT</td>
</tr>
<tr data-line="20" class="code-line">
<td>3</td>
<td>一覧</td>
<td>イベント</td>
<td>クリック</td>
<td>サムネイル</td>
<td>コース詳細表示</td>
<td>クリックされたコース詳細を表示</td>
<td>コース情報DB、コース詳細DB</td>
<td>SELECT</td>
</tr>
</tbody>
</table>


プログラム基本設計書に書くべき内容

はじめに

表紙

フロー

機能一覧

Discussion

No	対象ページ	区分	トリガー種類	トリガー対象	処理名	処理内容	対象DB	SQL種類
1	一覧	初期処理	ロード	画面	一覧表示	おすすめのコースを一覧表示	おすすめ管理DB(View)	SELECT
2	一覧	イベント	クリック	検索ボタン	検索結果表示	検索窓に入力されたコースを一覧表示	コース情報DB	SELECT
3	一覧	イベント	クリック	サムネイル	コース詳細表示	クリックされたコース詳細を表示	コース情報DB、コース詳細DB	SELECT