[試] Windowsのブログ執筆環境 | Windows Live Editor、PhraseExpress、Jing、GIMP

2012/11/29

2014/01/03

約8分

ブログ執筆環境, Windowsアプリ

Windowsアプリ

こんにちは、marubon（@marubon_jp）です。

今回は、Windowsのブログ執筆環境について紹介したいと思います。

ブログ投稿の継続は、ある意味、執筆効率化の道のりでもあります。私が、1ヶ月程度ではありますが試行錯誤した結果を説明します。参考になるとうれしいです。

本エントリでは、環境（ソフトウェア）の紹介のみを行います。それぞれの使用方法やTIPSについては、別エントリとして執筆する予定です。

ブログ執筆環境に求める要件

最初に私がWindows上のブログ執筆環境に求める要件をまとめたいと思います。

WYSIWUG編集機能を備えていること
WYSIWUG編集機能とは、What You See Is What You Got（見たままが得られる）の頭文字をとったもので、作成・編集時にディスプレイ画面で見たものが、そのままHTML文書として出力できる機能です。ワープロ感覚で文書を作成できることと言い換えることもできます。
HTMLプレビューができること
当たり前のことですが、HTMLのプレビュー機能を備えていることです。
ブログサービスへの投稿機能があること
直接ブログに接続し、作成したHTMLをアップロードできる機能です。
TextExpanderのような入力支援機能が利用できること
TextExpanderは、スニペットという形で変換を登録でき、スニペットを入力すると自動的に登録していた文字列に変換してくれるアプリです。定型文でも威力を発揮するのですが、特にHTML入力の利便性は一脱です。HTMLタグを一つ一つ手入力するのは骨が折れますが、例えば、事前に登録しておけば、「,ul」と打ち込むことにより「」と変換してくれるわけです。入力を効率化することができ、快適な文字入力には必須の機能です。
ウィンドウのスクリーンショットが簡単に撮れること
特にTIPS系のブログだと必須になる機能です。対象のウィンドウ、または選択した範囲のスクリーンショットを簡単に取得できるかできないか執筆効率が大きく変わります。
取得したスクリーンショットの編集（説明用の文字入れ等）が簡単にできること
ウィンドウのスクリーンショットは、撮ったまま掲載する場合もありますが、強調したい場所を枠線で囲ったり、矢印や説明の文字を入れることが多々あります。
ブックマークレットが使用できること
おそらくブロガーの方ご用達のAppHtml（iPhoneアプリの紹介の自動HTML生成）やShareHtml（ブログ紹介の自動HTML生成）等が使用できることです。
画像のレタッチができること
コンテンツによって、画像をレタッチしたいことが出てきます。画像処理機能を提供してくれることが要件となります。
画面が重なった時に目的のウィンドウにすばやく移動することができること
ウィンドウの切替支援機能とも言えます。複数のウィンドウを同時に立ち上げて切り替えながら、ブログを執筆することが多々あります。その中で目的のウィンドウを探索し、スムーズに切替できることが執筆の効率化につながります。

Windowsのブログ執筆環境

上記要件を満たす環境を色々と検討した結果、たどり着いたのが下記ソフトウェアの組み合わせです。

Windows Live Editor（メインエディタ）
PhraseExpress（定型文、HTML/CSS入力支援）
Jing（スクリーンショット取得、編集）
GIMP（画像のレタッチ）
Win7se + Mission Control（ウィンドウ切替効率化）

上記要件を以下のような関係で対応します。

図解してみました。以下が私のWindowsのブログ執筆環境になります。

それぞれのアプリについて簡単に紹介したいと思います。詳細については、他のブロガーの方が記事にされているのでそちらを参照して下さい。

Windows Live Editor

Windows Live Editorは、その名の通り、Microsoftが提供しているブログエディタです。Windows Live Essentialsの一つとして無料で提供されています。以下の特徴を備えています。

WYSIWUG編集機能
ワープロ感覚で編集することができます。そのレイアウト通りに表示するHTMLを自動出力してくれます。また、直接HTMLソースを編集し、プレビューを行うことも可能です。
ブログテーマのインポート機能
ブログに設定したテーマや個別カスタマイズのCSS等を読み込んでくれます。自分のブログにそのまま書いているような感覚で執筆することが可能です。
対応するブログサービスが多い
私は、Blogger™ ウェブパブリッシングサービスを使用していますが、WordPress、Movable Type等様々なブログプロバイダに対応しています。
一度投稿した記事の編集も可能
投稿機能はもちろんとして、すでに投稿した記事を読み込み更新することが可能です。

無料ブログの編集はWriter – Windows Live on MSN

PhraseExpress

PhraseExpressは、MacやiPhoneのTextExpanderのWindows版といえます。要件に記載した通り、スニペットと呼ばれる短い単語を入力することで、事前に登録した文字列に変換してくれます。ブログにおける定型文やHTML/CSSの入力を大幅に効率化してくれます。個人利用に限り無料で使用可能です。

Autotext – Text Expander for Windows – Snippets Organizer

Jing

Jingは、スクリーンショット取得ソフトです。以下の機能を持っています。手動選択も可能ですが、ウィンドウ等選択範囲を自動で調整してくれます。取得後、そのまま編集プロセスに入ることができ、非常に便利です。

ウィンドウのスクリーンショット取得（PNG出力）
キャプチャ領域の自動選択（手動選択も可）
スクリーンショットの編集機能（矢印、枠、文字の挿入）
取得したキャプチャのヒストリー機能

Autotext – Text Expander for Windows – Snippets Organizer

GIMP

GIMPは、オープンソースの画像処理ソフトウェアです。無料で使用可能です。オープンソースとしては非常に高機能で、よくPhotoshopと比較されます。レイヤー等も使用でき様々な加工が可能です。またスクリプト（プラグイン）を追加することで簡単に機能を追加することができます。画像のレタッチだけでなく、ブログのアイコン等のパーツ製作にも使用可能です。