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

関連記事

  1. Web関連

    小売業界必見!ビジネスの見方が変わる!?小売業界のミライ予測

    小売業のECチャネル進出が当たり前になった今、小売業のビジネスのカタチ…

  2. Web関連

    クラウドファンディングで商品化された事例4選

    世界中で注目が集まっているクラウドファンディングでは、日々さまざまな…

  3. Web関連

    スマホ?パソコン?マルチデバイスについて調べてみた。

    今やスマホ全盛期の時代。私たちの身の回りにあるのはガラケーではなく…

  4. Web関連

    ユーザーを騙す!?インフィード広告の有効活用

    皆さん、スマホのニュースアプリやSNSなどで以下のような広告を見たこと…

  5. Web関連

    頭と心のストレッチ。 ホッと一息つく脱力系サイトまとめ

    2016年も約半分終わりました・・・。バリバリ仕事をこなしているであろ…

  6. Web関連

    スマホ利用で注意!新たなフィッシング詐欺

    最近新手のフィッシング詐欺が流行っています。いきなりこのような言葉が目…

おすすめ記事

最近の記事

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

アーカイブ

  1. Web関連

    Web制作会社が提案する顧客ロイヤリティ向上施策
  2. Web関連

    Web制作会社がうどん県からマーケティングを学ぶ
  3. Web関連

    知らなかったはもったいない!得をするにはネットも視野に
  4. Web関連

    ライバルサイトに差をつける!インフォグラフィックを作るための5つの手順
  5. Web関連

    多変量解析は現代のトレジャーハント!
PAGE TOP