cxxの日記

2009-05-21

[]Windows Mobileでのreblog bookmarkletの使用方法 02:22 はてなブックマーク - Windows Mobileでのreblog bookmarkletの使用方法 - cxxの日記

iPhone/iPod touchのSafari + Dashboardで1タップだけでreblogできるようにするbookmarkletはWindows Mobile上でも使えます。

Iris Browser

Iris BrowserはWindows Mobile 5以降で動作するWebKitベースのブラウザで、無料でダウンロードして利用できます(ただしメールアドレスの登録が必要)。

reblog bookmarkletをインストールするには下のリンクのアドレスをコピーし、新規bookmarkを作成してアドレスを貼付け、「javascript:」よりも前の部分を削除してください。

Iris Browserでのインストール

デフォルトではIris Browserはリンク等のタップ時に重いエフェクトがかかり、reblog bookmarkletがまともに使用できません。このエフェクトはTREなどのレジストリエディタを使い、「HKEY_CURRENT_USER¥IrisBrowser¥Preferences¥AnimationsEnabled」の値を「0」に設定すると無効化できます。

Opera Mobile

Opera Mobile 9.5 betaはbookmarkletの実行に問題があり、reblog bookmarkletを使うことはできませんが、bookmarkletから呼び出されているスクリプト本体をuser scriptとして実行することはできます(参考:The Opera blog)。ただし、window.innerWidth/Heightの実装に問題があるため、ウインドウ全体をボタンとして使う機能はまともに動きません。

Opera Mobile 8.xxはdocument.evaluateをサポートしていないので実行できません。

2009-05-20

[]reblog bookmarkletにタップ位置に応じて特定の動作を実行できる機能を追加しました 20:42 はてなブックマーク - reblog bookmarkletにタップ位置に応じて特定の動作を実行できる機能を追加しました - cxxの日記

少し前になりますが、iPhone/iPod touchのSafari + Dashboardで1タップだけでreblogできるようにするbookmarkletiPhone用Dashboardで実行した場合に、ウインドウ内の右下4分の1/右上4分の1/左下4分の1/左上4分の1をタップすると特定の動作を実行できる機能を追加しました。デフォルトでは、右下が次のpostに移動、右上が前のpostに移動、左下がreblog、左上が動作の選択に割り当てられています。

有効にするには

iPhoneDashboardbookmarkletを実行すると"Preferences"というボタンが表示されるのでこれをタップして、

f:id:cxx:20090520203134p:image

チェックボックスにチェックを入れ、OKボタンをタップすると、

f:id:cxx:20090520203132p:image

現在選択されているpostがハイライトされます。

f:id:cxx:20090520203131p:image

この状態ではpost内のリンク等はすべて無効になり、タップ位置に応じた動作だけが実行されるようになります。画面上で指を滑らせることなしにタップだけで読み進んでいけます。

現在使える動作

  • scroll to previous
    • 前のpostにスクロールする
  • scroll to next
    • 次のpostにスクロールする
  • reblog
  • reblog with comment
    • ダイアログに入力されたコメントを付けてreblogする
  • reblog as private
    • private postとしてreblogする
  • open reblog-form
  • open permalink
    • permalinkを開く
  • open original
    • postの引用元を開く
  • like
    • likeを付ける
  • choice
    • 動作の一覧から選ぶ
  • do nothing
    • 何もしない

2009-04-06

[]iPhone/iPod touchSafari + Dashboardで1タップだけでreblogできるようにするbookmarklet、Rebloglet 15:11 はてなブックマーク - iPhone/iPod touchのSafari + Dashboardで1タップだけでreblogできるようにするbookmarklet、Rebloglet - cxxの日記

2011-04-23追記

Reblogletの開発は現在中断しています。おそらく正常に動作しません。

タイトルの通りのbookmarkletを書きました。Reblogletという名前にします。

通常のDashboardiPhoneに最適化されたDashboardのどちらででも実行できますが、速度や安定性の面からiPhone向けDashboardでの使用を推奨します。元々iPhoneのために書いたものですが、Windows MobileやPC上の一般的なブラウザ(IEは除く)でも使えます(Windows Mobileでの使用方法)。

f:id:cxx:20090406142741p:image f:id:cxx:20090408194939p:image

インストール

インストール

上のリンクをタップすると開かれるページをブックマークに登録して、編集でアドレスの"javascript:"よりも前の部分を削除するとインストールできます。bookmarklet自体は外部に置かれた別のスクリプトを呼び出しているだけなので、スクリプトが更新されてもインストールし直す必要はありません。

Iris Browserは下のリンクのアドレスをコピーし、新規bookmarkを作成してアドレスを貼付け、「javascript:」よりも前の部分を削除してください。

Iris Browserでのインストール

操作モード

  • 通常
    • postの枠内の、リンク以外の部分をタップするとバックグラウンドでreblogされます(画像をタップしてもOK)。リンクをタップした場合は新しいウインドウで開きます。
  • 4ボタン(iPhone/iPod touchにおすすめ)
    • 通常のリンク等をすべて無効にして、画面全体の右下4分の1、右上4分の1、左下4分の1、左上4分の1をそれぞれボタンとして使います。デフォルトでは、右下は次のpostに移動、右上は前のpostに移動、左下はreblog、左上はその他の機能(reblog with comment/reblog as private/open reblog-form/open permalink/open original/like)の選択に割り当てられています。設定で有効にできます。
  • キーボード(キーボードのある環境におすすめ)
    • iPhone/iPod touch以外では4ボタンモードと同じ機能がキーボードからも使用できます。それぞれの機能に割り当てられているキーは設定で確認/変更できます。

その他の機能

  • 次のページを自動的に読み込んで現在のページに継ぎ足す
    • ページを移動しないので、新しいページに移る度にbookmarkletを実行する必要がありません。新しいページの読み込み時、古いpostはいくつかを残して表示から取り除かれます。
  • ヘッダ、フッタ、右カラムを削除してpostを画面幅に合わせる(通常のDashboardのみ)
    • 単に拡大したときのようにスクロール時に斜めにずれてしまうことがありません。
  • 重複postの除去
    • iPhone DashboardDashboard内検索の結果などで、次のページに既に表示済みのpostが現れた場合に重複したものを除去します。しばらく放置していて次のpostが何ページも先にずれてしまっている場合でも、効率的に次のpostを探索して取得します。
  • 途中ページからの再開
    • URIの末尾に「#%2Fdashboard%2F2%2F123456789」のような形で現在表示しているページのURIを保存しています(将来は別の方法になるかもしれません)。何ページも読み進めているとSafariが画像を表示できなくなってしまうことがありますが、ページを再読み込みした後、bookmarkletを実行し直すと続きから再開できます。
  • 履歴の保存(Mobile Safari/Safariのみ)
    • 過去5回の起動履歴を自動的に記憶して、起動した位置にあったpostが表示されたときに起動時刻を挿入します。
    • f:id:cxx:20090528143804p:image
  • その場でreblog formを表示する(通常のDashboardのみ)
    • 通常のDashboardreblog formを開く操作をした場合、formがその場で表示されます。formの外をタップするとキャンセルできます。text areaが選択状態でないときにtext areaを2本の指で触れて上下させると内容がスクロールされます(Mobile Safariの仕様)。
    • f:id:cxx:20090420222203p:image

既知の問題

  • ページを読み進めて行くうちに突然画像が表示されなくなる(Mobile Safari
    • おそらくMobile Safariの仕様です。ページを再読み込みしてもう一度bookmarkletを実行すると続きから再開できます。
  • Mobile Safariで別のページを開いた後に戻ってくるとDashboardが再読み込みされてしまうことがある(Mobile Safari
    • Mobile Safariの仕様です。もう一度bookmarkletを実行すると続きから再開できます。
  • 通常のDashboardで次のページの自動読み込みが突然働かなくなる(Mobile Safari
    • 原因が分かりません。"Next Page"をタップすると手動で次のページの読み込みを行なえます。

Reblogletは予告なく不定期に更新しています。現在はGitHubで管理されていて、更新情報はフィードで取得できます。

バグやご意見などあればコメント欄やTwitter@cxxへお願いします。

YAMASHITAYAMASHITA2009/04/12 01:32ハートを押すとreblogしてしまうので、対応して頂けたら嬉しいです。

cxxcxx2009/04/12 14:26post右上部分のハートやリンクなどをタップしたときにはreblogしないように変更しました。かなり拡大して注意してタップしないと誤reblogしてしまうのでお気をつけください。別の操作方法でlikeできるようにすることも検討します。

mukumuku2009/06/26 12:57初めまして
このままでも凄く便利なのですが
tumblrへアクセスしてからReblogletって2ステップより
1ステップで実行出来るとより便利だと思いますが出来ますか?

cxxcxx2009/06/27 02:14iPhoneのSafariでは特定のサイトにアクセスしたときにbookmarkletを自動的に実行したり、bookmarkletで別のサイトのデータを取得することはできないので、残念ながら1ステップにはできません。

niknik2009/06/27 09:47とても便利で愛用させて頂いています。
1点要望があります。
ReblogletのLikeアクションはON/OFFのトグル処理になっていますが、LikeONのみのアクションがあればと思います。(既にLikeしている記事に対してアクションしてもOFFにならないでほしいという理由から来ています)
Likeしたことを忘れていたり、iPhoneなどですと(Likeボタンを)タップしたことが受け付けられたか判断できない時があり、もう一度タップしてしまうと実はONになっていたものがOFFになってしまうが度々あります。

もしくはLikeされているPostであることが視覚的にわかればと思います。

cxxcxx2009/06/27 12:54iPhone Dashboardでpostの枠内にハートを表示するようにしました。like操作をするとハートが赤くなり、その状態でまたlike操作をするとunlike扱いになりハートが黒くなります。
iPhone Dashboardの仕様でpostの読み込み時にはlike済みかどうか判別できないので、既にlikeを付けてあるpostでもハートは黒くなっていて、最初のlike操作ではlikeは必ずonになります。
ご指摘ありがとうございました。

niknik2009/06/27 19:57Likeの件、早速ありがとうございます。大満足です!!

SIASSIAS2009/08/21 18:33初めまして。
見やすくて便利ですね。
質問がありまして・・・。画像の保存は出来ないのでしょうか?
宜しければ教えて頂けると幸いです。

cxxcxx2009/08/22 17:42通常の操作モード(4ボタン操作モードでない)では画像の上にしばらく指を置いているとメニューが表示されて画像を保存できますが、現在のところ4ボタン操作モードでは画像の保存ができなくなります。

今日4ボタンモードに追加した'open high-res photo'を実行すると、現在選択されているphotoの高解像度版(最大1280×1280ピクセル)を別ページに開くことができるので、面倒にはなりますが4ボタンモードではそれで代用していただくしかありません。
別ページに画像を開いた後で元のページに戻ると再読み込みがかかってしまうことがありますが、そのままReblogletを実行し直すと続きから再開できます。

SIASSIAS2009/08/24 14:59画像保存出来るようになりました。
ありがとうございます。tumblr gearも画像保存が出来ませんし、
iviewは保存はできますが過去戻りをしていると落ちたりで、また最初から見直しに
なったりで困っていました。
余談なのですが、新規窓で別ページを開く事は出来ますでしょうか?
これであれば、画像を見たあと閉じるだけで戻る必要がなくなるのですが・・・。
色々と申し訳ございません。

cxxcxx2009/09/02 22:10お返事が大変遅くなってしまい申し訳ありません。
僕のiPhoneのSafariでは「open high-res photo」のボタンをタップすると新しいページで開かれるのですが、SIASさんの環境でなぜそうなるのか原因が分かりません…。

stv_tributestv_tribute2010/07/04 19:45iPhoneにて、いつもReblogletを活用させて頂いております。
1点要望がありまして、こちらに書かさせて頂きたいと思います。

要望というのは、iPhone版Tumblrページでの利用時(など)にて、Reblog操作が送信された事(操作が受け付けられた事)が視覚的などでわかるといいなと思います。

以前はReblog操作を行った瞬間にページが点滅していた為、それで操作が受け付けられた事が判別していたのですが、1ヶ月くらい前ほどからか、点滅しなくなったために操作が受け付けられたかが判別しづらい状態になっております(iPhoneの通信インジケーターで判別可能ですが、次ページ読み込みや画像読み込みでインジケータが既に廻っている状態でReblogをした際に判別が付かないのです)

以上、失礼致します。