用意するもの

ベルトループの付いた長ズボン

ある程度の太さがあるヒモ
長さ1.5mほどが理想

STEP 1

ズボンの正面部分を上にして半分に折り
ズボンの裾と裾を重ねます

STEP 2

STEP 1で重ねた部分を紐の真ん中に
合わせて結びます

STEP 3

紐の先をそれぞれベルトループに
通していきます

STEP 4

背面のベルトループまで通したら
紐をクロスさせます

STEP 5

STEP 4の状態のままズボンを広げ
荷物を詰めます

STEP 6

荷物を詰めたら紐を引っ張り
全体的に絞ります

STEP 7

絞れたら背面のベルトループの部分でキツく結びましょう

FINISH

紐で絞った方を上にして背負えたら完成です

制作意図

このWebサイトでは、災害時に役立つ簡単ライフハックとして、ズボンと紐から作るリュックの作り方を紹介することを目的としている。

ターゲットユーザ

このWebサイトがターゲットとするのは、防災意識のある中学生以上の男女だ。というのも、防災意識がなければそもそもこのようなサイトは見ないだろうし、ある程度成長していなければ、自身のズボンのサイズが小さく実践することが難しいと思うからである。

自己評価

 今回私は、画面サイズの変化にとことん対応できるようなサイトを目指した。そのためには、ボックスの配置や単位の使い分けなどの技術が必要だと思われたため、「vw」や「vh」など意味をあらためて理解し積極的に活用していった。
 また、ボックスの配置では、横並びに設定するのに「float」と「display: flex;」の違いに翻弄されとても時間を喰われた。しかし、最終的にはそれらの違いも理解し、理想の配置を叶えられたと思う。
 他にも、画像と画像を線で結んだようなデザインにするために、どのようにしたらそれが叶うかを試行錯誤し、その過程でボックスの新たな使い道を見出せたと思う。

参考

Onnela[オンネラ] 覚えておくと備えておくと安心!災害時に役立つライフハック