zennの記事を書く際に「リアルタイムにMarkdownプレビューできれば便利」と思い始めたので、自分でスクリプトを書くことにしました。

機能定義

まずは欲しい機能を決めます。

1. 記事作成のテキストエリアの横、もしくは下にプレビュー画面を表示する。
2. 入力したMarkdownがリアルタイムでプレビューされる。
3. テキストエリアとプレビュー画面のスクロールを同期させる。（これは難しそうなので余裕があれば）

使用言語

使用言語はjavascriptで、できれば手軽なユーザースクリプトで書きたい。ユーザースクリプトでは欲しい機能が実現できない場合はChrome拡張機能で書く。

ベータ版が完成。
次の目標はプレビュー画面を右に配置するCSSを書くこと。
その前にユーザースクリプトでCSSを読み込む方法を調べる。

CSSを操作してプレビュー画面を右にすることが出来た。
次は細かなバグを潰していく。