【iPhone】『DraftPad』でAppHTMLが出来ない件(1次解決)

2013年4月22日月曜日

DraftPad iPhone アプリ

t f B! P L

20130421083022.jpg

DraftPadという無料アプリを使うとiPhoneからブログを更新するのがだいぶ快適らしいのですが、iPhoneやMacのアプリを紹介するのに連携する機能で、AppHTMLという機能をずっと使いたいと思っていました。

DraftPad(Version 1.6.2)

価格:無料(最新価格はStoreで確認してください)

カテゴリ:仕事効率化

評価: (3.5 / 531件の評価)

App Store


上記のようなアプリ紹介が出来る機能です。

AppHtmlメーカー
AppHTML



結論としては、出来たのですが仕組みそのものを理解していなかったため、かなりハマってしまって、だめじゃん、出来ないじゃんとかなり悩んでしまいました。

僕のように仕組みを理解できずにくじけてしまっている方がいらっしゃるかもしれませんので、DraftPadとAppHTMLを連携する。
というかなり限定的な話題ですが、下記に記載しておきます。


1.結論ーAppHTMLのブックマークはDraftPadではなく、Safariのブックマークとして登録する。


言葉にすると恥ずかしいのですが、僕はずっとDraftPadのAssist機能側に登録するものとばかり思ってしまいました。

そもそもDraftPadのAssist機能自体どうやったらその画面にたどり着けるのかもなかなかわからなかったくらいです。

DraftPadのAssist機能に登録するのではなく、Safariのブックマークとして登録します。

2.試すーAppHTMLのブックマークはDraftPadではなく、Safariのブックマークとして登録する。



AppHtmlメーカー
AppHTML


にアクセスして、必要事項を記入の上、DraftPadに連携にチェックを入れて、Bookmarkletを生成するをクリックします。

Draftpad4

できたBookmarkletをiPhone登録用を、iPhoneからクリックします。
iPhoneで操作していることを前提としています。

Draftpad5

これを、Safariのブックマークとして登録します。

20130421084147.jpg

20130421084157.jpg

必ず最初はjavascript〜になります。

3.Safariのどのようなページでもいいので、開いてブックマークをよびだす。



アプリを紹介する時には、面倒なのですが、一旦draftpadから離れて、Safariをたちあげてから先ほどのブックマークを呼び出して、アプリの名前を入力します。


ブックマークをクリックします。

20130421174152.jpg
登録したブックマークレットを呼び出します。

20130421174222.jpg

アプリの名前を入力するテキストボックスが立ち上がりますので、アプリの名前を入力します。


20130421174302.jpg

名前が一致するアプリの候補が最大で8個出てきます。
ちょっと特殊なのは、キャンセルでそのアプリに決定、OKで次の候補を表示します。

20130421174409.jpg

キャンセルで決定すると、draftPadが立ち上がって該当のアプリ紹介用のHTMLが自動で入力されます。


これで、iPhoneでもアプリを紹介するブログがかけます。



番外.draftPadのAssist機能の呼び出し方



蛇足ですが、Assist機能はDraftPadの編集モード前の画面では遷移できず、編集モードになったら左上のボタンを押して遷移します。

Draftpad1

左上のアシスト機能を起動

Draftpad2

アシスト機能がたちがる。

Draftpad3

以上です。

過去の記事

ラベル

アプリ (545) iPhone (485) mac (244) 買い物 (89) 番外 (87) ブログ (74) 書評 (68) 写真 (64) Blogger (63) 仕事 (55) webサービス (51) 生活 (50) todo (38) tips (36) rss (33) DVD (24) DraftPad (23) music (19) 外食 (14) 機種変更 (14) メール (13) ニュース (12) お出かけ (11) まとめ (11) アクセス解析 (11) HTML (9) ドラマ (8) vba (7) 絵本 (7) Excel (6) Textwell (6) web (4) libreoffice (3) twitter (3) 勉強 (3) basic (2) 素材 (2)

ブログを検索

QooQ