Web関連

【必見!】時短に便利なブックマークレットまとめ

0

みなさん、「ブックマークレット」をご存じですか?

❛❛ブックマークレットとは、Webブラウザのブックマーク(お気に入り)に登録することのできる、JavaScriptで記述されたプログラムのことです。❜❜

※IT用語辞典 e-Wordsから引用。

ブックマークレットを使えば、ワンクリックで行いたい操作をすることができるため、非常に便利で時短になります。
今回は、ブックマークレットの作成手順と私が便利だと思ったブックマークレットを2つ紹介します。

ブックマークレットの作成手順

ブックマークレットの作成方法ですが、下記の手順で行います。

sakae_bookmark01.jpg

今回、2つ紹介するブックマークレートがありますので、「ブックマークを編集」の「URL」にソースコードを記入して頂ければ使用できます。

YouTubeでの動画ダウンロードが簡単に!

1つ目に紹介するのは、YouTubeの動画ダウンロードボタンを追加することができるブックマークレットです。

YouTubeで動画をダウンロードするときには、ダウンロード専用のサイトを立ち上げてからダウンロードをしないといけないため、ダウンロードしたことがある方は不便だと感じたことがあるのではないでしょうか。

今回紹介するブックマークレットを使うと、上記のようにYouTubeEにダウンロードボタンが追加されます。
これでダウンロードのために別サイトを立ち上げる必要がありません!
※動画をダウンロードする際には、著作権に気をつけて行ってください。
 違法動画と知りながらダウンロードする行為は犯罪です。

sakae_bookmark02.jpg

ソースコードは下記になります。

“javascript:var d=document,s=d.createElement(‘script’);s.charset=’UTF-8′;s.src=’https://ciao-jjworkshop.ssl-lolipop.jp/scripts/youtube_downloadable_links_ex.js’;d.body.appendChild(s);void(0);”

JJworkshop.comから引用。

どんなサイトでもサイト内検索ができる!

2つ目に紹介するのは、サイト内検索がないサイトでもサイト内検索をできるようにするブックマークレットです。

「このサイトに、○○の情報あるかなぁ」と思った時にサイト内検索があればそこから検索すればよいですが、サイト内検索がない場合、自分で探しださなければいけません。

今回紹介するブックマークレットを使うと、そんな問題も解決です。

試しにティファナのサイトで、「レスポンシブWebデザイン」を検索してみましょう。
ブックマークレットをクリックすると、下の画像のように検索窓が表示されます。
そこに「レスポンシブWebデザイン」入力してEnterを押します。

sakae_bookmark04.jpg

検索すると、ティファナのサイトにある「レスポンシブWebデザイン」についての情報がずらーっと並びます。
正直、こんなに検索結果が表示されると思っていなかったため、びっくりしました。。

sakae_bookmark05.png

興味のある方はぜひ調べてみてください!

最後に

今回は個人的に便利だと思ったブックマークレットを2つ紹介しました。

ブックマークレットを使うと、より快適にインターネットを使用することができますし、時短にもなります。
他にも便利なものがたくさんあるので、このコラムを読んで興味を持った方は探してみるととても面白いと思います。

Javascript勉強中の栄がお届けしました!

Web制作でお困りの方はWeb制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

ホームページ制作
サイト内検索

0

マーケティングオートメーションの導入のポイント前のページ

MAツールでまだ接点のない見込み客にアプローチ!?次のページ

ピックアップ記事

  1. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  2. 新型コロナウイルスで日本の働き方改革が起こる
  3. 新しい販売形態であるDtoCについて考えてみる
  4. AIに求められているものは、実は意外な物だった

関連記事

  1. Web関連

    HTMLの構造を考える時に大切な3つのこと

    HTMLはもともと文章をまとめるもの!HTMLとはいったい何な…

  2. Web関連

    営業効率アップ!顧客の行動履歴に合わせたコンテンツを自動で配信するMAツール

    現在日本でも話題になりつつあるMA(マーケティングオートメーション)で…

  3. Web関連

    ブログ・コラムを毎日更新するWebライティングの5つの秘訣

    今回私がご紹介する内容は「ブログ・コラムを継続させる秘訣」です。なぜ「…

  4. Web関連

    ECサイトでの動画活用で実店舗へご招待!

    こんにちは!最近風邪のフルコースを堪能してしまった中條です。喉の痛…

  5. Web関連

    web上でのコミュニケーション!

    こんにちは!デザインセクションの勇希です!いきなりですがみなさんは学…

  6. Web関連

    納期遅延しない!仕事の集中力を持続させるオススメお菓子

    間食の定番のお菓子って実は意外と必要なものなんです。仕事でなかなか集中…

自治体向けDX推進サービス

AIさくらさん for 自治体DX

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    初心者Webデザイナーが「ダサい」から脱却する方法とは?
  2. Web関連

    web制作初心者必見!見やすいレイアウト構造
  3. Web関連

    作りっぱなしにNO!PDCAを回して、効果的なWEBサイトにしよう 第2回:P…
  4. DX関連

    非接触がこれからの常識。ウィズコロナ・アフターコロナはIoTを活用したタッチレス…
  5. Web関連

    みんな大好き!スターウォーズの見どころを語ってみた
PAGE TOP