【Clipy】HTMLモードで記事を書くときの強力な助っ人アプリ

FC2ブログエディターの「見たまま編集」と「HTML編集」

旧来のFC2ブログエディター(旧投稿画面)は「見たまま」と「HTML」の混合タイプ、と言えば良いんでしょうかね。実際は旧投稿画面はHTML編集主体のエディター なんですが、あまり意識せずに使えていたのではないかと思います。意識が薄い原因は「改行の扱い」指定の存在に他ならなかったわけですけれども(詳細説明は省きます)、新デザイン管理画面では 旧投稿画面の利用不可 となっていますので、自身が記事を作成する際に 「見たまま編集」を利用するのか、「HTML編集」を利用するのかの選択 が必須になっています。

いえ、もちろん両モードを切り替えて行き来することは可能なんですが、この2つのモードはそもそも記述概念が全く異なるわけですから却って書きづらくなってしまう場合があります。なので「どちらを使うのか」という方針を決めないといけませんよね。

「見たまま編集」の場合は原則 FC2が予め想定・準備したツールを利用する という感じになります。入力画面上にある「行揃え」や「文字色指定」などがそれですね。このツールに無いものについては諦めるか、それとも「HTML編集」に切り替えて手打ちするか、という感じです。ただ「モードの切り替え」を行った場合には前述の通り記述概念があまりにも違いますので、詳細はこれまた省きますが「ぎゃっ！無理！」となる場合も(笑)

(投稿画面のツールバーに無い)htmlを多く利用する場合は「HTML編集」を利用した方が遥かに効率面・管理面に於いても有効だと思いますので、「HTML編集」モードをいかに効果的に利用するか、というのが本記事の主旨です。

複雑なHTMLはコピー&ペーストが便利【ダウンロードリンク】

これまでも 頻繁に利用するhtml構文は辞書登録をしておくと良いよ といったことを何度か書いています。ところがこの辞書登録というのは

• バイト数制限がある(あまりに長い文字列は格納できない)
• コード整形ができない(htmlコードの視認性に難あり)

といったデメリットがあります。コード整形、というのは例えば入れ子の状態を階層化するために任意改行を入れたり、インデントを付けたり、という操作ですね。あとはもしかすると「どんなワードで登録したか忘れた… 0(:3 )～」とかもあるかもしれない(笑)

Clipy

Clipboard extension app for macOS

clipy-app.com

こちらの Clipy(くりっぴぃ) は Mac専用 です。Windowsの場合は

Clibor

クリップボード履歴ソフト「Clibor」の公式サイト

chigusa-web.com

こちらの Clibor(くりぼー)が同じようなソフトであろうと思われます(利用したことが無いため自信が無くて申し訳ないですが、評判はとても良いようです)

これらの特徴は

• 長い文字列の格納が可能
• コード整形可能(視認性の確保)

つまり辞書登録の難点をカバーすることができます。サンプル画像は以下の通り。

挿入したい箇所にカーソルを合わせておいて、登録したスニペットをクリックするだけです。超簡単。
「HTML編集」モードの利点は コード整形が可能な点 ですから、長い長いhtmlコードを横にズラズラーっと並べて書く必要は無いわけです。整形することで管理も容易になります。例えば一部を書き換えたり、書き足したり、といったことですね。FC2ブログの新投稿画面「HTML編集」モードはそれが可能なのですから利用しない手は無い。

旧投稿画面はだめ ですよ。旧投稿画面利用でコード整形ができるのは 「改行の扱い」設定を「HTMLタグのみ」 に指定している場合だけです。「自動」指定でコード整形してはいけない (ヾﾉ・ω・`)

ショートカット 2021.7.18 追記

アプリ呼び出しのショートカットについて。

Clipy Command + Shift + V

Clibor Ctrl 2度押し

Cliborのショートカットはbonさんに教えて頂きました。ご協力ありがとうございます :)

bonの記録ブログ

食中心な趣味の記録

bon3te.fc2.net

まとめ

最近私も使っていますが、もうめちゃくちゃ便利です。特に「手入力だとスペルを打ち間違えることがある」というのを痛感している身なので ^^;

定型文を「メモ帳やテキストエディターに保存してそこからコピペ」「過去記事からコピペ」「整形なし辞書登録で変換」など行っている方はぜひ一度お試しください ('0')/