レスポンシブに対応した新Bloggerはサクサク執筆できる

Google Blogger管理画面が新しくなった。

1ヶ月ほど前からその知らせは来ていて、いつでも切り替えできるとあったのでそのままにしておいたが、これからも利用し続けることを考慮し、新画面に切り替えてみた。

そうしたら、意外にも使いやすいことがわかった。

より執筆に特化した編集画面

まずは編集画面、以下はそれぞれ作成ビュー、HTMLビューのスクリーンショットだ。

Bloggerを使い続けている人なら、さほど変わったという実感はないのかもしれない。今までと違う点は、

くらいだろう。

筆者は普段HTMLビューにてコードを見ながら記事を書くのだが、今回はあえて「作成ビュー」にてこの記事を書いている。しかし、今までのクセでどうしてもHTMLビューを見てしまい、やたらタグが増えてHTMLがきれいではないのが気になるのは筆者だけだろうか。

いずれにせよ、他の様々なブログサービスやnoteのように、この作成ビューはより執筆に専念できるように特化された画面作りなのかもしれない。

編集中のプレビューも使いやすくなった。画面下にPC、タブレット、スマートフォンの切り替えアイコンがあり、それぞれに対応したプレビューが確認しやすくなった（下画像）。

一方、ダッシュボード全体は完全にレスポンシブに対応するようになった。

以下はそれぞれ、投稿画面、レイアウト画面、テーマのHTML編集画面のスクリーンショット。

スマートフォンで見てもほぼ同様の見た目となる。特にテーマの編集の際の「HTML編集画面」は、今までより見た目がわかりやすく、より編集しやすくなっている。

特筆すべきは、スマートフォンでの編集画面だ。以下スクリーンショットを見てもらいたい。

今まで、iPhoneではBlogger専用アプリがなく、BlogTouchやPWEditorといった代替アプリを使うしかなかったのだが、これでスマートフォンだけで記事作成から記事公開までが可能になった。

これは新しい管理画面とは関係ないことだが、今までは記事内の目次について、自前のCSSを使って記事ごとに挿入していた。この場合、作成ビューに切り替えるたびに自動的に編集画面のURLが勝手に入ってしまうという問題があった（筆者だけの問題かもしれない）。

だが、今後新しいレスポンシブに対応した管理画面で作成ビューを利用していくにあたり、以下サイトで紹介している、hタグを読み取って自動的に目次を生成してくれるプラグインを導入したので、ここでも紹介したい。このサイト所有者もBlogger利用者だ。

これなら、テーマのHTML編集画面で＜/head＞前にコードを貼り付けるだけで、あとは記事を書いたら自動的に目次が入るようになる。

Blogger利用者はいろいろなことを教えてくれて、みんなとても親切だなぁ〜

今までパソコンでの執筆が主となっていたBloggerだが、これでデバイスを選ばずにいつでもどこでも記事が書けるようになったのは、嬉しい限りだ。

【お詫び〜 January, 2021】
Google Bloggerで始めたが、この度Wordpressに変更した。
こんなことを書いておいて、Bloggerに関する記事が意味なさなくなってしまうかもしれないことをお許しいただきたい。