AppHtml および AppHtmlME の細かな修正を行いました。
変更点は以下の通りです。
先日、MacBook Pro の Jekyll をバージョンアップしたところ、MarsEdit や Marked に外部 Markdown エンジンとして指定している kramdown が機能しなくなってしまいました。
挙動を探ってみると以下のような状況です。
つまり、MarsEdit に非 ASCII 文字を入力する(Marked の場合は非 ASCII 文字が含まれるファイルを開く)と、何も出力されなくなってしまったのです。
MarsEdit - the blog editor for WordPress, Tumblr, Blogger and more.
バージョン: 3.6.2
価格: ￥4,000(2013.12.28 時点)
サイズ: 7.9 MB
カテゴリ: ソーシャルネットワーキング, 仕事効率化
販売元: Red Sweater Software
全てのバージョンの評価: ★4.0（10件の評価）
Marked
バージョン: 1.4.3
価格: ￥400(2013.12.28 時点)
サイズ: 7.7 MB
カテゴリ: 仕事効率化, ユーティリティ
販売元: Brett Terpstra
全てのバージョンの評価: ★4.5（14件の評価）
これは困ったということで、解決(回避)に向けて試行錯誤してみました。
MarsEdit 3.6 でプレビューフィルタを適用してポストすることができるようになりました。
via Red Sweater Blog – MarsEdit 3.6: Bug Fixes With A TwistMarsEdit can now apply the preview filter as part of the publishing process.
This is primarily of interest to folks who write in HTML Text mode with a text filter such as Markdown, but publish to a blog that doesn’t support it natively.
Mac App Store 版はまだ 3.5.9 ですが、Red Sweater Blog によればサブミット済みとのことなので程なくアップデート可能になるでしょう。
MarsEdit - the blog editor for WordPress, Tumblr, Blogger and more.
バージョン: 3.5.9
現在の価格: ￥3,450
サイズ: 7.9 MB
カテゴリ: ソーシャルネットワーキング, 仕事効率化
販売元: Red Sweater Software - Red Sweater Software
全てのバージョンの評価: ★4.0（8件の評価）
ブログの設定画面の [Posting] > [Before posting] > [Apply preview filter to content] のチェックをオンにします。
私は 2010年くらいから Markdown を使うようになりましたが、Markdown で書いてポストするには以下のようにしていました。
via Happy-Go-Lucky: [MarsEdit] Markdown 記法でブログを書くMarkdown から HTML に変換する
書き終わったら、おもむろに
⌘ + ⇧ + T
です！
今回の設定をオンにすることで書いてそのままポストすることができるようになります。 これは手間が減って嬉しいです。
ただし、ポスト時に変換してブログシステムに送信するため、ポスト済みのエントリを編集する際は HTML を扱うことになります。ブログシステム側で Markdown をサポート可能な場合1はフィルタを適用せずそのままポストした方がよいでしょう。
ちなみに、私は
MarsEdit で拡張 Markdown を使うと捗るぞ
Markdown オススメですよ。
Tumblr や WordPress with PHP Markdown など。Posterous はなくなってしまいましたね。↩
MarsEdit - the blog editor for WordPress, Tumblr, Blogger and more.
バージョン: 3.5.8
現在の価格: ￥3,450
サイズ: 7.9 MB
カテゴリ: ソーシャルネットワーキング, 仕事効率化
販売元: Red Sweater Software - Red Sweater Software
全てのバージョンの評価: ★4.0（5件の評価）
Markdown、してますか？
実は私はブログではあまり使っていません1。 しかし、Jekyll をきっかけに再び Markdown 熱が高まってきました。
Jekyll では複数の Markdown エンジンがサポートされています。 これらの Markdown エンジンではオリジナルの Markdown にない機能が実装されており、 表現力が増しています。
そして、MarsEdit がプレビューで使用する Text Filter としてこれらを使用することでブログの執筆が捗ると思って試したみたところなかなかよさそうです2。
各 Markdown エンジンとも PHP Markdown Extra を拡張の基本としているようです。
Jekyll がサポートしている Markdown エンジンは以下のものです。
PHP Markdown Extra の対応状況はそれぞれ異なりますので後述します。
今回は標準 Markdown にはない表現ができるようになる拡張に注目しました。
HTML で表を書くのはちょっと面倒ですよね。 シンプルな表であれば以下のように書くことができます3。
First Header | Second Header
------------ | -------------
Content Cell | Content Cell
Content Cell | Content Cell 上記のように書くと以下のような HTML に変換されます。
| First Header | Second Header |
|---|---|
| Content Cell | Content Cell |
| Content Cell | Content Cell |
セルのセンタリングや右寄せなどもできます。
|---
| Default aligned | Left aligned | Center aligned | Right aligned
|-|:-|:-:|-:
| First body part | Second cell | Third cell | fourth cell
| Second line |foo | **strong** | baz | Third line |quux | baz | bar
|---
| Second body
| 2 line
|===
| Footer row | Default aligned | Left aligned | Center aligned | Right aligned |
|---|---|---|---|
| First body part | Second cell | Third cell | fourth cell |
| Second line | foo | strong | baz |
| Third line | quux | baz | bar |
| Second body | |||
| 2 line | |||
| Footer row |
[目次へ]
脚注[^1]を記述することができる。
[^1]: 本文の下につける注釈 本エントリでもいくつか脚注を記載しています。
[目次へ]
HTML の dl, dt, dd になります。
Markdown
: 軽量マークアップ言語の一つである。 電子メールでプレインテキストを装飾する際の慣習から着想を得ている。
PHP Markdown Extra
: Markdown にいろいろな拡張を施したもの。 [目次へ]
見出しに ID 属性を指定することができます。
# 見出し1 {#heading1}
## 見出し2 {#heading2} のように ID を指定して、
[見出し1 へのリンク](#heading1) のようにリンクすることができます。
Maruku と Kramdown では以下のように記述することで目次を自動生成することができます4。
* 目次(この要素は HTML として出力されません)
{.toc} [目次へ]
標準 Markdown では 4 文字分インデントするとコードブロックになりますが、 拡張 Markdown では ~~~ で囲むとコードブロックになります。
また、言語の指定もできます。
↓エスケープの仕方がわからなかったので先頭にスペース文字をいれています。
~~~ Markdown
* 目次(この要素は HTML として出力されません)
{.toc}
~~~ コードブロックは Google Code Prettify や highlight.js で自動的にハイライトすることができるようです5。
追記: どのエンジンも MarsEdit で HTML に変換すると改行が削除されてしまうようです。
[目次へ]
| 拡張内容 | Maruku | RDiscount | Kramdown | Redcarpet |
|---|---|---|---|---|
| Inline HTML | * | * | * | * |
| Markdown Inside HTML Blocks | * | - | * | - |
| Header Id Attribute | * | - | * | - |
| Fenced Code Blocks | *6 | *7 | * | *8 |
| Tables | * | * | * | * |
| Definition Lists | * | - | * | - |
| Footnotes | *9 | - | * | - |
| Abbreviations | * | - | * | - |
| Emphasis | -10 | * | * | * |
| Backslash Escapes | * | - | * | * |
本エントリで言及していないものについては PHP Markdown Extra をご確認ください。
上記を見ると、Kramdown がよさそうです。
Kramdown は HTML から Markdown への変換もできるようです。 まだ試していませんが、公開済みのエントリを Markdown に変換して編集し、再度 HTML に変換してサーバにアップロードするという使い方ができるかもしれませんね。
[目次へ]
Markdown エンジンは gem コマンドでインストールすることができます。 環境によっては gem のアップデートを先に実行する必要があります。
$ sudo gem update --system
$ sudo gem install kramdown $HOME/Library/Application Support/MarsEdit/TextFilters にフィルタ名のディレクトリを作成し、シェルスクリプトを作成します11。
Library/Application\ Support/MarsEdit/TextFilters/
├── Convert\ Line\ Breaks_1.1.3
│ └── Convert\ Line\ Breaks.py
├── Markdown_1.0
│ ├── License.text
│ ├── Markdown\ Readme.text
│ └── Markdown.pl
├── SmartyPants_1.5.1
│ ├── SmartyPants\ Readme.txt
│ └── SmartyPants.pl
├── Textile_1.0
│ ├── Text
│ │ └── Textile.pm
│ └── Textile.pl
├── kramdown
│ └── kramdown.sh
├── maruku
│ └── maruku.sh
├── rdiscount
│ └── rdiscount.sh
└── redcarpet
└── redcarpet.sh Redcarpet の例は以下の通りです。
#! /bin/sh
CMD=redcarpet
CMDARGS="--parse-no_intra_emphasis --parse-tables --parse-fenced_code_blocks --parse-autolink --parse-strikethrough --parse-superscript --render-with_toc_data"
$CMD $CMDARGS $1 MarsEdit でプレビューフィルタによる Markdown の使い方についは 以下をご覧ください。
[目次へ]
[AppHtmlWeb] フォーマットをカスタマイズできるようにしました
またしても AppStore の画像の URL が変更されました。 @hondamarlboro さんのツイートで知りました。
AppHtml利用の方へ AppStoreの画像URLが変更になっています。既存エントリ内の画像がリンク切れしていませんか？以前と同じ事象です。変更後URLとWordPressの一括修正方法です --> http://t.co/VnTVQh5x
2012-10-17 07:17 via twicca
hondamarlboro
hondamarlboro
変更後の URL をまとめてくださっています。
AppHtmlメーカーのリンク切れ対応版リリースとWordPress一括変換方法[2012年10月17日版] | 代助のブログ
[2012年10月17日 2:30追記]またリンク切れが発生しています。変更後のURLを[追記3]に記載しました。WordPressにおける一括変換方法は前回と同様です。via AppHtmlメーカーのリンク切れ対応版リリースとWordPress一括変換方法[2012年10月17日版] | 代助のブログ
ということで、AppHtmlME を修正しました。
こちら(AppHtmlMe2.0.7) からダウンロードすることができます。
[AppHtml*] 一つの記事を対象にストアリソース(画像)の URL を修正するスクリプト
こちら(fixAppStoreResourceURL.alfredextension) からダウンロードすることができます。
前のバージョンをインストール済みの方は既存のスクリプトを削除してからインストールしてください(上書きできません)。
シェルスクリプトバージョンは こちら です。
やはり画像の URL は外部に定義したいところですね。
AppHtmlWeb も修正しました。
私が修正できるのは「iTunesで見る」ボタンのみです。他の画像については本家の修正をお待ちくださいm(_ _)m
本家が修正されました！ @hiro45jpさんに感謝です！
修正しました。恒久策は別途。 [share] [AppHtmlME] 【まただよ】画像リンク修正【なんとかしないとな】 - Happy-Go-Lucky B! http://t.co/M0X89oz3
2012-10-18 08:28 via Sylfeed
hiro45jp
hiro45jp
追記: FavPasteME の更新は Moblogger ユーザの方以外もお願いいたしますm(_ _)m MobileSafari 用のボタンが表示されてしまいます。
第五弾は FavPaste です。
Moblogger 1.0 (￥350)
カテゴリ: ソーシャルネットワーキング
販売元: Toshiya NISHIO - TOSHIYA NISHIO（サイズ: 0.7 MB）
全てのバージョンの評価: 無し（0件の評価）
これまで FavPaste に関しては MobileSafari に言及(URL を明示)していませんでしたが、
動作を確認した上で出力先を Moblogger にしました。
(テキストエリアの HTML をコピーして別のアプリに貼り付けることもできます。)
え〜と。FavPasteME2.1 に不具合があり、
MobileSafari と区別できませんでした（；^ω^）
お手数をおかけしますが、修正版への置き換えをお願いいたします。
▼ Mobile Safari では結果画面のボタンは以下のようになります。
PicasaHtml のフォーマット定義をプリセットから選択またはユーザ定義可能に変更しました。
PicasaHtml は Web アプリですので、Mobile Safari, DraftPad, MarsEdit すべてに反映されております。
既存のフォーマット指定が無効になりますので、ご利用者の皆様にはお手数をおかけしますが、 フォーマットの再指定を実施くださいますようお願いいたします。
FavPaste を更新しました。 @toshiya240 です。
今回の変更点は以下の通りです。
[PicasaHtml] 画像サイズを指定可能にしました
こちら からダウンロードできます。
【お知らせ】[iPhone] AppHtmlWeb/PicasaHtml/YouTubeHtml/FavPaste を修正しました
今後は、一度の修正で DraftPad版、 MobileSafari版、 MarsEdit版のすべてに反映されるようになります。
基本的な作りに変更が必要な場合はこの限りではありません。
こんばんは。@toshiya240 です。
@corneliuspapa さんがブログに書かれていた AppHtml でアプリ名が英語になってしまう件、解決しました。
iPhoneの世界: AppHtmlでアプリ名が英語表記になっちゃう
解決方法は @azur256 さんに教えていただきました。
@toshiya240 @hiro45jp AppHTMLをRubyで実装しようとしてて気付いたのですが、AppHTMLが叩いている検索URLが英語しか返さなくなっているみたいです。どうやら itunes.apple.com/jp/search にアクセスしないと日本語を返さない模様。
2012-06-26 19:43 via YoruFukurou
azur256
azur256
修正版 AppHtmlME はこちらからダウンロードできます。→AppHtmlME 2.0.6
なお、本家 AppHtml も修正されています。
関連リンク:
MarsEdit - the blog editor for WordPress, Tumblr, Blogger and more. 3.5.4 (￥3,450)
カテゴリ: ソーシャルネットワーキング, 仕事効率化
販売元: Red Sweater Software - Red Sweater Software（サイズ: 6.2 MB）
全てのバージョンの評価: 
（4件の評価）
[iPhone][MarsEdit] 今週末は Dpub だから DeliciousHtml を Webアプリにした
@toshiya240 こんにちは。試してみたのですが、記事にタグ付けの数だけ繰り返しでhtml生成されちゃいます？ RT Happy-Go-Lucky:今週末は Dpub だから DeliciousHtml を Webアプリにした http://t.co/ZxVMBcDD
2012-06-24 15:49 via Twitter for iPhone
hondamarlboro
hondamarlboro
明日はいよいよ Dpub ですね！ ちょっと体調を崩していて今日は静養している @toshiya240 です。
昨日、PicasaHtml で 512px 以上の画像の長辺が 512px にリサイズされるというご報告をいただきました。
@toshiya240 こんにちは。PicasaHTMLを利用させていただいています。質問なのですが大きめの画像を扱うと512pxにリサイズされるのは仕様なのでしょうか？
2012-06-21 17:14 via web
otiham
otiham299
調べてみると、2011年の末頃から API にサイズを指定しない場合に返却されるサイズが 512px に変わったらしいことがわかりました。
PicasaHtml はオリジナルサイズを取得する仕様としていますので、 オリジナルサイズを取得するように修正しました。
毎度のことですが、ご利用者様に行なっていただく作業はございません。
関連リンク
