1. HTMLドキュメントの作成 (index.html)¶
作業の目的 [why]¶
HTMLドキュメント名"index.html"を作成します。
完了条件/事前条件 [設計者用情報]
完了条件 [after]
主処理は、以下を満たしたときに成功したものとします。
- 完了条件1
- HTMLドキュメントファイル"index.html"が存在する。
事前条件 [before]
主処理の実施は、以下の状態であることを前提とします。
- 事前条件1
- HTMLファイル用ディレクトリ"<HTMLドキュメントファイル用ディレクトリ>"が存在する。
- 事前条件2
- HTMLドキュメントファイル"index.html"が存在しない。
作業対象 [what]¶
- HTMLドキュメント
標準時間(合計)¶
8分
パラメータ設定¶
パラメータ設定の標準時間: | 2分 |
---|
作業に必要なモノ・情報 [resource]¶
作業開始には、以下が全て揃っていることが必要です。
リソース1: HTMLドキュメントファイル用ディレクトリ
- 今回は"<HTMLドキュメントファイル用ディレクトリ>"をHTMLドキュメントファイル用ディレクトリとします。
ディレクトリが存在することを確認します。
コマンド:
ls -d <HTMLドキュメントファイル用ディレクトリ>
結果(例:存在する場合):
<HTMLドキュメントファイル用ディレクトリ>
存在しない場合は作成します。
コマンド:
mkdir -p <HTMLドキュメントファイル用ディレクトリ>
リソース2: HTMLドキュメント名
- 作成するHTMLドキュメントの名称です。
- 今回は"index.html"とします。
パラメータの指定¶
作業に必要なパラメータを変数に格納をします。
パラメータの保存¶
設定されている変数の保存先となるファイル名を指定します。
変数の設定:
DIR_PARAMETER="${HOME}/tmp/parameter-handson-cli" FILE_PARAMETER="${DIR_PARAMETER}/$(date +%Y-%m-%d)-html-index_test-create.env" \ && echo ${FILE_PARAMETER}
結果(例):
${HOME}/tmp/parameter-handson-cli/2019-04-30-html-index_test-create.env
各変数に正しいパラメータ値が格納されていることを確認しながら保存します。
変数の確認:
cat << EOF > ${FILE_PARAMETER} # 0.1. DIR_HTML_DOC:"<HTMLドキュメントファイル用ディレクトリ>" DIR_HTML_DOC="${DIR_HTML_DOC}" # 0.2. HTML_DOC_NAME:"index.html" HTML_DOC_NAME="${HTML_DOC_NAME}" EOF cat ${FILE_PARAMETER}
下段の変数が入っていない、もしくは上段と同等の値が入っていない場合は、それぞれの手順番号に戻って変数の設定を行います。
タスクの実施¶
課題
(未検証)
タスク標準時間: | 6分 |
---|
1. 前処理¶
1.1. 状態確認に必要な情報の取得¶
HTMLドキュメントファイルの指定
変数の設定:
FILE_HTML_DOC="${DIR_HTML_DOC}/${HTML_DOC_NAME}" \ && echo ${FILE_HTML_DOC}
結果(例):
<HTMLドキュメントファイル用ディレクトリ>/index.html
1.2. 処理対象の状態確認¶
主処理の実施は、以下の状態であることを前提とします。
前提と異なることが判明した場合、直ちに処理を中止します。
事前条件1: HTMLファイル用ディレクトリ"<HTMLドキュメントファイル用ディレクトリ>"が存在する。
「HTMLファイル用ディレクトリ"<HTMLドキュメントファイル用ディレクトリ>"が存在する。」ことを確認します。
コマンド:
ls -d ${DIR_HTML_DOC}
結果(例):
<HTMLドキュメントファイル用ディレクトリ>
事前条件2: HTMLドキュメントファイル"index.html"が存在しない。
「HTMLドキュメントファイル"index.html"が存在しない。」ことを確認します。
コマンド:
ls ${FILE_HTML_DOC}
結果(例):
ls: <HTMLドキュメントファイル用ディレクトリ>/index.html No such file or directory
2. 主処理¶
HTMLドキュメントの作成¶
コマンド:
cat << EOF > ${FILE_HTML_DOC} <!DOCTYPE html> <html lang="ja"> <meta charset="utf-8"> <title>サンプル</title> <h1>サンプル</h1> <p>サンプル</p> </html> EOF cat ${FILE_HTML_DOC}
結果(例):
<!DOCTYPE html> <html lang="ja"> <meta charset="utf-8"> <title>サンプル</title> <h1>サンプル</h1> <p>サンプル</p> </html>