ソーシャルてんこ盛りのスマホ版ブックマークレット 1.2 杯目!

ソーシャルてんこ盛り1.2 for smart phone!
Android でも iPhone でもね!バージョン1.2!!

ソーシャルてんこ盛り!

ソーシャルてんこ盛り1.2 for smart phone!

前回の更新から時間があいてしまいましたが、PC版ソーシャルてんこ盛り1.2 杯目 に合わせて、スマートフォン版もバージョンアップしました。バージョン1の内容はこちらから

ブックマークレットが何か分からない方は、Chrome で使える便利なブックマークレット!2011年 11月 あたりを、ソーシャルてんこ盛りが分からない方は、ソーシャル系サービスを複数もりこんだブックマークレットを作りましたー! を見てみてください。

バージョン1からの変更点!

大きな変更は無いんですが以下の内容です。(細かい変更は書いていません)

  • jQuery をやめて getJSON.js を使うように
  • ツイート読み込み件数を20件から30件に
  • 30件以上のツイートがあれば「More Tweets」から動的に読み込み
  • スタイルシートを外部ファイルに
  • 各ファイルを圧縮してサイズダウン

ご利用上の注意点!

基本的には webkit 系のブラウザで使える様にとしか考えていません。iPhone なら Safari で、Android なら標準のブラウザです! Android なら webkit 系のブラウザは他にもたくさんあると思います。

ソーシャルてんこ盛り for smart phone! を使うと見てる画面、全面に表示されます。PC 版の様に画面の一部分に表示される訳ではありません。「ソーシャルてんこ盛り for smart phone!」を閉じた後に画面の拡大縮小が効かなくなります。(スマホ用サイトは関係ないと思います。)

サイトによっては、各ソーシャルボタンが正常に読み込めない、ツイートが表示されない、レイアウトが崩れるなどの問題があるかと思います。あと、あらかじめブラウザで各サーシャルサービスにログインしていないとツイートしたりいいね!したり出来ないと思います。

不具合がありましたら、お使いの機種、不具合の起ったサイトのURL と内容を @actywav まで教えていただけたらと思います!欲を言えばスクリーンショットがあると助かります。

使ってみてください!

PC 版と同じでカラーはブルー、グレー、ピンクの3色です!

Android用(URLエンコード無し)

ブルーのコード

グレーのコード

ピンクのコード

Android の登録方法は以前に こちら で詳しく書きましたので参考にしてみてください。

iPhone用(URLエンコード有り)

ブルー グレー ピンク

Android は上のコードをコピーしてブックマークのURLにペーストすれば良いと思うのですが、iPhone だと URL エンコードされてないとダメみたいなのでリンクを用意しました。

上記リンクのどれかを開いてそのページを一旦ブックマークして URL 先頭部分の「http://actyway.com/?」のみを削除して「javascript:」からはじまる状態で保存しなおせば OK だと思いますw

変更の結果!

ファイルサイズなどを書いておきます。

バージョン1
tenkomori.1-b-smart.js (7KB)
jQuery.min.js (54KB)
合計: 61KB

バージョン1.2
tenkomori.1.2-b-smart.min.js (4.5KB)
getJSON.js (1.4KB)
tenkomori.1.2-smart.min.css (2.0KB)
合計: 7.9KB

jQuery を使わなくなった分軽くなったので若干早く表示されるかもしれませんw