watasoftdev

HTML

【HTML】コメント(コメントアウト)の書き方|使い道、入れ子にできない注意点、WordPressでの扱い

HTMLのコメントの書き方をまとめました。区切りの目印や一時的に隠す使い方、コメントを入れ子にできない注意点、誰でも読めるので書いてはいけないもの、WordPressのブロックエディタでの扱いを紹介します。
HTML

【HTML】hタグ(見出し)の基本|h1〜h6の階層、順番を飛ばさない理由とWordPressでの使い方

HTMLの見出しタグ(h1からh6)の基本をまとめました。数字は大きさではなく階層を表すこと、順番を飛ばさない理由、WordPressで本文の見出しをh2から始める理由と、目次との関係を紹介します。
健康

豚ゼラチンで作るコーヒーゼリー|魚コラーゲンで失敗したあとに作り直した、口どけのよいレシピ

魚コラーゲンで固まらなかったコーヒーゼリーを、豚ゼラチンで作り直しました。ペットボトルのコーヒーと電子レンジで作れる、口どけのよいコーヒーゼリーのレシピと、豚ゼラチンを選んだ理由をまとめます。
HTML

【HTML】pタグとdivタグの違い|段落とグループの使い分け、pの中に入れてはいけないもの

HTMLのpタグとdivタグの違いは、「段落」という意味があるかどうかです。それぞれの使い方と迷ったときの選び方、pの中にdivを入れるとどうなるか、WordPressのブロックとの対応をまとめました。
健康

ゼラチンで作るコーヒーゼリーと牛乳プリン|魚コラーゲンで固まらなかった理由と、豚・牛ゼラチンの使い分け

魚コラーゲンでコーヒーゼリーを作ったら固まりませんでした。原因はゼラチンとコラーゲンペプチドの違いです。豚・牛ゼラチンで作り直したコーヒーゼリーと、レンジで作る牛乳プリンのレシピをまとめました。
自宅サーバー構築

AlmaLinux 9のパーティション変更|インストール時に/homeを小さくして / を広げる手順

AlmaLinux 9のインストール画面で、自動で作られるパーティションの容量を変える手順です。/homeを小さくして、空いた分を /(ルート)に回す方法を、画面つきでまとめました。
HTML

【HTML】Webサイトの骨組みを作る「HTML」の基本と書き方

Webページの骨組みを作るHTMLの基本を、初心者向けにまとめました。タグの書き方、よく使う5つのタグ、ページ全体の形、書いたHTMLを試す方法を、CSS・JavaScriptとの役割の違いとあわせて紹介します。
VS Code

【VS Code】HTMLとJavaScriptをChromeでデバッグする設定|launch.jsonの書き方とブレークポイント

VS CodeでHTMLファイルをChromeやEdgeで開き、JavaScriptをブレークポイントで止めて確かめる設定です。launch.jsonの作り方と書き方、開いているファイルを開く設定、Live Serverを使うときの例をまとめました。
Git

【VS Code】WindowsでGitを使うための初期設定と基本操作|Git for Windows、名前とメール、改行コード、コミットの流れ

WindowsのVS CodeでGitを使うときの初期設定と基本操作です。Git for Windowsの入れ方、名前とメールアドレス、改行コードと既定のブランチの設定、ソース管理でのコミットとプッシュ、便利な拡張機能をまとめました。
WordPress

【WordPress】入れ子にしたリスト(箇条書き)のすき間をCSSで詰める方法|追加CSSの入れ方と効かないときの確かめ方

WordPressのブロックエディターでリストを入れ子にすると、子のリストの上下にすき間が空くことがあります。そのすき間を詰めるCSSと、追加CSSの入れ方、ブロックテーマでの場所、効かないときの確かめ方をまとめました。