Mac業界の最新動向はもちろん、読者の皆様にいち早くお伝えしたい重要な情報、
日々の取材活動や編集作業を通して感じた雑感などを読みやすいスタイルで提供します。

Mac Fan メールマガジン

掲載日:

Macのブックマークレット?

著者: 吉田雷

Macのブックマークレット?

URLの詳細な情報が簡単に知りたい

【ブックマークレット名】Get URL Info

【URL】http://www.heartrails.com

 

ページ情報を知りたい!

WEBサイトを見ているときに、タイトルタグやHTMLの説明(description)を確認したい場合、HTMLのソースを開いて確認するほかに「Get URL Info」を利用することも可能です。目的のページで「Get URL Info」を起動すると、ページ右側に情報ウインドウが表示されます。ここにはページタイトルやdescriptionなどのMETAタグ情報やサーバのIPアドレス、セキュリティチェックの結果や、ページのサムネイル、はてなブックマークでの登録状況などが一度に確認可能です。なお、ウインドウは右上にある「x」をクリックすれば閉じられます。

■登録の仕方

作者のサイトから「Get URL Info」に進むと、ページの解析ができるページに遷移します。ここにあるブックマークレットをお気に入りバーにドラッグ&ドロップして登録します。

■試してみよう

情報を確認したいページでブックマークレット「Get URL Info」を起動します。

画面右部にウインドウが表示され、ページの詳細な情報が表示されます。「Get URL Info」のウインドウに表示されるいくつかの機能は残念ながら機能していないのですが、ページ情報を簡単に確認するツールとしては活用可能です。

Amazon&YouTube専用の短縮URLを作る

【ブックマークレット名】YAshort

【URL】http://1mu.info/tools/YAshort.html

 

短縮URLが便利

アマゾンの商品のURLは長めなうえに日本語が含まれ、共有し難い欠点があります。ページ内にある「シェア」から、短いURLも取得できるのですが、何クリックか必要でちょっと面倒です(ユーチューブは[共有]ボタンをクリックすると短縮URLが表示されます)。「YAshort」はアマゾンとユーチューブのURLを両社が提供する公式の短縮URLにしてくれるブックマークレットです。共有したい商品や動画を開いた状態で「YAshort」を起動すると「youtu.be」または「amazon.jp」で始まるURLが表示されるので、コピーして利用しましょう。

■登録の仕方

作者のページにアクセスし、「使い方」の中にあるブックマークレット「YAshort」をお気に入りバーにドラッグ&ドロップすれば登録完了です。

■試してみよう

アマゾンかユーチューブで共有したい商品、動画を開いた状態で、ブックマークレット「YAshort」を起動します。

ウインドウに短縮URLが表示されるので、コピーして利用しましょう。ブックマークレットで作られるURLはアマゾン、ユーチューブが提供する公式のものですから、安心して利用できます。

WEBサイトの中を検索する

【ブックマークレット名】ドメイン内検索

【URL】http://mixturescape.jp/MacFan/bookmarklet/#12

 

より検索が早くなる

いま閲覧しているWEBサイトにサイト内検索がなかったり、あったとしてもうまく動いていなかったりするときに便利なブックマークレットがこの「ドメイン内検索」です。「このサイトにこんな記事はないかなぁ」と探し始めるなら、まずはブックマークレットを起動しましょう。左上に小さな検索窓が表示されますから、ここに目的のキーワードを入力し、検索ボタンを押します。すると、新しいタブが表示され、そこには先程まで閲覧していたWEBサイト(ドメイン)内だけをグーグル検索した結果が表示されるのです。お気に入りのWEBサイト内だけグーグル検索できますから、見つかった記事もきっと気に入ることでしょう。

■登録の仕方

上記URLを開き、ブックマークレット「ドメイン内検索」をサファリのお気に入りバーにドラッグ&ドロップすればブックマークレットの登録が完了します。

■試してみよう

WEBサイト内を検索したいときには、ブックマークレットを起動します。左上に表示される小さな検索ウインドウにキーワードを入力して、[検索]ボタンをクリックするだけです。

新しいタブに表示されたのはグーグルでの検索結果ですが、結果はすべて先程まで閲覧していたWEBサイト(同一ドメイン)内のページです。なおこのページでさらに検索してもドメイン内検索になります。

画像から似ている画像を探したい

【ブックマークレット名】画像から画像検索

【URL】http://mixturescape.jp/MacFan/bookmarklet/#13

 

盗用されていないか確認

WEBサイトで見つけた画像に似ている画像を探したい!そんなときに威力を発揮するのが、「画像から画像検索」ブックマークレットです。探したい元画像が表示されているページでブックマークレットを起動すると、新しいタブに画像の一覧が表示されます。そして、その中から「グーグル画像検索」で探したい画像を選んでクリックすると、検索結果が表示され、簡単に探している画像の類似画像を探すことが可能です。なお、このブックマークレットは「盗用されたか」を調べることも可能です。自分で作成した画像を元に検索してみて、意図しないWEBサイトから同じ画像が表示されたら、それは盗用の疑いがあるからです。

■登録の仕方

上記URLを開き、ブックマークレット「画像から画像検索」をサファリのお気に入りバーにドラッグ&ドロップすればブックマークレットの登録が完了します。

■試してみよう

WEBサイトの画像から似ている画像を探したいときに、そのページでブックマークレットを起動します。

新しいタブに画像一覧が表示されるので、検索したい画像をクリックします。ちなみに、このブックマークレットは「パクられたかチェッカー」としても有益です。自分で撮影した画像などを元に調べてみるのもいいかもしれません。

Amazon商品の価格推移を確認したい

【ブックマークレット名】Amazon価格推移

【URL】http://reliphone.jp/amazon-mnrate/

 

適性価格で買い物を

アマゾンで買い物をするときに気になるのが「60%オフ」などの表示です。お得とばかりに即座に購入する前に、本当に安いのか調べてみましょう。その商品がアマゾン以外でも売られているなら価格を比較すればいいのですが、もしアマゾン以外に取り扱いがない場合はこの「Amazon価格推移」ブックマークレットを使いましょう。アマゾン内での価格推移が確認できます。たとえば、「参考価格2900円」の商品が「60%オフ」で売られていても価格推移を見てみるとほんの一瞬しか2900円で売られていない場合が…。こうした場合60%オフの表示で目立たせていても、もともとその値段なのでは?と推測できます。

■登録の仕方

WEBページにアクセスして下のほうに進むと、ブックマークレットについて書かれています。「Amazon価格推移」をお気に入りバーにドラッグ&ドロップしましょう。

■試してみよう

実際に大きな割引がされている商品を調べてみましょう。ある商品は参考価格の60%を超えるディスカウントをしています。これをブックマークレットで調べてみると…。

販売開始から現在までを表示してみましたが、商品を登録してから一度も「参考価格」では販売されていないようです。悪意の有無は置いておきますが、少なくとも「大きな割引率だからお得」な商品ではないようです。

各国語のページ全体を日本語訳する

【ブックマークレット名】日本語翻訳

【URL】http://mixturescape.jp/MacFan/bookmarklet/#14

 

何語でも大丈夫!

英語のページをまるごと和訳して閲覧したいときに役立つのが、この「日本語翻訳」ブックマークレットです。和訳したいページの閲覧中にブックマークレットを起動すると新しいタブが開き、先程の英語のページがまるまる翻訳された状態で表示できます。ブックマークレットはグーグル翻訳を使っていますから、翻訳された文字にカーソルをあわせると、元の文章が表示されます。また、このブックマークレットは英語サイトだけでなくロシア語や中国語、ポルトガル語などで作られたWEBサイトでも使えます。うまくいかなかったときは、開いたグーグル翻訳のページで調整してください。

■登録の仕方

上記URLを開き、ブックマークレット「日本語翻訳」をサファリのお気に入りバーにドラッグアンドドロップすればブックマークレットの登録が完了します。

■試してみよう

アップル公式の開発者向けサイトには、まだまだ日本語版が用意されていないページが多く存在します。そんなときにはこのブックマークレットでまるまる和訳してみましょう。

残念ながら「Retina display」は「網膜ディスプレイ」と変換されてしまいますが、結果はこのとおり。ちなみに、筆者は毎回「翻訳を改善する」をクリックして、グーグルに「レティナディスプレイ」と報告しています。

iPhone風画面を開いて確認したい

【ブックマークレット名】iPhone風表示

【URL】http://mixturescape.jp/MacFan/bookmarklet/#15

 

WEB制作者に便利

>画面の大きさによって表示を変える「レスポンシブウェブデザイン」で作られたWEBサイトをMac上で「まるでiPhoneで見ているかのように表示を切り替えるのがこの「iPhone風表示」です。確認したいページでブックマークレットを起動すると、同じURLを小さな画面で開きます。このとき、レスポンシブウェブデザインのサイトであれば、小さな画面に合わせた表示に切り替わりますから、Mac上でiPhone向けサイトのデザインを確認できます。なお、スマートフォン用に別なURLを用意していたり、他の情報を元にして表示を変えているサイトでは画面が小さくなるだけで表示は変わりません。

■登録の仕方

上記URLを開き、ブックマークレット「iPhone風表示」をサファリのお気に入りバーにドラッグ&ドロップすればブックマークレットの登録が完了します。

■試してみよう

レスポンシブウェブデザインで設計されたサイトをブックマークレット「iPhone風に開く」で確認してみます。ページを開いたらブックマークレットを起動します。

小さなウインドウが開き、先ほどと同じURLにも関わらず、iPhoneに最適化されたデザインに変わりました。レスポンシブウェブデザインの表示テストを瞬ときに行いたいときに便利なツールです。

Mac Fan限定! オリジナルブックマークレットをまとめて放出します

これまで本誌で紹介してきたオリジナルブックマークレットを集めた「詰め合わせブックマークレット」を2017年版にアップデートし、より多くのサイトで安定して利用できるようになりました。サファリのブックマークレットに登録しておくことで、「住所をGoogleマップで開く」「Google翻訳」「サイト内検索」「画像をGoogleドライブに保存」などのさまざまな機能が呼び出せるほか、TweetボタンやGoogle+、Facebookでのいいね!ボタンも備えています。なお、使用するにあたり、住所や翻訳、カレンダー登録はテキストを選択してからブックマークレットを起動してください。また、ブックマークレットを閉じるときは、ウインドウ右上のボタンで閉じるか、ページを再読み込みすればOKです。

【ブックマークレット名】Mac Fan Tools

【URL】http://mixturescape.jp/MacFan/bookmarklet/#16

オリジナルブックマークレットのURLを開き、リンク「Mac Fan Tools」をお気に入りバーにドラッグ&ドロップすればブックマークレットの登録が完了します。

機能を使いたいページでブックマークレットを起動します。ウインドウが開いてからはテキストを選択できないため、テキストが必要な機能を使う場合にはあらかじめテキストを選択した状態で起動します。

開いたウインドウにはたくさんの機能があります。このブックマークレットは誌面で紹介するたびに少しずつアップデートしていますから、登録しておくとアップデートで機能追加がある「かも」しれません。