2024/03/01
■今日の気づき、できるようになったことなどを記載して下さい。:
練習で作ったWebページをGitHubにアップロードして、レイアウトが崩れていないか確認しました。スマホの画面で、ハンバーガーメニューを右上の端に配置していたのですが、タイトルの文章が長すぎたせいか、画面に収まらず、折り返してタイトルの下、左端に表示されてしまいました。色々修正を試みても上手くいかず、結局、タイトル名を簡潔に短くしたら解決しました。Google fontsからフォントをimportして表示させる方法も覚えました。またBootstrapをどのようにCSSを使ってカスタマイズするのか現在模索中です。

こちらが出来上がったWebページです。レスポンシブルデザインに対応しています。まだまだ改善の余地がありますが、細部にこだわると終わりが見えなくなりそうなので、練習ということでこれくらいにしておきます。

ネット忍者プロ – 実践ガイド 本の紹介(テストページ)

■今のご自身の課題とそれを解決する方法を記載して下さい。:
GitHubは商業利用はできないものの、自分が作ったWebページのテストがきるので、今後も利用したいと思います。Bootstrapを使わないコーディングもしてみたいです。

■今日の作業予定1:
Bootstrapの学習

■作業内容 10:00-10:30:
Zoom MTG/Bootstrapの学習
■作業内容 10:30-11:00:
Bootstrapの学習
■作業内容 11:00-11:30:
Bootstrapの学習
■作業内容 11:30-12:00:
休憩
■作業内容 12:00-12:30:
休憩
■作業内容 12:30-13:00:
休憩
■作業内容 13:00-13:30:
Bootstrapの学習
■作業内容 13:30-14:00:
Bootstrapの学習
■作業内容 14:00-14:30:
日報の作成/Bootstrapの学習
■作業内容 14:30-15:00:
Bootstrapの学習/Zoom MTG