ゆう's Blog
robots.txt

User-agent: * Disallow: /login/ Disallow: /admin/ Disallow: /confidential.pdf Sitemap: https://www.example.com/sitemap_index.xml

sitemap.xml

https://wave.stars.ne.jp/blog/yuu/ member - blog_dir cbt_post_12 - post_id, post_cat, post_status, post_unixtime post_status = 1 & post_unixtime < now cbt_setting_12 - top_page = 1 なら post_cat = 2以外 cbt_setting_12 - top_page = 2 なら post_cat = 2含めて全部

テーブル: cbt_post_12 post_id post_status = 1 post_unixtime < now

<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <url> <loc>https://wave.stars.ne.jp/blog/yuu/</loc> </url> <url> <loc>https://wave.stars.ne.jp/blog/yuu/entry.php?id=190</loc> </url> </urlset>

サイトマップインデックス

<?xml version="1.0" encoding="UTF-8"?> <sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <sitemap> <loc>https://wave.stars.ne.jp/sitemaps/sitemap1.xml</loc> </sitemap> <sitemap> <loc>https://wave.stars.ne.jp/sitemaps/sitemap2.xml</loc> </sitemap> </sitemapindex>

絵文字

EmojiAll 日本語

Let’s EMOJIへようこそ🎉

大きい目の笑顔:😃
直でもいいの?😃

どちらを使っても表示されるので、基本的には好きな方を選んで問題ありません!ただ、状況によって使い分けることをおすすめします。

😀 (絵文字そのものを入力する方法)
この方法はシンプルで直感的ですが、ファイルのエンコーディングがUTF-8である必要があります。もしエンコーディングが適切でない場合、文字化けが発生する可能性があります。

&#x1f600; (文字参照を使う方法)
HTMLエンティティを使うと、エンコーディングに依存しないので安全性が高まります。また、コードを扱う際に明示的でわかりやすい点も利点です。ただし、読みづらくなる可能性があるので、複数の絵文字を使う場合は注意が必要です。

つまり、簡単な作業や個人用のページでは「😀」を使い、エンコーディングの問題や他人が読むことを考慮する場面では「&#x1f600;」を選ぶのが良いかもしれません。

「絵文字そのもの」をMySQLに保存する

CREATE TABLE emojis ( id INT AUTO_INCREMENT PRIMARY KEY, emoji_text VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_bin NOT NULL );

指定する文字数(例: 255)は文字数そのものを指します。つまり、絵文字そのものを保存した場合でも、文字参照(例: &#x1f600;)を保存した場合でも、MySQLの文字列の長さとして扱われるのはエンコード後のバイト数ではなく、論理的な文字数です。

ただし、以下の点に注意してください:

絵文字そのもの(例: 😀)は通常1文字とカウントされます。ただし、utf8mb4を使用している場合に限ります。

文字参照(例: &#x1f600;)はそのまま保存すると、その文字列の全体の長さがカウントされます。例えば、&#x1f600;は9文字としてカウントされます。

<button>タグをリンクに使う

<button type="button" onclick="location.href='https://example.com'">リンク風ボタン</button>

vtt ファイルのコメントアウト

ヘッダーのWEBVTTに - を加えることでコメントを加えることができます。

WEBVTT - これはファイルの作成例です

コメントアウトは、WebVTT では NOTE コマンドを使用します。コメントアウトは空白行が1行以上あることによって区切りとみなされます。

WEBVTT - これはファイルの作成例です NOTE この行はコメントアウトされます。 一行以上の空白行で区切りとみなされます。 00:00:00.100 --> 00:00:10.000 このトラックは例を示すためのものです。 00:00:10.000 --> 00:00:20.000 動画ありの例は作成していません。

このようなコメントアウトはファイルの内容を閲覧するときには見えますがデータとして実行はされません。ファイルを編集する人が分かりやすくするためや憶えとして付けます。

スタイルシートの例

WEBVTT - Blue Note 0001 STYLE ::cue { color: black; background-color: rgb(255 255 255 / 0); font-size: 26px; } 00:00.000 --> 00:04.000 アナログには 無限があってゼロがない 00:04.000 --> 00:08.000 デジタルには ゼロがあって無限がない

ブロック要素とインライン要素

ブロック要素: 次の要素は新しい行から始まります。
例えば、<div>, <p>, <h1> などがあります。

インライン要素: 次の要素は同じ行に配置されます。
例えば、<span>, <a>, <img> などがあります。

<th>タグ

<th>タグを行ヘッダーとして使用することは、技術的には間違いではありません。実際、HTMLの仕様では、<th>タグは列ヘッダーだけでなく行ヘッダーを示すこともできるとされています。このように使用することで、表の内容がより分かりやすくなる場合もあります。

tableタグ
caption
h-1h-2
d-1d-2
Caption
H_2H_3
R_2D_22D_32
R_3D_23D_33