開発・プログラミング

HTML

【HTML】audioタグとvideoタグの使い方|controls・autoplay・mutedなどの属性、sourceと字幕、WordPressでの埋め込み

HTMLのaudioタグとvideoタグで、音声や動画をページに埋め込む方法をまとめました。controlsやautoplay、mutedなどの属性、自動再生の条件、sourceでの形式の指定と字幕、WordPressでの埋め込み方を紹介します。
HTML

【HTML】hrタグとbrタグの使い分け|話題の区切りと改行、余白に使わない理由とWordPressでの入れ方

HTMLのhrタグとbrタグの使い分けをまとめました。hrは段落の間の話題の切れ目、brは段落の中の改行を表します。余白や飾り線に使わない理由と、WordPressでの入れ方(Shift+Enter、区切りブロック)を紹介します。
VS Code

【VS Code】プロファイルで設定と拡張機能を用途ごとに分ける|作り方・切り替え・フォルダーごとの記憶・書き出し

VS Codeのプロファイルで、開発用とブログ用など、用途ごとに設定と拡張機能を分ける方法です。プロファイルの作り方と共有するものの選び方、切り替えとフォルダーごとの記憶、削除、別のパソコンへの移し方をまとめました。
WordPress

【WordPress】XML Sitemap Generator for Googleの設定|このブログの設定と、Googleに効く項目・効かない項目

WordPressのプラグインXML Sitemap Generator for Googleの、このブログでの設定をまとめました。サイトマップに含めるページ、Googleが使わない更新頻度と優先順位、IndexNowの扱い、Search Consoleへの送り方を紹介します。
HTML

【HTML】知っておくと表現が広がる!特殊・マイナーだけど便利なタグまとめ

普段はあまり使わないけれど、知っていると便利なHTMLのタグをまとめました。開閉できるdetails、入力候補のdatalist、進み具合と量を表すprogressとmeter、ふりがなのruby、引用のblockquoteの使い方と注意点を紹介します。
WordPress

WordPressのバックアップ|自宅サーバーのデータベース・静的HTML・設定を毎日NASに7日分残す仕組み

自宅サーバーで動かしているWordPressのバックアップの仕組みです。データベース、記事の静的HTML、サーバーの設定を毎日まとめてNASに7日分残す方法と、UpdraftPlusとの2本立てにしている理由をまとめました。
HTML

【HTML】ページの区切り方|header・nav・main・aside・footerとarticle・sectionの使い分け、divとの違い

HTMLでページを区切るタグの使い分けをまとめました。header・nav・main・aside・footerでページ全体を、articleとsectionで本文の中を区切る方法と、2カラムの例、divとの違い、迷ったときの選び方、WordPressでの使い方を紹介します。
HTML

【HTML】aタグ(リンク)の書き方|href・target・relの使い方、中に入れられないもの、ページ内リンク

HTMLでリンクを作るaタグの書き方をまとめました。href・target・relの使い方、広告リンクに付けるsponsored、カード全体をリンクにする書き方と中に入れられないもの、分かりやすいリンク文字、ページ内リンクを紹介します。
HTML

【HTML】フォーム(form)の書き方|label・input・select・textareaの基本と、required・autocompleteなどの属性

HTMLのフォームの書き方をまとめました。formのactionとmethod、labelでの紐付け、ラジオボタン・チェックボックス・セレクトボックス・テキストエリア、requiredやautocompleteなどの属性と、送信する前に知っておきたい注意点を紹介します。
HTML

【HTML】tableタグ(表)の書き方|tr・th・tdの基本、セルの結合、thead・captionとWordPressの表ブロック

HTMLで表を作るtableタグの書き方をまとめました。tr・th・tdの基本、colspanとrowspanによるセルの結合、theadやcaptionの使い方、線をCSSで引く方法と、WordPressの表ブロックでの作り方を紹介します。