【Studioはじめてみた #8】CMS挑戦とコピペ快進撃。初心者の道のりはやっぱり甘くなかった

こんにちは、IT+の巴です。
現在、caroa campでStudioを勉強中。
基礎編を終えて、今は発展編に進み、3つ目の課題＝中規模サイトの構築に取り組んでいます。
Studioを使ったWeb制作の学習もついに8週目に突入しました。

前回（7週目）の記事「【Studioはじめてみた #7】魔法が解けた現実。中規模サイト構築、アクティブな夏休み中の修行編」もぜひどうぞ。

7週目は移動しながらの学習でしたが、今週はやっと腰を落ち着けて課題サイトを進めることができました。

そこで待っていたのは、CMS初挑戦・謎のバグ・コピペ快進撃・そして“レスポンシブ全部残ってた”事件。

1. 夏季スイミング教室のおかげで全集中！

夏休みの中の我が家の小学生。今週は子どもたちが5日間の夏季集中スイミング教室へ。
朝のうちに最低限の運動を確保し、昼間には猛暑で外遊びもできず、室内遊びに専念してくれたおかげで、私はノイキャンイヤホンを装着しStudioに全集中。

先週までの「移動中スマホ学習」とは雲泥の差。
ようやく腰を据えて作業でき、課題サイトを一気に進められました。

2. 初めてのCMSに挑戦

今週の目玉は CMS初使用。
解説動画を何度も再生しては止め、真似して進める“反復横跳び学習”を繰り返しました。

その甲斐あって、トップページ、下層のメディアページ、CMSを使った記事ページなどをなんとか完成。
最初はつまづきましたが、操作に慣れてくると「あれ？意外とスムーズにできてるかも？」と錯覚し始めるほどに（笑）。

初心者なりに、確実に前進している実感がありました。

3. 「Search」が見当たらない！？初心者にはバグも判断不能

そんな調子に乗りかけた私を待っていたのは、検索フォームの追加。
動画解説では「追加」→「ボックス」に Searchボックス があるはずなのに、私の画面にはどこにも見当たりません。

Webで調べると、弊社溝口が書いた『【Studio初心者ガイド】検索ページの作り方』を発見。
『ちょうど私向けのブログを書いてくれてるじゃん！』
と上から目線のコメントを心で呟きながら期待して読んでみると、

『CMS作成前では「Search」フォームは出現しません。』

……でも、CMSはすでに作成済み。それなのに出てこない。

それ以外の内容にも何も当てはまることはなく、、、

「私の設定ミス？それとも手順抜け？」と悩みまくり、
ついには caroa campのメンターさんとブログを書いた溝口本人に質問。

返ってきた答えは衝撃の一言。

「それ、バグです。」

バグ！？
初心者の私には「知らないだけ」なのか「バグ」なのかを見極める力すらありません。
まさか「バグです」と教えてもらって初めて気づくとは…。

初心者にとって難しいことの1つは、“これはバグだ”と気づくこと！

4. コピペ快進撃！

気を取り直して、サイト構築を続行。
以前に取り組んだ課題2つでは上手く使えきれなかった技を無事習得。
 セクションをコピペで再利用できることを覚えたのです。。（え、今更ですか？w）

「これ最強じゃん！」とテンション爆上がり。
一度作ったレイアウトを別のページに貼り付ければ、ゼロから組み立てる必要なし。
作業効率は一気に加速、気分は完全にコピペ無双。
ふふふ〜んと鼻歌交じりでページが量産されていきました。

5. ところが…レスポンシブ全部残ってた！

「できた！完成〜！！」と達成感にひたった瞬間。
スマホ表示に切り替えてみて、固まりました。

あ……レスポンシブ調整が全部残ってる。
各ページ、各セクション、すべて残ってる。
初心者を脱出した感出てましたが、また基礎編の課題の大きな壁だったレスポンシブがまたクリアできておりませんでした。
まだまだ初心者脱出までの道のりは長かった。。

でも学びました。
最初に1セクションだけでもレスポンシブ対応まで作り込んで、それをコピペすべし！
次からは絶対にこの鉄則を守ります。

レスポンシブ地獄は…はい、次週に持ち越しです。

6. まとめ

今週は腰を据えて作業できたおかげで、CMSを使ったページ構築やコピペ技を習得し、大きく前進できました。
でも同時に「バグに翻弄される初心者の姿」と「レスポンシブ丸投げの現実」も味わいました。

甘くないけど、その分しっかり学びもあった一週間。
Vol.9では、いよいよレスポンシブと本格的に格闘していきます！

ではまた、次回！