よく使うブックマークレットまとめ

筆者がよく使うブックマークレットをまとめてみた。

見ているページに対して・・・

[Twitterでつぶやく]

javascript:window.open('http://twitter.com/home?status=' + encodeURIComponent(document.title + ' %C2%BB ' + location.href));void(0)

[Facebookでシェアする]

javascript:var d=document,f='https://www.facebook.com/share',l=d.location,e=encodeURIComponent,p='.php?src=bm&v=4&i=1426047193&u='+e(l.href)+'&t='+e(d.title);1;try{if (!/^(.*\.)?facebook\.[^.]*$/.test(l.host))throw(0);share_internal_bookmarklet(p)}catch(z) {a=function() {if (!window.open(f+'r'+p,'sharer','toolbar=0,status=0,resizable=1,width=626,height=436'))l.href=f+p};if (/Firefox/.test(navigator.userAgent))setTimeout(a,0);else{a()}}void(0)

[Google+でシェアする]

javascript:void(window.open('https://plus.google.com/share?ur\l='+encodeURIComponent(location), 'Share to Google+','width=600,height=460,menubar=no,location=no,status=no'));

[はてなブックマークでブックマークする]

javascript:(function(){var d=(new Date);var s=document.createElement('script');s.charset='UTF-8';s.src='http://b.hatena.ne.jp/js/Hatena/Bookmark/let.js?'+d.getFullYear()+d.getMonth()+d.getDate();(document.getElementsByTagName('head')[0]||document.body).appendChild(s);})();
admin
カテゴリ:ブラウザ
2015/03/11 04:03 | コメント (0)

Chromium派生 Linux版 Vivaldi 右クリック問題が解決されている

Linux版のChromium派生ブラウザには、昔から右クリック問題が存在する。Chromeに代表されるブラウザはどれも同じである。右クリック、厳密に云うと押し込んだと時に、コンテキストメニューが出てしまう。本来ならば、押し込んで離した時に、コンテキストメニューが出なければならない。

この問題があり、マウスジェスチャ拡張機能では、通常のコンテキストメニューを右ダブルクリックに置き換えるなど、苦肉の策で対応しているのが現状である。

ところが、Chromium派生ブラウザである・・・

Vivaldi - A new browser for our friends

16151463743_5be8d3a01e_o.png

では、この問題が解決されている。本来の右クリックの挙動になっている。このことは、Vivaldiが内部的にマウスジェスチャを実現するために、不具合の解決に取り組んだことを示している。Vivaldiでは昔のOperaユーザーを強く意識しているので、おそらく現在実現されているマウスジェスチャは、近い将来強力にカスタマイズできるようになるだろう。よって、マウスジェスチャ関連の拡張機能はVivaldiでは機能しない。

いずれにしても、筆者はVivaldiに関心を寄せている。現状では、ツールバーに拡張機能のアイコンが出ないなど使い勝手はイマイチではあるが、しばらく常用して様子を見ることにしている。

admin
カテゴリ:ブラウザ
タグ:VIVALDI
2015/03/10 04:03 | コメント (0)

Vivaldi 非公式ながら拡張機能に対応

今回のセカンドプレビュー版のリリースでは、筆者のOS環境が”Windows 7”から”Linux Mint - Xfce”になったことから、Linuxバージョンの「Vivaldi」をインストールした。元は所謂”Chromium”なので、当然のことながらLinuxにも対応している。

Vivaldi - A new browser for our friends

116139115424_03442ef969_o.png

前回のファーストプレビュー版では、ブックマークバーが存在しなかったので少々困惑していたが、今回のバージョンでは早速出現している。

また、非公式ながらChromeの拡張機能のインストールが可能となっている。但し、ツールバーにアイコンが出ないので利用範囲は限られる。また、正常に動作するかはインストールしてみないと分からない。非公式扱いであれば当然だろう。

インストール方法は、Chromeとまったく同じである。拡張機能一覧のページは、アドレス欄に・・・

vivaldi://extensions

と打ち込めば表示することができる。見た目はChromeとまったく同じである。

216761549265_287d0f8b2f_o.png

拡張機能が正式に利用できるようになれば、常用ブラウザとして名乗りを上げるかもしれない。

admin
カテゴリ:ブラウザ
タグ:VIVALDI
2015/03/09 06:03 | コメント (2)

Chromeのキャッシュの有効・無効の切り替えができる拡張機能「Cache Killer」

Chromeのキャッシュの有効・無効の切り替えができる拡張機能の紹介。

ブログのテーマをテストする際に、何度も同じページを更新したりする。このときに、キャッシュが有効になっていると古い状態で表示される場合がある。こうなると、一旦キャッシュを削除したくならないだろうか。

このような状況で威力を発揮するのが・・・

Cache Killer - Chrome ウェブストア

である。

16126142234_a539de4a3d_o.png

ツールバーのアイコンをクリック(”ON”にする)すれば、表示の直前にキャッシュを自動削除してくれる。つまり、毎回サーバーから最新のコンテンツがダウンロードされると云うワケである。

通常は、ツールバーのアイコンで”OFF → ON”を手動で切り替えて利用するが、オプションの設定によりChrome起動時に自動で”ON”にすることも可能。

admin
タグ:chrome
2015/03/08 03:03 | コメント (0)

TumblrでYouTube動画のサムネイルを表示する方法

TumblrでYouTube動画のサムネイルを表示する方法のメモ。

16560570480_f2d9415750_o.png

HTMLコード 基本形

{block:VideoThumbnail}
    <a href="{Permalink}">   
    <img style='width:150px;' src ='{VideoThumbnailURL}'>
    </a>
{/block:VideoThumbnail}

※”width” 或いは ”height” を設定しない場合は ・・・ ”480 x 360” ピクセルで表示される。

サムネイルを表示すると一際目を引くこと間違いなしである。

admin
カテゴリ:ブログサービス
タグ:youtube tumblr
2015/03/08 02:03 | コメント (0)

Tumblrで 忍者AdMax と AdSense を使い分ける

忍者AdMax を導入することにした。

ずいぶん前からAdSenseを導入していたが、表示するコンテンツには非常に厳しい制限があり、筆者も過去に2回ほど警告を受けたことがある。このブログはTumblrで運用しているが、手軽に動画を共有できるしくみがあるので大いに利用している。しかしながら、共有した動画記事についてはAdSenseは表示していない。一般にYouTube公式チャンネルの動画であれば問題なしと云われているが、心配は尽きないからだ。

そこで、一般のテキスト記事に関してはAdSenseを表示、それ以外の動画記事に関しては忍者AdMaxを表示、と云った具合に使い分けることにした。設定方法は簡単である。

HTMLの事例 (タグなしの静的ページは広告非表示)

{block:PermalinkPage}  
{block:Posts}
    ...
    ...
{block:Text}
{block:HasTags}

<!-- アドセンス レスポンシブ 開始 -->
<div style='margin:2.5em 0 0;'>
<div style='max-width:728px;'>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- レスポンシブ -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4276491656474968"
     data-ad-slot="5274038185"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<!-- アドセンス レスポンシブ 終了 -->

{/block:HasTags} 
{/block:Text}


{block:Video}
{block:HasTags}

<!-- admax 開始 -->
<div style='margin:2.5em 0 0;'>
<script src="http://adm.shinobi.jp/s/8dfa7a840e09757174e21f1516e433a3"></script>
</div>
<!-- admax 終了 -->

{/block:HasTags}
{/block:Video}
    ...
    ...
{/block:Posts}
{/block:PermalinkPage}

当ブログはレスポンシブ対応なので、AdSenseもレスポンシブ対応にしているが、忍者AdMaxではそうもいかない。よって、300x250サイズでパソコン・スマホ双方に対応できるようにした。因みに、オーバーレイ広告は好みではないので非表示にしている。

16728063835_304006177f_o.png

忍者AdMaxは初めてなので、暫く様子を見るつもりである。

admin
カテゴリ:ブログサービス
2015/03/05 23:03 | コメント (0)

about.me をブログに貼る方法

about.me をブログに貼る方法のメモ。

about.me は、自分のプロフィールを管理するサービス。利用している様々なサービス(Twitter・Facebook・Google+ … etc)のアカウントが登録できる。

多くのユーザーは複数のブログを持ち、複数のサービスを利用しているだろう。そして、それぞれのアカウントには、必ずプロフィールを設定する項目がある。このような状況で、プロフィールの変更があれば、すべてのアカウントのプロフィールを更新する必要がある。これは極めて面倒な作業であり、漏れや修正ミスも心配である。

そこで利用したいのが about.me であるが、 about.me のリンクを貼るだけでは面白くない。やはり、”設定情報の表示”をブログなどに貼り付けたい。今回は、この貼り付け方法を紹介する。ちょっと分かりにくいので、当ブログの”About me”のスクリーンショットを以下に掲載する。

パソコンで表示
116524192850_f0bd80c3d2_o.png

スマホで表示
216685631646_f85da7fcf2_o.png

レスポンシブ対応になっているので、スマホで表示しても問題ない。

貼り付けコードの取得方法は以下のとおり。

http://about.me/ユーザーID

にアクセス(ログインを忘れずに)して、”右回転矢印”をクリックする。 ↓

316089273614_0c85737b84_o.png

”Embed”をクリックする。 ↓

416711596575_07a536c35b_o.png

貼り付けたいブログサービスをクリックする。 ↓
なければ、”Other”を選択する。

516710314161_bdaa5e4711_o.png

貼り付けコードを”Copy”する。 (必要に応じてオプションを指定する。)

616091651463_d42f4f1dda_o.png

あとは、取得したコードをブログに貼り付けるだけ。

admin
カテゴリ:ウェブサービス
2015/03/04 06:03 | コメント (0)

Tumblr に Zenback を導入する

Tumblrに Zenback を導入することにした。

所謂、”関連記事”であるが、様々なスクリプトがあるが、どれもタグを利用している。それなら、タグをクリックするのと何ら変わらないので面白くない。と云うワケでZenbackを導入することにした。レスポンシブテーマにも対応しているので、導入は取得したコードを貼り付けるだけだ。

{block:PermalinkPage}
{block:Posts}
      ...
      ...
{block:HasTags}

<div id='zenback-w' style='max-width:728px;'>
<!-- X:S ZenBackWidget --><div id="zenback-widget-loader"></div><script type="text/javascript">!function(d,i){if(!d.getElementById(i)){var r=Math.ceil((new Date()*1)*Math.random());var j=d.createElement("script");j.id=i;j.async=true;j.src="//w.zenback.jp/v1/?base_uri=http%3A//jkuntum.tumblr.com&nsid=97715348291250402%3A%3A128470573473882894&rand="+r;d.body.appendChild(j);}}(document,"zenback-widget-js");</script><!-- X:E ZenBackWidget -->
</div>

{/block:HasTags}
      ...
      ...
{/block:Posts}
{/block:PermalinkPage}

個別記事 (タグを必ず設定) のときだけに表示して、タグが存在しない静的ページには表示しない。

Zenbackではスマホで閲覧した時の、広告の領域が大きいのが難点であるが、無料で利用するためには仕方のないことである。

みんなの記事と広告で埋め尽くされてしまう。 ↓

16707892271_72a8e771ed_o.png

一方で、Zenbackユーザーの流入に期待をしているので、しばらく様子を見るつもりだ。

admin
カテゴリ:ウェブサービス
タグ:tumblr
2015/03/03 23:03 | コメント (0)

Twitter タイムラインに何も表示されない その2「原因判明」

Twitterにいっぱいツイートしているのに、タイムラインに何も表示されない。

116491071667_cde41c24c2_o.png

こんな現象に悩まされているユーザーがいるかもしれない。そこで、試行錯誤しながら調査してみた。

すると・・・フォローユーザーのツイートを非表示にする”ミュート”機能を多用すると、このような現象が発生することがわかった。表示されたとしても、数件表示されるだけと云う現象も確認した。このような状況のまま、すべてのミュートを解除すると・・・

216697048001_037717165d_o.png

タイムラインは正常に表示されるようになった。

Twitter タイムラインに何も表示されない その1: Jkun Blog
Twitter タイムラインに何も表示されない その2「原因判明」: Jkun Blog

admin
カテゴリ:ウェブサービス
タグ:Twitter
2015/03/02 22:00 | コメント (0)
このブログについて
jkun-400x400.jpg インターネット, パソコン, スマホ, Windows, Linux, Android, 各種アプリ, ブラウザ, ブラウザ拡張機能, 携帯電話, 社会情勢, 韓ドラ, K-POP 関連の話題を取り上げます。ジャンルとしては幅広く、特定のカテゴリに特化したブログではありません。お時間がありましたら、どうぞお立ち寄りくださいませ。
プロフィール
カテゴリ
ブログ内検索
Powered by さくらのブログ