Captain's Log, Supplemental

ローカルプレビュー時に環境に応じて入力テキストをどのようにHTML化するか？という事を選択出来るオプションを追加しました。

マークダウン解析(デフォルト値On)

入力されたテキストをマークダウン変換する場合はOnに設定します。

素の状態のwordpressにマークダウンは関係ないように思われがちですが、空白の改行を入れるとパラグラフで囲うというのもマークダウンの一つなのでOnにする必要があります。

自動改行(デフォルト値On)

パラグラフ内の改行コードをBRタグに変換するか否かのスイッチです。


マークダウンプラグインなどを使用されてない場合はOnで利用してください。

以上

via PressSync

PressSyncにはAppLinkMakerという機能があり、これはアプリの紹介リンクを簡単に作る事を主目的とした機能です。

それ以外にも変わった使い方ができそうなのでご紹介してみます。

アプリアイコンなどを取得する為のフォーマットを作ってみた

この機能の仕様はこちらになります。

上記のドキュメントをみれば大体このフォーマットの作成ルールがわかると思うのですが、私が勝手に考えたものなので、たぶん私しかわからない事があると思います。

もし自作したい場合、わからない事があれば聞いてください。

さて、タイトルのフォーマットを作ってみました。

<table>
<tr>
<th><a href="[artworkUrl60]">60x60</a></th>
<th><a href="[artworkUrl60]"><img src="[artworkUrl60]" width="100" height="100"></a></th>
</tr>
<th><a href="[artworkUrl100]">100x100</a></th>
<th><a href="[artworkUrl100]"><img src="[artworkUrl100]" width="100" height="100"></a></th>
</tr>
<tr>
<th><a href="[artworkUrl512]">512x512</a></th>
<th><a href="[artworkUrl512]"><img src="[artworkUrl512]" width="100" height="100"></a></th>
</tr>

<logic:notEmpty key="screenshotUrls[]">
<logic:iterate key="screenshotUrls" Separator="">
<tr>
<th><a href="[screenshotUrls[]]">iPhoneScreenShot[]</a></th>
<th><a href="[screenshotUrls[]]"><img src="[screenshotUrls[]]"  width="100" height="100"></a></th>
</tr>
</logic:iterate>
</logic:notEmpty>

<logic:notEmpty key="ipadScreenshotUrls[]">
<logic:iterate key="ipadScreenshotUrls" Separator="">
<tr>
<th><a href="[ipadScreenshotUrls[]]">iPadScreenShot[]</a></th>
<th><a href="[ipadScreenshotUrls[]]"><img src="[ipadScreenshotUrls[]]"  width="100" height="100"></a></th>
</tr>
</logic:iterate>
</logic:notEmpty>
<table>

フォーマットの登録

システム設定画面よりAppLinkMaker設定を選択

フォーマット追加を選択

「i」ボタンをタップし、適当な名前(本例ではアイコン取得用と命名)をつける

「アイコン取得用」ボタンをタップ

今回ご紹介しているサンプルフォーマットを貼付ける

登録したフォーマットの利用

AppLinkMaker機能は本文テキストボックスにタグを貼付ける事を主目的にしている為、本文の編集中でないと機能を呼び出せません。（この点すこし不便ですが）

下図のボタンおよびアクションシートを選択します。

適当に検索します。（本例ではMacアプリのTweetBotを検索）

フォーマット変更をタップし、先ほど追加した「アイコン取得用」を選択します。

一覧より「TweetBot」を選択しプレビューを選択します。

画像ファイルを取得する

画像をロングタップしてコピー→他のアプリ（画像編集アプリ）に貼付けるか、、、
クリップボード経由は色々難しいので推奨しません。画像箇所もリンクするようにサンプルフォーマットを一部修正しました。

画像のリンクを選択して画像を開いた状態で、「Safariで開く」を選んで、Safari経由でアルバムに保存するなどしてください。


 
 

以上

via PressSync

PressSyncのローカルプレビュー機能は、投稿内にMediaが指定されている場合、一旦Mediaをアップロードしてからで無いとプレビュー表示出来ないという制限がありました。

つまりローカルプレビューと言いながら通信環境が必須の機能なので、これはまずいという事でローカルだけで完結してプレビュー出来るようにしました。

気づかれている方も多いと思いますが、PressSyncのイメージタグの表現の仕方は二種類あります。


一つはそのものズバリの<img>タグで、もうひとつはアップロード直前のassets-library://から始まる例のアレです。

assets-library://から始まるタグはiPhone内の画像URLを示す文字列なのですが、「&presssync=1」以降にPressSync独自のパラメータを保持しています。

こちらのイメージタグ編集画面で設定した値を「&presssync=1」以降に保持しておき、アップロードがされた時にイメージタグを構築しているという仕組みです。

つまりPressSyncは画像がローカル状態でも様々なパラメータを与える事が現時点のリリースバージョンでも可能なのですが、プレビューの際にすぐに<img>タグに変換されてしまって、あんまり意味ないよな、と我ながら感じていました。

しかし今回の対応で、このややこしい仕組みが火を吹きます。

ローカルプレビューの場合は、以下のようなローカルイメージタグはアップロードを行わず、内部的に<img>タグに変換を行った上でプレビューを行います。

ローカルプレビューであっても、回り込みの設定や、リンクが正しく機能しているか？という確認が行えます。

最近リリースの頻度が多すぎるので、もうちょっと他の機能を実装してからまとめて申請します。


先日、不具合対応版を申請した所で、しかもそれがまだ承認されてませんし(^^;;

以上

via PressSync

短いスパンで何度もアプリのアップデートを行ってしまい申し訳ありません。


本日のリリースバージョンから新規インストール直後のデフォルトのプレビュー方式を「ローカルプレビュー」に変更したのですが、そのローカルプレビューが正しく動作していない事が発覚しまして。

wordpressは改行に関してマークダウン的な解釈を行うのですが、ローカルプレビューではその考慮が漏れていました。

どういう問題が起きるかというと、適切に改行を入れて文章を書いているのに、一行にまとまってプレビューされてしまうという事態になります。

これの対策として次の機能を追加しました。

マークダウン解析機能

プレビュー時に入力されたテキストをマークダウン変換を行いプレビューするスイッチです。

自動改行はパラグラフ内の改行コードを自動的にBRに変換するか？というスイッチです。

特にマークダウンプラグインを使用していない場合、両方ともONの状態で使って頂くことになるかと思います。

以上

via PressSync

エクスポート用のURLアクションを追加するには、システム設定→エクスポート→URL Actionsから行います。

以下のURLスキームをURLに設定してください。

hatenabookmark:/entry?url=[link]&title=[post_title]&backurl=presssync%3a%2f%2f&backtitle=PressSync

「フォーマット」はデフォルト値をそのまま使うか空白を設定してください。

登録したURLアクションは、一覧画面各項目より呼び出せます。

以上

via PressSync

現時点においてPressSyncの「投稿画面内にカーソル上のMediaのサムネイルボタンを表示し、専用のイメージタグ編集画面でタグ編集出来る機能」はブログエディタの中でも唯一無二の機能ではないかと思っています。


但しサムネイル表示する為には一定の条件があります。


アプリを使ってて「あれ？出ない？」と混乱をきたす事があるかもしれないので条件を記しておきます。

投稿画面内にサムネイル表示させる為の条件

条件としてはMediaタブの一覧に読み込まれている事です。


なのでサムネイル表示されないという事が頻発する場合はMediaの同期件数を大きく設定してみてください。

写真を投稿していくうちにMediaの同期範囲外に押し出されたとしても、キャッシュにたまっていているのでサムネイル表示可能だったと思います。


(ただしデータベースの最適化を行うと同期範囲外のキャッシュは消えます)

イメージタグ編集画面では、リンク先を大中小から変更できたり、タイトルタグをMediaの情報から引っ張ってきたりと複雑な事を行っており、Mediaの情報が必須の画面になっている為このような仕様にしています。

以上

via PressSync

昨日の予告時にTwitterで仕様の不備を指摘された件の修正ついでに簡単な機能を幾つか追加しました。


先ほど申請したので週末にはリリースされると思います。

タグ選択画面の「追加」ボタン

「タグを追加ボタン」は一覧の最下部にある為、タグ数が多いと、いちいちいちいち1番下にスクロールするのが手間です。

なのでタグ数が10件以上の場合、上下に「追加」ボタンを表示するようにしました。

写真からジオタグを取得出来るようにしました。

「wordpress.com」で採用されている位置情報を投稿に表示するプラグイン用のカスタムフィールドを設定する機能です。

現状は地図で設定することしかできませんが、カメラロール内の写真からもジオタグを取得出来るようにしました。

以上

via PressSync