noteもやってます。

【はてなブログ】編集モード8割が「見たまま」。「はてな記法」も「Markdown」も少数派だった

【はてなブログ】編集モード8割が「見たまま」。「はてな記法」も「Markdown」も少数派だったはてなブログ
【はてなブログ】編集モード8割が「見たまま」。「はてな記法」も「Markdown」も少数派だった
この記事は約5分で読めます。

はてなブログには編集モードが3つあります。

  • 見たまま
  • はてな記法
  • Markdown

わたしはMarkdownを使っています。
だから、ブログで「このボタンを押して、ここをクリックして・・・」みたいな画面操作の説明をするときにはMarkdownモードの画面でスクリーンショットを撮っています。

でも、みんなMarkdown使ってるのかな?
ふと思ったので利用者の割合を調べてきました。

すると、Markdown記法の利用者は4.2%しかいなかった。
めっちゃ少数派・・・

編集モードとは?

はてなブログには編集モードが3つあります。

見たまま
はてな記法
Markdown
見出しや箇条書きなどは編集モードによって書き方が違ってきます。

見出し:見たままモード

「見たまま」モードで見出しをつけるときは
編集メニューのプルダウンから「大見出し」「中見出し」「小見出し」を選んでいると思います。

はてなブログ 見たままモード 見出しを設定

はてなブログ 見たままモード 見出しを設定

見たままモードだと見出しを設定するときはいいんですけど、後から編集するときが面倒なんですよね。
見た目だと、どれが「大見出し」でどれが「中見出し」でどれがただの「太字」なのか判別しにくい。

この項目は「中見出し」から「大見出し」に変更しよう、これは「小見出し」に格下げしよう、
みたいな作業をしているとどれがどれなのか分からなくなってきます。

HTML編集に切り替えれば確認はできるんですが、
見たままモードとHTML編集を行ったり来たりすると操作が煩雑になります。

はてなブログ 見たままモード HTML編集

はてなブログ 見たままモード HTML編集

上の画像だと「かきくけこ」と「見出し3」の間に<h3>タグ(大見出し)がこっそり混入しています。
これは見たままモードのままだと普通は気づけないです。

見出し:はてな記法

はてな記法では見出しを以下のように書きます。

*見出し で大見出し、
**見出し で中見出し、
***見出し で小見出し

先頭に*をつけるだけでその行が見出しになります。
見出しのレベルを後から調整するとき、感覚的にわかりやすいです。

見出し:Markdown

Markdownでは以下のように見出しを書きます。

#見出し で<h1>タグ、
##見出し で<h2>タグ、
###見出し で<h3>タグ、
####見出し で<h4>タグ、
#####見出し で<h5>タグ、
######見出し で<h6>タグ

6段階で見出しのレベルを設定できます。

Webページの一般的な原則として、
記事の「タイトル」に<h1>タグを使います。
そして、見出しには<h2>~<h6>タグを使います。

しかし、「見たまま」モードや「はてな記法」の
大見出し・中見出し・小見出しは、<h3>・<h4>・<h5>タグに相当します。
大見出しが<h2>タグじゃないのがいまいちしっくりきません。

そういうわけで、<h2>タグを活用するならMarkdownモードがベスト。

他にも、箇条書きや表を書くときなど、
Markdownを使うと簡略化した書き方ができます。

編集モードを見分ける

さて、この便利なMarkdownなんですが
みんな使ってるんだろうかと調べました。

HTMLソースコードで<article>タグを見つけて、その中に
mode-htmlがあれば「見たまま」モード、
mode-hatenaがあれば「はてな記法」モード、
mode-markdownがあれば「Markdown」モードを使って書かれた記事だと識別できます

はてなブログ HTMLソースコード 編集モードを見分ける

はてなブログ HTMLソースコード 編集モードを見分ける

もう1つmode-rawっていうのが1件だけあったんだけど
たぶん、はてなブログProの人だけが使えるHTMLモードのこと。

見たままモードの「HTML編集」とは別に「HTMLモード」ってのがあるらしい。
自分がProを使っていないので、HTMLモードにした場合に本当にソースコードにmode-rawが出てくるのかは確認できず。

みんなはどの編集モードを使っている?

【はてなブログ】みんなは何文字書いてるの?はてなブロガー文字数調査【659記事を検証】
前回の調査では新着エントリー855記事の文字数を検証。 2,000文字以上5,000文字未満の記事が新着エントリーの半数を占めていることが判明しました。 でもこれって、 「その文字数の記事を書く人がそもそも多いんじゃないの...

これを調べた時の659記事について、編集モードを調べました。
各編集モードを使っている人の割合は以下の通りです。

記法
見たまま54783.0
はてな記法8312.6
Markdown284.2
mode-raw10.2

圧倒的に「見たまま」モードを使っている人が多いですね。

編集モードを変更する

はてなブログの管理画面で「設定」の部分から編集モードを変更できます。
https://blog.hatena.ne.jp/my/config

はてなブログ 管理画面 設定 編集モード

はてなブログ 管理画面 設定 編集モード

ここで設定しておけば記事を書くときは常にその編集モードになります。

また、記事を書くときの画面でも左上にある「編集」という部分をクリックすることでも、一時的に編集モードの変更ができます。

はてなブログ 記事編集画面 編集モード

はてなブログ 記事編集画面 編集モード

まとめ

はてなブログには以下の3つの編集モードがある。

  • 見たまま
  • はてな記法
  • Markdown

ほとんどの人が「見たまま」モードを使っているみたいですね。
そうなると、画面の操作説明をするときは、みんなが「見たまま」を使っている前提で説明した方が良さそうです。

はてなブログ活用テクニック、つづきはこちら

「はてなブログ」で記事を並べ替える2つの方法
はてなブログで記事を並べ替える方法をご紹介します。 要点だけ説明すると、方法が2つあり、 投稿日時を変更すると、 トップページでは入れ替わる、管理画面では入れ替わらない 下書きに戻す → 公開 トップページで入れ替わる...
はてなブログの小ネタ・便利技まとめ
はてなブログの基礎から応用まで、使える技をまとめました。 はてなブログの小ネタ・便利技まとめ はてなブログのアクセス解析、最近のアクセス傾向って何? 「続きを読む」の使い方 はてなブログとTwitterの連携 ...

コメント

タイトルとURLをコピーしました