今日はマークアップエンジニア復帰戦。東京25度の快晴。お天道様のパワーも借りて大勝利を収めることができ、自己肯定感バク上がりの火曜日でした。
下層ページコーディングの「進捗を1時間おきに報告する」と自分の中で決めていたのが良かったです。そのおかげで1時間1時間を集中して取り組めました。
8割程度おわらせた段階で進捗共有することで、方向性が間違ってれば即軌道修正して時間を浪費せずにすみます。確認する側からしても、ある程度のところでアウトプットしたものを随時チェックできて、「あなたにこのまま任せて大丈夫そうですわ」という安心感にもつながると思いました。
今日取り組んだのは会社概要ページ、お問い合わせページ、店舗案内ページ。下層ページのデザインは大枠は同じなので、1ページ作ってしまえば残りのページの最初の一歩が軽くなります。
なので最初、会社概要ページのコーディングを急ぎで終わらせ何度かフィードバックをもらい、修正した後、次のページの作業に移りました。
フィードバックしてもらうことで、確認担当者が求めてる・チェックする項目がどこなのかすり合わせることもできます。それがあることで、次のページを作る際に迷いなく自信をもって手を動かすことができました。
お問い合わせフォームのデザインは、昔ほかで作ったものに似ていたので自分の過去のコードを参考にして時短で実装できました。
プラグイン「Contact Form 7」でのお問い合わせフォーム実装の際は、プラグイン特有の厄介なpタグが自動で挿入されてcssがきかずにうまく横幅を調整できないですが、それも含めて過去の自分が苦労して実装したやつを使うことで難なく実現できて嬉しかったです。
Contact Form 7の送信ボタンの右端に、矢印アイコンを設置する方法も自分なりに一度立ち止まってじっくり考えてデザイン通りに実装できてめちゃくちゃ達成感ありました。
自動で生成されるおじゃま虫なpタグに着目したら案外すすっと実現できちゃいました（笑）。有料級のTipsかもです。
店舗案内ページのマークアップでは、Swiper.jsを使ったシンプルなスライドショー実装で少し手こずりました。
凡ミスしててSwiperのjsを読み込めてなかっただけでした。コーディングあるある。scriptタグで読み込むところをlinkタグでやってた（笑）。そりゃあ動かんわ。
2023年4月11日の動画日記
動画日記1033日目！
2023年4月の日記一覧
