[Å]【ブックマークレットの使い方】マスターすればブログ書くのが超爆速!!!

ブックマークレットという単語、一度は耳にしたことがあるだろうか?ブックマークレットを知ればとにかく楽ができます。効率良く情報を収集したり、何かを実行したり…魔法のようなツールです。以前、ブックマークレット≒お願い(命令)というお話もしましたが、今回はその続きをご紹介。

前回までのお話

前回、ブックマークレットとは何かというお話をしました。

今回、初めてブックマークレットという単語を聞く方は以下の記事を一読していただけると今回の内容が理解し易いかと思います。

ブックマークレットについて

今回は事前にサービスのアカウント登録も不要なブックマークレットを例にしてご説明していきます。

例えば…食べに行ったお店をブログで紹介したい時。

最終的に必要となる情報は「飲食店の情報」です。

美味しかったと記事に書くだけではなく、せっかく訪問してくださった方に情報を届けたい。

そんな時に使えるツールです。

実際の動き紹介

「tabelog2html」という飲食店の情報を簡単に取って来れるブックマークレットがあります。

「tabelog2html」はFeelingplaceのブログを書いているふぃーぷれさん(@feelingplace)が制作してくださったツールです。グルメブログを書く私には今や欠かせないものとなっております。

前回の例で言うならば「飲食店の情報を取ってきて!」というお願い(命令)になります。

実際に使うとこのような動きになります。(音声なし・長さ数秒)

アプリ連携してブックマークレットを起動していますが、今回はここまで紹介しません。楽に情報を取得できることがわかっていただければ幸いです。

* 動画内で紹介した大木屋かなり美味しいお店でした。お肉が衝撃のサイズでさらにハイクオリティな味。要予約ですがオススメです!

tabelog2htmlを登録

まずtabelog2htmlをブラウザに登録してブックマークレットとして使えるようにします。下記のサイトへ行きます。

Tabelog2HTMLメーカー(終了)

行くとこのような画面が表示されます(iPhoneでもPCでも両方可)。

そして飲食店の情報をどこに反映させたいかを選びます。

私はメインエディタ「するぷろ」にしています。

するぷろ for iOS(ブログエディタ)
価格: ¥450(1.6 MB)
カテゴリ: ソーシャルネットワーキング, 仕事効率化
*価格は掲載時当時


好みのアプリに合わせてご利用ください。

PCの方は「プレビュー表示」や「ポップアップのみ」にすると利用できます。

「TextHandler」についてはこちら参考ください。

続いてこちらの部分を…

このように選びます。

そして最後に「ブックマークレットを生成」を選択。

コードを登録

出てきたコードをブラウザに登録します。

PCの場合

「PC登録用」をドラッグしてツールバーに置くか…
20130613-01

どこか適当なページをブックマークして、編集でURLのところにコードを貼り付けて保存。
20130613-02

ブックマークレットを既にご利用の方はChromeの拡張機能と連携させるともっと爆速・楽ちんになります。

iPhoneの場合

iPhone登録用のリンクをコピーして…

?javascriptの「?」より前を削除します。

そして?より前を削除した形をコピーしておきます。

適当なページをSafariなどのブラウザにブックマークしておきます。

名前は自分がわかるものに変更。

そのブックマークを「編集」にして、URLのところに先ほどコピーしたURLをペーストします。

これで完成です。

実際に使う

PCでもiPhoneでも同じでまず食べログのサイトで行ったお店を表示します。

そして、お店を開いている状態で先ほど登録したブックマーク(正確にはブックマークレット)を押します。

すると…

それぞれ割り当てた動きをするので、それをコピーなり貼り付けるなどしておしまい。

まとめ

使い始めると非常に便利なツールです。今回は飲食店の情報を取得するブックマークレットでしたが、他にもたくさんブックマークレットは存在します。

ブックマークレットをまとめた記事がありますのでアプリや商品のリンク、その他便利なものを知りたい方は参考にしていただけると良いかと思います。

今回はブログ用に特化しましたが、PCで動くブックマークレットもたくさんあります。ぜひ検索して探してみてください。きっと好みのブックマークレットが見つかるはずです。

それではこれからもあかめ(@mk_mizuho)をよろしくお願いします。

本日のおすすめ

さいごに

「tabelog2html」を制作してくださっているFeelingplaceのブログを書いているふぃーぷれさん(@feelingplace)、ありがとうございます。この場を借りてお礼申し上げます。

※ なおこのツールは食べログの仕様が変更された場合使えなくなる場合がございます。予めご了承ください。

■ 同じカテゴリについてもっと読む

ブログ運営者をフォローする!

\ この情報を周りの人にも教える /

1371076142.jpg
プロフィールあかめの画像
あかめAkame Mizuho
横浜在住。フリーランス。
食べ歩き / 旅行 / カメラ / WEBデザイン 好き。

プロフィール / お問い合わせ

個人アカウント(メイン)▼

ブログ公式アカウント▼