[Moblogger] Markdown で書いて HTML に変換してポスト

このエントリーをはてなブックマークに追加 Pocket

Markdown がお気に入りの @toshiya240 です。

最近、Markdown に関するエントリをいくつか見かけました。

Markdown については過去に何回か私も書いています。

Moblogger でも Markdown で書けると良いなぁと思ったので、手始めに MyScripts で実装してみました。



用意するもの

  1. Moblogger
  2. MyScripts
  3. marked.js
  4. Preview Markdown for Moblogger

Moblogger

Moblogger でという話なので。

Moblogger
バージョン: 2.3
価格: ¥400(2013.12.15 時点)
サイズ: 2 MB
カテゴリ: ソーシャルネットワーキング
販売元: Toshiya NISHIO
全てのバージョンの評価: ★2.5(6件の評価)

MyScripts

MyScripts または MyScripts LE が必要です。

MyScripts
バージョン: 2.5
価格: ¥400(2013.12.15 時点)
サイズ: 2.3 MB
カテゴリ: 仕事効率化, ユーティリティ
販売元: Takeyoshi Nakayama
全てのバージョンの評価: ★4.5(16件の評価)
iPhone/iPadの両方に対応

MyScripts LE
バージョン: 2.5
価格: 無料(2013.12.15 時点)
サイズ: 2.3 MB
カテゴリ: 仕事効率化, ユーティリティ
販売元: Takeyoshi Nakayama
全てのバージョンの評価: ★4(5件の評価)
iPhone/iPadの両方に対応

marked.js

今回は Markdown エンジンとして chjj/marked · GitHub を使うことにしました。

marked は GitHub Flavored Markdown · GitHub Help に対応しており、table 記法やコードブロックが使えます。

marked.js を登録するリンクを貼ろうと思いましたが、サイズが大き過ぎるためかうまく貼れなかったので、上記の GitHub のページから master/lib/marked.js の内容を marked.js という名前で MyScripts に登録してください。

Preview Markdown for Moblogger

Moblogger で編集中の Markdown テキストを HTML に変換してプレビューするスクリプトです。

プレビュー画面の末尾の「Moblogger に戻る」ボタンをタップするとそのまま Moblogger に戻ります。「Moblogger に HTML をセット」ボタンをタップすると変換した HTML が Moblogger にセットされます。

以下のリンクをタップすると MyScripts にスクリプトを登録する画面が表示されます。

Markdown Preview for Moblogger

そして、このスクリプトは Moblogger の Bookmark から呼び出すことを想定しています。 以下のリンクをタップすると Moblogger にブックマークを登録する画面が表示されます。

Moblogger に Preview Markdown を登録

Moblogger で Markdown

今回のエントリはこのスクリプトを使い、 Markdown 記法で書いて、プレビュー、HTML に変換してポストしました。

まぁ、でもアプリ内でそのまま Markdown が扱えた方がよいですねぇ。今後のバージョンで考えたいと思います。

関連記事

0 コメント: