全体のレイアウトには display: grid; を採用し、grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); というコードを使用した。これにより、閲覧するデバイス（PC、タブレット、スマートフォン）の画面幅に応じて、アーティストカード（.artist-card）の列数が自動的に最適化される、柔軟で現代的なグリッドシステムを実現した。難しかった。独自に作成した外部HTMLコードをDrupalサイト内へ統合するプロセスを検証した。Drupalの標準メニュー機能は、デザインとデータを分離して管理する構造であるため、HTMLタグを直接挿入することができなかった。これを生かしてCSSでまた考え直す。

本格的にサイトの構築を始めた。毎日の音楽ということで5月の聴いた分数がおおいアーティストのそれぞれ良いところを記載する。5月の音楽のところからそれぞれ1位からのアーティストの記事にとべるようにツールバーを作成した。内容はいったん書かずにサイトを色々いじってみたが、難しく案もなかなかうかばない。

この時間では先週台風でできなかったため、ビジュアルスタジオコードを使用し、自己紹介のhtmlを作成した。写真を掲載したい場合はセルを結合させるコードを打ち、ファイル名を呼び起こせば写真を出すことができた。このことを応用して自分のサイトを構築していきたい。頭で自分のやりたいビジョンはあるからあとはそれを馬k実行することができるのかになる。定期的なバックアップを忘れず、怖がらず色々なことに挑戦していきたい。

今日はたくさん進めるつもりだったが、テーマ設定でエラーが出てしまい、進めることができなかった。基本のだとうまくいくがかえるとうまくいかない。先生にも相談して一度すべてけしたが、うまくいかなかった。ここで、細かくバックアップとることの大切さを改めて実感した。来週までに、エラーの原因を突き止め、解決することを目標とする。その間にサイトのイメージを頭の中でつくり、それに使用できそうな写真を用意しておく。

小田急線が人身事故で運転見合わせで振り替え輸送で大学に来たことから今日の1日は始まった。暑くて歩けそうになく、いつもは乗らないバスに乗ってみたりした。1-3限まで受けて、ついに4限。今日は色々な設定をした。多すぎて、どれがどれだかわかりにくかったから気を付けていきたい。基礎的な部分でもつまずいてしまっているのはなんだか悔しい。でも、webサイトをつくるのは初めてのことだからわくわくでいっぱい。