2024/11/18（月）プログラミング日記
【Web制作コース 380日目】卒業制作 82日目
作業：3時間
作業内容
- 【上級編】DAY31 〜 44 卒業制作課題
| P | 上級編を進めるだけ進める |
| D | 768px（画面幅）でスタイルチェック |
| C | パンくずリストの設定は完了 Breadcrumb NavXT のスタイルの当て方は次の制作からもまずまずいけそう👍️ あと残るのは4つのポイント この4つを解決したら、 PerfectPixelと照合 👉️ サイト公開 👉️ 最終チェック後に提出 あともう少し！ Contact From 7 でまたもや苦戦😱 submit の実装でお問い合わせのボタンのみ崩れる、、、しかもSP表示だけ崩れる、、、 もう完了は目前そうだけど、けっこう難解でびくともしないぞ🤔 頑張る🔥 |
| A | WordPress化完了！ |
2024/11/19（火）プログラミング日記
【Web制作コース 381日目】卒業制作 83日目
作業：2.5時間
作業内容
- 【上級編】DAY31 〜 44 卒業制作課題
| P | 上級編を進めるだけ進める |
| D | 768px（画面幅）でスタイルチェック |
| C | 今日で残り4つのっポイントのうち2つを解決した🙌 PHPでボタン配列の順序を変更 Googleマップ（動的と静的）のスタイル統一 明日は一番難しそうな、Contact Form7 のスタイル！ここでほぼ完了となる🔥 |
| A | WordPress化完了！ |
PHPでボタン配列の順序を変えたくてAIと四苦八苦
なんでどんなにコードを修正しても直らない、、、と確保できる時間の最後の10分で判明
なんと、最初からコードは合っていた😱
問題にしてしまったのは
archive.php 👉️ taxonomy.php へ遷移する設計なところ、archive.phpにしか修正コードを書いていなかった
archive.php も taxonomy.php もほぼ同じ見た目だから、archive.php 👉️ taxonomy.php へ遷移したことに気づいていなかった
archive.php はずっと修正できてたけど、taxonomy.php に遷移したこと気づかなく、、、
最後の最後に気づけてよかった！
AI先生ありがとう！
でも、1時間ほど時間をつかってしまったので😓早く気付ければ、、、でも一つ解決！
Googleマップ（動的と静的）でSP画面のスタイルが揃わない、、、これも四苦八苦したけど結局、 class を追加して解決した（というよりもこれで解決にした、時間がかかりすぎてるので😅）
2024/11/20（水）プログラミング日記
【Web制作コース 382日目】卒業制作 84日目
作業：2.5時間
作業内容
- 【上級編】DAY31 〜 44 卒業制作課題
| P | 上級編を進めるだけ進める |
| D | 768px（画面幅）でスタイルチェック |
| C | Contact Form 7 ボタン実装 ズレをなくせた！ けど、今度はボタンをhoverすると、丈夫に白線が表示される😅 なぜかいまいち原因を特定しきれない、多分、wrapとhoverが原因かな🤔 ここ解決すれば提出は目の前！ ちょっとずつ牛歩のようなゴールへの歩みだけどやっぱり何をどうればよいのか当てをつけやすくなってきている 最終的に、ボタンの動きを歌手修正するのが卒業制作課題の最後の詰めになった🔥 頑張る🔥🔥🔥 |
| A | WordPress化完了！ |
margin: auto
justify-content:center
text-alingin: center
☝️ がすべて効かなかったので、親要素（今回は inner）からボタンを外に出して、justify-content: center で解決😊
2024/11/21（木）プログラミング日記
【Web制作コース 383日目】卒業制作 85日目
作業：2.5時間
作業内容
- 【上級編】DAY31 〜 44 卒業制作課題
| P | 上級編を進めるだけ進める |
| D | 768px（画面幅）でスタイルチェック |
| C | button を hoverしたときに出てくる白線は 子要素と親要素で連動させていた translate の連動を切る 一つの要素にのみ translate をあてることで解決😊 これであとはPerfectPixelとの照合のみ！ と思いきや、 front-page.php でStyleを間違えていたことに気づく😅 夜👉️ほぼ front-page.php の修正も完了！ ここを終えて、PerfectPixelへ行く！ |
| A | WordPress化完了！ |
2024/11/22（金）プログラミング日記
【Web制作コース 384日目】卒業制作 86日目
作業：なし
| P | 上級編を進めるだけ進める |
| D | 親戚の葬儀参列により作業時間は確保できず |
| C | 親戚の葬儀参列により作業時間は確保できず |
| A | WordPress化完了！ |
2024/11/23（土）プログラミング日記
【Web制作コース 385日目】卒業制作 87日目
作業：3時間
作業内容
- 【上級編】DAY31 〜 44 卒業制作課題
| P | 上級編を進めるだけ進める |
| D | 卒業制作課題のチェックリストの確認 サイトマップの確認 PerfectPixelとの照合（front-page.php PCサイズ） |
| C | ようやくレスポンシブが終わったのでPerfectPixelとの照合開始！ その前に卒業制作課題の添削のチェックリストを再確認 サイトマップも再確認 要件は満たしていると整理した ついにPerfectPixelとの照合に突入！ と思いきやいつもながらなぜか微妙なズレがある そしてここで display:flex; で頻出する last-child の右余白問題😱 なんでだー！ 卒業制作課題になってからやたらとこの問題に悩まされる😱 とにかくやる🔥卒業制作課題を今月中に提出する🔥 |
| A | WordPress化完了！ |
2024/11/24（日）プログラミング日記
【Web制作コース 386日目】卒業制作 88日目
作業：4時間
作業内容
- 【上級編】DAY31 〜 44 卒業制作課題
| P | 上級編を進めるだけ進める |
| D | 卒業制作課題のチェックリストの確認 サイトマップの確認 PerfectPixelとの照合（front-page.php PC・SPサイズ） |
| C | PerfectPixelとの照合 TOPページ完了！ 1箇所だけスタイルが修正できないので後回し。 それでも照合は順当に終わった感じ。 あと1週間で、卒業制作課題を提出したい！ 今日は、 ぬいぬいさん @opitech_web に教えていただいたブラックフライデー半額セールで Affinity 購入！ Affinity V2ユニバーサルライセンス Adobe CC のほぼ1割の価格で即買い Adobe製品との互換性が一番の魅力でした！ただ、3つのアプリセットを購入したのですが、どれをインストールするのか不明です😅 購入の決め手はショーヘーさんのポスト😊 |
| A | WordPress化完了！ |
コメント