ブックマークレットの導入方法と使い方!ワンクリックでプログラムを実行!

IT関連の勉強を真剣に始めて半年くらいになります。少しずつ分からないことが少なくなってきて、だんだんと楽しい時期になってきました。うれしい!

最近やっとブックマークレットの意味が心に落ちたので、自分メモも兼ねて記事にします。

ブックマークレット」という言葉はよく聞いていましたが、僕はずっとブックマークの別名だと思っていた・・・というなんともお恥ずかしい始末でありました。

よくありますよね。ガジェットとウェジェットの意味がこんがらがってしまったりとか。そういう感じです(笑)え?ない?フォルダーとファイルの意味を使い分けて使えないおじさんのような感覚です。

    目次:

  1. まずは「ブックマーク」ってなんだ?
  2. じゃぁブックマークレットって?
  3. 導入方法!ブックマークに登録するだけ!
  4. 実際にブックマークレットを使ってみよう!
スポンサードリンク

まずは「ブックマーク」ってなんだ?

これは誰でもご存知かと思いますが、「ブックマーク」とはお気に入りのサイトをいつでも簡単に見れるように、そのサイトのURLを登録しておく機能のことです。

クリック一発で目的のサイトまで飛んで行けるので非常に便利な機能です。ブラウザによっては「お気に入り」という名前が付いていたりもします。

ブックマークは「ワンクリックで目的のページへ飛べる」というのが特徴なわけです。

じゃぁ、「ブックマークレット」って?

ブックマークが
「簡単な操作で目的のページへ飛べる!」

だとすると

ブックマークレットは
簡単な操作で目的のプログラムを実行できる!

ということになります。

目的のプログラムってなんだ?となりますが、javascriptで書かれた簡単なプログラムのことで、色々な種類のブックマークレットがあります。

サムネイル付のリンクをワンクリックで作成してくれるブックマークレットや、

SNSでシェアしたい時に、わざわざページのSNSボタンを探さなくてもシェアできるブックマークレット、

You Tube動画関連のブックマークレット。

などなど本当にたくさんネット上に落ちています。

javascriptを使った簡易的なプログラムですので、一般の方も含め色々な方がブックマークレットを作成して公開しているということですね。そしてそれらは用途に応じて種類が豊富で便利ということです。

ブックマークレットという名前だけあり、使い方もブックマークとほぼ同じところがありがたいところでもあります。

わざわざ特定のアプリケーションを起動させなくても、表示しているページ上で動作できますのでひと手間もふた手間も省けるわけです。

導入方法!ブックマークに登録するだけ!

導入方法は非常に簡単です。実際に、ブラウザ上から簡単にツイートできるブックマークレットを導入してみましょう。先ずはここに飛んでください。

Share Bookmarklet(Twitter)

すると以下のページに行くので下にスクロールしていってください。
2015-07-02_2219_001

「Adding the Bookmarklet」というボタンがあります。これをドラッグ&ドロップでブックマークツールバーまで持って行きましょう。
2015-07-02_2224

これをブックマークツールバーにドラッグ&ドロップすると導入完了となります。
2015-07-02_2229

実際にTwitterのブックマークレットを起動してみます。ツイッターでシェアしたいページを表示させた状態で「Tweet」ブックマークレットをクリックするだけです。
2015-07-02_2236

素敵なページに巡り合ったときにシェアしたいんだけど、シェアボタンが見つからずに上下スクロールしまくったことは無いでしょうか?僕はたまにありました。そんな時はブックマークレットを起動するだけでSNSシェアすることができます。

合わせてどうぞm(__)m

スポンサードリンク

シェアしとく?

  • このエントリーをはてなブックマークに追加

フォローすると更新状況をチェックできるし、すげぇ喜びますw