すべての書評ブロガーに捧ぐブックマークレット「MMHtml」公開!

Filed in Webサービス by on 2011-5-14 0 Comments  [長年日記]

mmhtml

前回予告させていただいたブックマークレットですが、早速公開させていただきます。
URLが有効かどうか確認するためにアフィリエイトの申請などを行ってたのですが、思ったより時間がかかりました(;^ω^)
このブックマークレットの目的はメディアマーカーによる読書管理からブログ記事執筆までの自然なフローを作ること。
メディアマーカーを使わなければいけないことは大きな制約かもしれません。でも、良いワークフローには制約がつきものだと思いますし、メディアマーカーはすごくいいサービスなのでこれを機にユーザになったとしても絶対に損をすることはないと思います。ということでそれに特化したブックマークレットを作ってみようと思った次第です。「MMHtml」と命名しました(^ω^)

1.MMHtmlの特徴

MMHtmlの特徴は以下の通りです。

  • メディアマーカーの自分のバインダーを軸にブログ紹介用のHTMLを生成
  • ヨメレバのように複数の書店へのリンク(アフィリエイト対応)を表示することが可能
  • アフィリエイトリンクはAmazon、楽天ブックス、セブンネットショッピング、ビーケーワン、ブックオフオンライン、e-honに対応
  • Amazonや楽天のサイトを表示していなくてもブックマークレット起動が可能
  • テンプレートを自由にカスタマイズが可能(プリセットは2つ)
  • メディアマーカーのコメントも引用可能

2.ブックマークレットのセットアップ

今回のブックマークレットは編集する項目が多いため、簡易ではありますがブックマークレット作成用の画面を用意しました。

MMHtmlメーカー

アフィリエイトIDの調べ方については、ヨメレバさんの説明をご覧ください。Amazonのアフィリエイトリンクはメディアマーカー上の設定画面からアソシエイトIDをセットすることで使用できるようになります。
メディアマーカーバインダーのRSSのURLには、個人的には「読了」ステータスのものを推奨していますが、ほかのステータスのものでも使用できます。お好みのステータスを指定後、画面右上のフェードアイコンからURLをコピーしてください。

matubizのバインダー - メディアマーカー - Vimperator

必要項目を入力した後、「show」ボタンを押すとリンクが4種表示されます。
「デモ用」と書いてある方は、そのまま使えますので、PCやiPhoneで動作確認したり、PCブラウザでブックマークツールバーにドラッグして使うことができます。
「iPhone登録用」と書いてある方は、いつものように

  1. リンクをタップし、ページを遷移する
  2. 遷移したページをブックマークする
  3. ブックマークを編集し、URLの最初から”?”までを削除する

という作業を行うことで、iPhoneで使用できるようになります。

 

3.テンプレートの編集

テンプレートは2つプリセットしていますが、カスタマイズしたい場合は以下を参考にしてください。

  1. MMHtmlテンプレート集のページをダウンロードする
  2. ダウンロードしたページを参考に、テンプレートを修正または追加する(=====で区切られたタグがテンプレート)
  3. 編集したhtmlファイルをdropboxのパブリックフォルダなど、インターネット上の閲覧できるサーバにアップロードする
  4. ブックマークレットを編集し、3.でアップロードしたhtmlファイルのURLを記述する

ブックマークレットの修正する箇所は、以下赤字部分です。

javascript:(function(){...(中略)...tmpl='http://dl.dropbox.com/u/2189347/MMHtmlTemplate.html',p=...(以下略)

4.ブックマークレットの使い方

ブックマークレットは、HTMLをJavaScriptのpromptに出力するバージョンとiOSアプリのTextforce App (¥450)に出力するバージョンの2種類を用意しています。
なお、Textforce版はブックマークレット実行後プレビューに遷移します。
では、Textforce版を例に簡単に使い方を説明します。@hiro45jpさんのブックマークレットをお使いの方には馴染み深い使い方です!
1000000934

ブックマークレットを起動後、テンプレート(プリセット2つ)の番号を入力します。

1000000935

次に、取得したい書籍の数を入力します。すると入力した数だけメディアマーカーのバインダーから書籍を取得します。

1000000929

結果が返ってくるので、使用するのであれば「OK」を、使用しないのであれば「キャンセル」を選択します。

1000000936

Textforce版はアプリに遷移しプレビュー表示、プロンプト版ではプロンプトにHTMLが表示されます。

 

5.プリセットのテンプレート

ブックマークレット起動後、テンプレートを選択しますが、amazlet風、ヨメレバ互換の2つのテンプレートをプリセットしています。以下にサンプルを提示します。なお、テンプレートとショップアイコンにつきましては、ヨメレバ制作者のかん吉様(@kankichi)より許可をいただき使用させていただいております。かん吉様のご厚意に感謝いたします。また、独自のテンプレートも随時追加する予定です(^^)

テンプレートNo.1

アフィリエイトリンクを横に並べたテンプレートです。

テンプレートNo.2

アフィリエイトリンクを縦に並べたテンプレートです。

このブックマークレットの紹介は以上です。
書評ブロガーのみなさん、何かと制約の多いブックマークレットではありますが、良かったら使ってみてくださいね!

関連記事

Pocket

Tags: , , ,

About the Author ()

こんにちは。マツです。都内でITのお仕事やってます。iPhone/iPad/Mac/写真/家電/文具/ライフハック/クラシック/長崎(出身)など興味があります!

ご案内

記事をご覧いただきありがとうございます!
もし、当ブログを気に入っていただけましたら、Facebookページのご購読RSSのご購読をお願いしますm(_ _)m

follow us in feedly

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です