Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

JavaScript WebService 小技集

第6回:TinyURL の遷移先が怖くて開けない場合の対処法

投稿日:


twitter や、mixi でよく使われている、 TinyURL というWEBサービスは長〜いURLを短〜くしてくれるので便利なんだけど、他の人が書いている TinyURL をクリックするのがちょっと怖かった。だって、実際どこに飛ばされるかわからないじゃん
と思ってたらそんな事を ITmedia でもとりあげていました。

またTwitterに投稿する文章は140文字以内であるため、長いURLはリダイレクトサービスやURL短縮サービスを使って短縮される。これ自体は悪いことではないが、送られてきたURLを見ただけではどこに飛ばされるのか分からないため、攻撃者がこれを悪用してJavaScriptを埋め込んだり、不正なサイトにリンクする可能性があると同氏は説明している。「Twitter経由のフィッシング『Twishing』が登場することはたやすく予想できる」同氏は言う。

ITmedia News:人気のTwitterにセキュリティ問題、研究者が指摘


で、そんな事を twitter でつぶやいたら @iddz からこんな情報をもらった。
twitter1
TinyURL API
JSONP で呼び出せるらしい
でも、
twitter2
と思ったので何かいい方法はないかと考えた。

1)TinyURL API を Bookmarklet から簡単に実行できないか

できそうだったので作ってみた。
 ・TinyURL check ←このリンクをブクマしとくれ。
ブラウザ画面中のTinyURLを選択状態でTinyURL checkを実行すると alert で URL をお知らせします。
確認用:http://tinyurl.com/910

2)もっと便利な Greasemonkey がありました。

リンクにマウスオーバーするとツールチップでお知らせしてくれます。
こっちの方が全然スマートだと思います。
 ・TinyURLのリダイレクト先URLをツールチップ表示するGreasemonkeyを作った

3)さらに裏技的な方法も

Snap Shotsみたいなプレビューを使ってもいいかも。
snap shots
画面で見た方が良いもんね。

4)オチ:ちゃんとプレビュー機能あった

TinyURL の機能で遷移する前に遷移先の URL を表示して確認する事ができるらしい。
 ・Preview a TinyURL
「Click here to enable previews.」リンクをクリックするだけ。

まとめ

基本的に4)で良いわけだけど、一般ユーザはこの存在に気がつかないと思う。だから、サイト(ブログ)運営側で何らかの対処をしてあげた方がいいのでは?という意味では3)が良いかも。2)のツールチップをグリモンじゃなくて外部 JS の読み込みでできるといいのになぁ。

第11回:引用(blockquote)を簡単にするブックマークレット
第9回:閲覧しているサイトへのリンクタグを生成するブックマークレット
・第6回:TinyURL の遷移先が怖くて開けない場合の対処法
第5回:twitter の JavaScript Badge を改造する
第4回:twitter の JavaScript Badge をIEで表示するとおかしい件に対応してみる ::: creazy photograph

-JavaScript, WebService, 小技集

執筆者:


  1. いづ より:

    こんにちはー、どうもです。
    私は 2)の Greasemonkey を入れてみました。
    昨夜私はケータイでこのやりとりをしていたときに、
    「Greasemonkeyで作ったらいいんじゃね?」と思った直後に
    「いや、もう誰かが作ってんじゃね?」と思った次第でございます。
    「こうしたい」と考えることはみんな似ていると思いますが、自分より情報が早いとかスキルがある人はたくさんたくさんいて、その人達のおかげで自分がやりたいことは探せば見つかるってのはとってもありがたいですね~:)

  2. yager より:

    >いづさん
    流行ものほど、「もう誰か作ってんじゃね?」「あ、あった。」みたいな事がよくありますね。
    まさにタッチの差だったりするんですが、クリエイターの目線からいうと
    「早いもの勝ち」の世界だと痛感。
    (自分も含め)作りたい人にとって時間は重要。
    いかに早く気付いて、いかに早く手を動かして、いかに早く公開しちゃうかが鍵かと。
    そういう意味で、「twignature」はうまくいった(ほう)と思うのです。

  3. 第4回:twitter の JavaScript Badge をIEで表示するとおかしい件に対応してみる

    twitter 流行ってますね。みなさんも使っていますか? オレはというと…ポツ…

  4. 第5回:twitter の JavaScript Badge を改造する

    しつこく twitter ネタでまいります。 前回の記事で JavaScript…

yager へ返信する コメントをキャンセル

メールアドレスが公開されることはありません。

関連記事

ちょっとまった!→FeedBurner経由の分散したブックマークを一つにまとめる方法

つい先日、FeedBurnerのトラッキング用パラメーターを取り除くUserScriptというのを公開したのですが、FeedBurnerやTwitterFeedが勝手に追加してくるパラメーターがウザイ …

[N]ネタフル x [S]シカマケ = ブログデザイン勉強会 第3回:自分探しの旅は一周して写真に回帰

昨日は、ネタフルのコグレマサトさん主催、視覚マーケティングのススメの著者で鬼コーチこと(w)ウジトモコさんを講師に迎えての勉強会の第3回に行ってきました。 これまで、第1回では1枚絵で、第2回ではテー …

MovableTypeにFacebookのOpen Graph protocol(OGP)を対応させる方法

【2012/12/02:追記】 記事本文の最初にでてくる画像URLを抜き出すという目的では、元の正規表現では少々問題があったため修正しました。詳細はMTタグの解説部分のコメントをご確認ください。 ども …

【更新】ソーシャルメディアに共有するボタンの設置方法(Twitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, はてブ)

ソーシャルメディアの各サービスがこぞって「いいね!」などの共有ボタンをリリースしています。ブログやニュースメディアでも頻繁に目にする昨今ですが、色々なソーシャルボタンの設置方法をまとめて紹介したいと思 …

TumblrにOGP設定してみた

【2011/06/21:追記】 あまりにも適当に書きすぎて分かりにくかったのでサンプルコードの中で差し替えが必要な部分について説明加筆しました。 メインブログのMTにOGP設定をしたのが良いキッカケに …

スポンサードリンク

スポンサードリンク