備忘録

セキュリティ対策のためにコマンドを用いてDrupalを更新する方法を知り、Webサイトを安全に運用するためには定期的なアップデートが重要であると理解した。また、htmlやCSS、画像ファイルを含むディレクトリをサーバへアップロードし、それらをDrupalのメニューやサイドブロックからリンクする方法について学んだ。リンクを設定する際には相対パスを正しく指定する必要があり、ファイル同士の位置関係を理解することの大切さを実感した。一方で、自分がHTML・CSS・JavaScriptを使って作成したページをDrupalへ組み込もうとしたが、思うように反映させることができなかった。通常のWebページとしては動作していても、Drupalのテーマやブロック、コンテンツ管理の仕組みと連携させるには追加の設定や知識が必要であることが分かった。この経験から、Webサイト制作では単にプログラムを書くだけでなく、CMSの構造や運用方法についても理解する必要があると感じた。

HTMLとCSSを用いてWebサイトの内容をさらに充実させる方法について学んだ。特に、サイトを訪れた人にとって見やすく使いやすいページを作るためには、単にページ数を増やすだけでなく、内容の充実やレイアウトの工夫が重要であると感じた。また、モジュールを導入して機能を追加する方法について学び、実際にサイトへ反映して効果を検証することの重要性を理解した。モジュールにはさまざまな種類があり、それぞれ特徴や使い勝手が異なるため、自分のサイトの目的に合ったものを選ぶ必要があると感じた。特に、導入するだけでなく、利用者の視点から利便性を評価することが大切だと思った。さらに、備忘録を継続して作成することで、どのような作業を行ったのかを記録できるだけでなく、自分の学習内容を振り返ることができると学んだ。作業内容や問題点を記録しておけば、後から修正や改善を行う際にも役立つため、継続的な記録が重要であると感じた。加えて、自分のサイトの記事については、今後の予定や予告だけではなく、実際に読者の役に立つ内容を掲載することが求められると理解した。記事を書く際には、読みやすい文章構成や情報の分かりやすさを意識し、訪問者に興味を持ってもらえる工夫が必要だと感じた。

プロフィールに画像を追加するための方法として、表のセルを追加し、画像を<img>タグで挿入する手順を学んだ。画像を1つだけ使う場合、他の行のセルをrowspanを使って結合する必要があることを理解した。また、ファイルの場所を示すための「相対パス」の考え方が重要であることを学んだ。../や./を使って階層を移動する仕組みは、最初は複雑に感じるがなれると理解しやすくなった。さらに。ディレクトリ構成を正しく作り、その構造に合わせてパスを書く必要があるため、HTMLとCSSの役割分担を理解しながら作業する点が難易度が高かったと感じる。CSSファイルを正しくリンクできないとデザインが反映されないため、細かなパス指定に注意が必要だと感じた。

HTMLは単に文字を書くものではなく、タグを使って文章の構造や意味を整理しながらWebページを作っていくものだと分かった。基本構造や、見出し・段落・画像表示のタグの役割を知ることで、Webサイトがどのように作られているのか理解が深まった。また、VS Codeを使って編集する流れや、ブラウザで表示を確認する方法も紹介されており、実際の開発の雰囲気をイメージすることができた。metaタグやプロフィール作成の例から、HTMLは見た目だけでなく、情報を整理して相手に分かりやすく伝えるためにも重要だと学んだ。

DrupalでINDEXを作成する作業でブロックレイアウトやメニュー設定など複数の機能を組み合わせる必要があり全体の流れを理解するところや、phpMyAdminを使用したバックアップでは、どのデータベースを選択するかやエクスポート形式を間違えないようにする部分設定項目が多いところが難しいと感じた。また、Drupalの設定で、表示条件やメニュー設定を間違えてしまいそうだと感じた。今回の授業ではサイト管理や設定方法について学んだ。Drupalの自由度が高いことを知ったが、その分設定項目が多く、細かい操作を正しく行う必要があるため、丁寧に確認しながら作業することが重要だと感じた。