Feel Physics Backyard

HoloLensの出張授業をする会社で、教材を開発しています

@hiro45jpさんの「iPhoneでブログ投稿するのに便利なブックマークレット」を、とりあえず動かしてみるには(スクリーンショット多用)

前から気になっていた@hiro45jpさんによる「iPhoneでブログ投稿するのに便利なブックマークレット」のインストールに取り組みました。

これが予想以上に長い工程でした。私のスキルが低いといえばそれまでなんですが・・・とりあえず動いたので、なるべく手っ取り早くこれを動かす方法について解説してみます。

 

 

執筆方針

 

 

  • リンクで飛ばさない。この1ページで説明を完結させる。

 

 

  • グラフィカルに。文字による説明は端的に。

 

 

  • とにかく短く。余計なことは書かない。とにかく一度PCで動けば、あとはiPhoneでもアプリ連携でも、どうにでもなる。

 

 

用意するもの

 

 

 

 

 

 

 

 

  • PC+置換機能のあるエディタ

 

 

とりあえずPCで動かす手順

まず、流れを示します。雰囲気だけ感じてください。

 

 

 

 

  • エディタで開き、4つの項目を置換していく・・・

 

 

 

 

 

 

  • ログインする

 

 

  • サイトIDを確認する

 

 

  • 先ほどのファイルの「DMY」をすべてサイトIDで置換する

 

 

 

 

 

 

 

  • 共有設定をクリック

 

 

  • Googleプロフィールをクリック

 

 

  • 下の方にメールアドレスを出すか、数字の羅列にするかを選ぶチェックボックスがあるので、数字の羅列を選び、その数字の羅列をコピーしておく。

 

 

  • 数字の羅列は共有設定の共有アイテムページにいけば、URLに含まれているのでわかる

 

 

 

  • 先ほどのファイルの「GOOGLE_ID」をすべて、いま得た値に置換する

 

 

 

 

 

 

 

  • Your Appsをクリック

 

 

 

  • 「Get Another Key」

 

 

  • 「Apply for a non-commercial key」

 

 

 

 

  • hoge」でKeyを発行したところ。赤い枠の中にKeyが入っているので、コピーします。

 

 

  • 先ほどのファイルの「API_KEY」をすべて、いま得た値に置換する

 

 

 

 

 

 

 

 

 

  • Flickrのユーザー名を入力する

 

 

 

  • NSIDが表示されるので、コピーする

 

 

 

 

  • 先ほどのファイルの「NSID」をすべて、いま得た値に置換する

 

 

 

 

 

 

 

 

  • 作り上げたファイルの拡張子を「html」にする

 

 

  • ローカルで使ってみる

 

 

けっこうな工数がかかりますが、それだけの価値はあります。覚悟はいいですか?では始めましょう。以下、可能なかぎりスクリーンショットを付けてみました。

 

 

 

 

 

 

 

 

 

変換候補

変換内容(ご自身のID)

 

 

DMY

Linkshare登録しているならばサイトIDに置換

 

 

GOOGLE_ID

ShareやStarをしているGoogleリーダーのIDに置換

 

 

API_KEY

FlickrAPIキーを発番して置換

 

 

NSID

FlickrのユーザーID(NSID)に置換

 

 

 

 

 

 

 

 

 

 

  • ログインする

 

ダウンロード (2)

 

 

  • サイトIDを確認する

 

ダウンロード (3)

 

 

  • 先ほどのファイルの「DMY」をすべてサイトIDで置換する

 

 

 

 

 

 

 

 

 

 

 

 

  • 共有設定をクリック

 

 

ダウンロード (4)

 

 

 

  • Googleプロフィールをクリック

 


ダウンロード (6)

 

 

  • 下の方にメールアドレスを出すか、数字の羅列にするかを選ぶチェックボックスがあるので、数字の羅列を選び、その数字の羅列をコピーしておく。

 

 

 

 

  • 数字の羅列は共有設定の共有アイテムページにいけば、URLに含まれているのでわかる

 

 

 

ダウンロード (5)

 

 

  • 先ほどのファイルの「GOOGLE_ID」をすべて、いま得た値に置換する

 

 

 

 

 

 

 

 

 

 

  • Your Appsをクリック

 

 

ダウンロード (7)

 

 

 

  • 「Get Another Key」

 


ダウンロード (8)

 

 

 

  • 「Apply for a non-commercial key」

 

ダウンロード (10)

 

 

ダウンロード (11)

 

 

  • hoge」でKeyを発行したところ。赤い枠の中にKeyが入っているので、コピーします。

 

ダウンロード (12)

 

  • 先ほどのファイルの「API_KEY」をすべて、いま得た値に置換する

 

 

 

 

 

 

 

 

 

 

  • Flickrのユーザー名を入力する

 


ダウンロード (9)

 

 

  • NSIDが表示されるので、コピーする

 

 

ダウンロード (13)

 

 

 

  • 先ほどのファイルの「NSID」をすべて、いま得た値に置換する

 

 

 

 

 

 

 

 

  • 作り上げたファイルの拡張子を「html」にする

 

 

 

 

  • ローカルで使ってみる

 

 

ここまで来れば、あとは

 

 

  • リモートに置いたり

 

 

 

 

 

 

  • アプリTextForceと連携させたり

 

 

  • ブログ投稿アプリと連携させたり

 

 

と、いろいろやってみると良いと思います。

なお、私自身がインストールするのに、またこのページを書く際に、以下のサイトをかなり参考にさせていただきました。ありがとうございました。

Design × Lifehack × CrossOver Lab

ブックマークレット】hiroさんの神ブックマークレット導入のお手伝い

ブックマークレットを使用時に必要な情報の集め方のまとめ〜

【2011年2月14日:追記有】