ベルトループの付いた長ズボン
ある程度の太さがあるヒモ
長さ1.5mほどが理想
ズボンの正面部分を上にして半分に折り
ズボンの裾と裾を重ねます
STEP 1で重ねた部分を紐の真ん中に
合わせて結びます
紐の先をそれぞれベルトループに
通していきます
背面のベルトループまで通したら
紐をクロスさせます
STEP 4の状態のままズボンを広げ
荷物を詰めます
荷物を詰めたら紐を引っ張り
全体的に絞ります
絞れたら背面のベルトループの部分でキツく結びましょう
紐で絞った方を上にして背負えたら完成です
このWebサイトでは、災害時に役立つ簡単ライフハックとして、ズボンと紐から作るリュックの作り方を紹介することを目的としている。
このWebサイトがターゲットとするのは、防災意識のある中学生以上の男女だ。というのも、防災意識がなければそもそもこのようなサイトは見ないだろうし、ある程度成長していなければ、自身のズボンのサイズが小さく実践することが難しいと思うからである。
今回私は、画面サイズの変化にとことん対応できるようなサイトを目指した。そのためには、ボックスの配置や単位の使い分けなどの技術が必要だと思われたため、「vw」や「vh」など意味をあらためて理解し積極的に活用していった。
また、ボックスの配置では、横並びに設定するのに「float」と「display: flex;」の違いに翻弄されとても時間を喰われた。しかし、最終的にはそれらの違いも理解し、理想の配置を叶えられたと思う。
他にも、画像と画像を線で結んだようなデザインにするために、どのようにしたらそれが叶うかを試行錯誤し、その過程でボックスの新たな使い道を見出せたと思う。