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関連

    意外と知らないセキュリティ対策 1限目

    皆さんは、個人情報保護や情報漏洩対策のためにセキュリティ強化をしていま…

  2. Web関連

    テンプレートセットを使ったフルスピードweb制作

    今回は、ティファナで取り組み始めた新しいWebの制作フローについてご紹…

  3. AIさくらさん

    デジタル接客+AIで非接触を推進する

    コロナ禍にみまわれる前までは、ビジネスの場において商品やサービスを紹介…

  4. Web関連

    知っておかないと損をするWebフォントとは!

    Webフォントとは何でしょうか?この世にフォントはたくさんあり…

  5. Web関連

    子連れ家族向け情報サイト

    こんにちは。育児に家事に大忙しのディレクター、望月です。子供が出来る…

  6. Web関連

    仕事に役立つ?!武士道的精神三ヶ条

    こんにちは、IAの鑓水です!私は小学校から中学校まで剣道、高校は合気道…

おすすめ記事

最近の記事

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

アーカイブ

  1. Web関連

    良い事だらけ!リスク管理は目から鱗ものなのです!
  2. SEO関連

    web制作には欠かせない、SEOとオウンドメディア
  3. Web関連

    顧客満足度の高いホームページを作るためにやるべきこと
  4. Web関連

    驚くべき3Dプリンターの進化!
  5. Web関連

    Web制作工程におけるジオターゲティング(Geo Targeting)について考…
PAGE TOP