【Studioはじめてみた #7】魔法が解けた現実。中規模サイト構築、アクティブな夏休み中の修行編

こんにちは、IT+の巴です。
Studioを使ったWeb制作を学び始めて、ついに7週目。

前回（6週目）の記事「【Studioはじめてみた #6】発展編に突入。魔法使い登場、そして“できそう”な錯覚にハマる」もぜひどうぞ。

6週目で「私でもできそう！」と魔法にかかって浮かれていたのですが、7週目に入って気づいたのは――それは現実ではなく、魔法の錯覚だった…。
小学生3人とあっちこっちへ移動するアクティブ夏休みの真っ最中、車内でスマホ片手に学習という“修行編”に突入です。

1. 夏休み真っ只中、移動教室スタイル

ひとまず子どもたちの宿題は終わらせて最初の壁は突破。
でもすぐに第二の壁＝「移動ラッシュ」が待っていました。電車に車にと、あっちこっちへ長距離移動…。

さすがにパソコンを開いてサイト構築は無理なので、スマホで caroa camp の動画を視聴。
長距離移動でも学習できるのはありがたい！

しかも驚いたのが、乗り物酔いがひどい私でも 魔法使いハグリさん の動画はなぜか酔わないんです。
これも魔法効果？それとも暗示？謎すぎました。笑

2. 7週目で3サイト目スタート！

動画では発展編の課題を例に、Studioの機能を一つずつ丁寧に解説してくれるハグリさん。
「ここまで説明してくれるなら、私もサクサクできるんじゃ？」と、すっかり錯覚。笑

移動が落ち着いたタイミングでいざ課題に着手。
なんと7週目にして3つ目のサイト構築スタートです。

まさに“愛のあるスパルタ教育”。容赦ないけど、しっかり身につくのでありがたい！
（もちろんありがたさしかありませんw）

3. 架空コーポレートサイトとの格闘

今回チャレンジする発展編の課題01は「架空のコーポレートサイトをつくる」。
動画では簡単そうに見えていたけど、実際はすぐに「錯覚でした〜」と現実に引き戻されました。

ディレクトリマップを見ながら必要なページを洗い出し、
「静的ページ？動的ページ？ん？CMS？？？」と大混乱。

結局、動画を何度も巻き戻しながら進めることに…。
ファーストビューの横幅設定の数値すら迷子になる始末で、自分のポンコツぶりに笑うしかありません。

4. Figmaとデベロッパーツールと、そして現実

今回の課題は Figma のデザインカンプを参考に構築。
さらに見本サイトをデベロッパーツールで確認しながら作業を進めました。

が。
見本と同じにならない…。
課題2のときと同じく「理想と現実のギャップ」にぶつかり、またしても沼に足を突っ込んでいる感覚です。

世の中そんなに甘くなかった！！w

5. それでも一歩ずつ

思っていたより難しく、スタートからつまずいてばかり。
でも、このつまずきこそが身になると信じて、めげずに続けています。

次回は「このコーポレートサイト、どう仕上がっていくのか？」を報告できるよう頑張ります！

ではまた、Vol.8で！