このページは移転しました。
はてなブログには編集モードが3つあります。
わたしはMarkdownを使っています。
だから、ブログで
「このボタンを押して、ここをクリックして・・・」
みたいな画面操作の説明をするときにはMarkdownモードの画面でスクリーンショットを撮っています。
でも、みんなMarkdown使ってるのかな？
ふと思ったので利用者の割合を調べてきました。
すると、Markdown記法の利用者は4.2％しかいなかった。
めっちゃ少数派・・・
編集モードとは？
はてなブログには編集モードが3つあります。
見出しや箇条書きなどは編集モードによって書き方が違ってきます。
見出し：見たままモード
「見たまま」モードで見出しをつけるときは
編集メニューのプルダウンから「大見出し」「中見出し」「小見出し」を選んでいると思います。
見たままモードだと見出しを設定するときはいいんですけど、後から編集するときが面倒なんですよね。
見た目だと、どれが「大見出し」でどれが「中見出し」でどれがただの「太字」なのか判別しにくい。
この項目は「中見出し」から「大見出し」に変更しよう、これは「小見出し」に格下げしよう、
みたいな作業をしているとどれがどれなのか分からなくなってきます。
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」モードを使って書かれた記事だと識別できます
もう１つmode-rawっていうのが１件だけあったんだけど
たぶん、はてなブログProの人だけが使えるHTMLモードのこと。
見たままモードの「HTML編集」とは別に「HTMLモード」ってのがあるらしい。
自分がProを使っていないので、HTMLモードにした場合に本当にソースコードにmode-rawが出てくるのかは確認できず。
みんなはどの編集モードを使っている？
これを調べた時の659記事について、編集モードを調べました。
各編集モードを使っている人の割合は以下のようになりました。
| 記法 | 数 | ％ |
| 見たまま | 547 | 83.0 |
| はてな記法 | 83 | 12.6 |
| Markdown | 28 | 4.2 |
| mode-raw | 1 | 0.2 |
圧倒的に「見たまま」モードを使っている人が多いですね。
編集モードを変更する
はてなブログの管理画面で「設定」の部分から編集モードを変更できます。
https://blog.hatena.ne.jp/my/config
ここで設定しておけば記事を書くときは常にその編集モードになります。
記事を書くときの画面でも左上にある「編集」という部分をクリックすれば、
一時的に編集モードの変更ができます。
まとめ
はてなブログには以下の3つの編集モードがある。
ほとんどの人が「見たまま」モードを使っているみたいですね。
そうなると、画面の操作説明をするときは、みんなが「見たまま」を使っている前提で説明した方が良さそうです。
お知らせ
最後までお読みいただきありがとうございます。
この記事は参考になりましたか？
役に立ったという方はブックマークをお願いします。
読者登録は以下のボタンから
Twitterでこの記事を書いた人をフォローする場合はこちら
Follow @toeicmantenblog
この記事をツイートする場合はこちらからお願いします。
Tweet
ブログ村ランキングにも参加中。
ブロガーさんには以下のシリーズ記事もおすすめです。
