ライティング中の作業をわずかワンクリックで済ませてくれるブックマークレット4選
ferret編集部:2016年2月2日に公開された記事を再編集しています。
記事を作成する際、他のWebページを紹介したり、書籍を検索したりなど、記事執筆以外に必要な工程があります。その度に記事を書く手をとめて他の作業をしなくてはならなくては、集中力が落ちるだけではなく、効率が悪くなってしまうこともあります。
そこで今回は、記事執筆の中で必要になる作業をワンクリックで行える、便利なブックマークレット5選を紹介します。
設定方法も解説しているので、ぜひ参考にしてみてはいかがでしょうか。
このニュースを読んだあなたにオススメ
コンセプトコピーの重要性と具体的イメージ
【ライター必見】記事を書くときに便利なクロームの拡張機能15選
ライター、編集者は知っていて当然?よくある間違った漢字の使い方10選
ブックマークレットとは
ブックマークレットとは、ブックマークに登録できるJavaScriptで記述されたスクリプトのことです。
ブックマークに登録しておくことで、Webページを閲覧中にすぐに該当機能を呼び出すことが可能で、手作業で行うと手間のかかる作業をワンクリックで済ませることが可能です。
例えば、Webページに含まれる用語を検索したり、閲覧中のWebページへのリンクを自分のブログの投稿ページに貼った状態で起動してくれたりなど、かゆいところに手がとどく機能ばかりです。
知っていると便利なブックマークレット4選
1.類語辞典
選択した語句の類義語を検索できるブックマークレットです。
記事執筆をする時は、どのようなカテゴリであれ豊富な語彙力が必要です。
語彙力に自信がなくても十分補える非常に便利なブックマークレットです。
使用方法
まず、上記のURLにアクセスしてブックマークバーに登録します。
その後、URLを編集して、以下のソースコードをそのままコピーアンドペーストして変更してください。
javascript:var d=document; var tx=d.selection?d.selection.createRange().text:d.getSelection(); var subw=window.open('http://thesaurus.weblio.jp/content/'+tx).document;
これで設定完了です。
設定が完了したら、任意のWebページを開いて、文字列をドラッグします。
ドラッグできたら、あらかじめブックマークバーに登録した「類語辞典」をクリックします。
すると自動で新しいウィンドウが開き、類義語を表示してくれます。
2.書籍横断検索システム
http://book.tsuhankensaku.com/hon/
Amazonや楽天ブックスなどのオンライン書店の書籍詳細ページ上で、他のオンライン書店での検索もできるブックマークレットです。
このブックマークレットでは、ブクログなどの読書管理サイト、カーリルなどの図書館の蔵書検索サイトなど、合計20以上の書店・Webサイトに対応しています。
使用方法
まず、上記のURLにアクセスします。
すると「ブックマークレット」というボタンがありますので、このボタンをドラックアンドドロップしてブックマークバーに登録してください。
ドラックアンドドロップで登録できない場合は、上記のURLにアクセスしてブックマークバーに登録し、URLをそのままコピーアンドペーストして下記のソースコードに変更してください。
javascript:(function(u)%7Bvar s%3Ddocument.createElement(%27script%27)%3Bs.charset%3D%27UTF-8%27%3Bs.src%3Du%3Bdocument.body.appendChild(s)%7D)(%27http://www.tsuhan.me/api/booksearch.js%27)
これで設定完了です。
設定が完了したら、任意のWebページを開いてください。
開いた状態で、あらかじめブックマークバーに登録した「書籍横断検索システム」をクリックします。
すると自動で書籍横断検索システムが開き、対応している書店・Webサイトの一覧が表示されます。
3.Typewolf
https://www.typewolf.com/type-sample
Webページ上のフォントを調べることができるブックマークレットです。
記事の作成にはもちろん、デザイナーの方にもオススメできるツールです。
使用方法
まず、上記のURLにアクセスします。
すると「Install the bookmarklet」という表記のしたに、青いボタンがありますので、ドラックアンドドロップでブックマークバーに追加します。
ドラックアンドドロップで登録できない場合は、上記のURLにアクセスしてブックマークバーに登録し、URLをそのままコピーアンドペーストして下記のソースコードに変更してください。
javascript:void((function(d)%7Bvar e=d.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','//www.typesample.com/assets/typesample.js?r='+Math.random()*99999999);d.body.appendChild(e)%7D)(document));
これで設定完了です。
設定が完了したら、任意のWebページを開いてください。
あらかじめブックマークバーに登録した「Type Sample」をクリックし、フォントを調べたい文字列にカーソルを合わせます。
カーソルを合わせると自動で該当箇所のフォントが表示されます。
4.ヨメレバ
記事上で書籍を紹介する際に、Amazonや楽天ブックスなどのオンライン書店へのリンクを表示させるためのブックマークレットです。
書籍紹介をする際に、その都度URLやサムネイル画像を取得するのは手間がかかりますが、このブックマークレットを使用すればワンクリックでリンクを取得することができます。
取得できる情報は、主に以下の5つです。
・該当書籍のタイトル
・オンライン書店のURL
・著者名
・出版社
・刊行日
使用方法
まず、上記のURLにアクセスします。
そのまま下にスクロールしていくと、ユーザーデータを入力する画面が表示されます。
このフォーム内に、ブログのWebサイト名と使用しているオンライン書籍のアフェリエイトIDを入力してください。
ここでは便宜的に「ferret」としています。
なお、Webサイト名とAmazonアフェリエイトIDは、入力必須です。
入力したら、フォーム下にある「保存」をクリックします。
これで「ヨメレバ」へのアフェリエイトIDの登録が完了です。
続いて、画面を上にスクロールし「利用方法」の項目を見ます。
すると「ヨメレバブックマークレット」という表示が確認できますので、これをドラックアンドドロップでブックマークバーに登録してください。
ドラックアンドドロップで登録できない場合は、上記のURLにアクセスしてブックマークバーに登録し、URLをそのままコピーアンドペーストして下記のソースコードに変更してください。
javascript:window.open('http://yomereba.com/blogparts/?&url='+encodeURI(document.location.href));undefined;
これで設定完了です。
続いて、任意のWebページを開きます。
開いた状態で、あらかじめブックマークバーに登録した「ヨメレバ」をクリックします。
自動でヨメレバが開き、記事内に埋め込むソースコードが表示されます。
ここで表示されたソースコードをそのままコピーアンドペーストして記事に貼り付けると、リンクが表示されます。
まとめ
今回ご紹介したブックマークレットを活用し、作業工数はなるべく短縮し、執筆に集中することができれば、仕事のパフォーマンスを向上させることができます。
ブックマークレットは、仕様の変更により使用できなくなることもありますが、今回紹介したものは比較的変更が少ないものばかりです。
どれも非常に便利なのでまずは利用してみることをオススメします。
このニュースを読んだあなたにオススメ
コンセプトコピーの重要性と具体的イメージ
【ライター必見】記事を書くときに便利なクロームの拡張機能15選
ライター、編集者は知っていて当然?よくある間違った漢字の使い方10選
このニュースに関連したカリキュラム
コンセプトコピーの重要性と具体的イメージ
ホームページのビジネスを展開するときに、デザインだけでなく広告や商品開発、アフターケアなどあらゆる場面で、お客様はあなたの商品やサービスを記憶します。そのときに一貫性のあるコンセプトで接したいものです。その基本となるわかりやすく伝わりやすい文章をコンセプトコピーといいます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- JavaScript
- JavaScript(ジャバスクリプト)とは、Webサイト上でさまざまなインタラクティブな動きを実現するために用いられる言語
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
- URL
- URLとは、「Uniform Resource Locator」の略称です。情報がどこにあるのかを示すインターネット上の住所のようなものだと考えるとわかりやすいでしょう。各ページのURLは、インターネットブラウザの上部に文字列として表示されています。日本語では「統一資源位置指定子」という名称がついていますが、実際には日本でもURLという語が使われています。
- URL
- URLとは、「Uniform Resource Locator」の略称です。情報がどこにあるのかを示すインターネット上の住所のようなものだと考えるとわかりやすいでしょう。各ページのURLは、インターネットブラウザの上部に文字列として表示されています。日本語では「統一資源位置指定子」という名称がついていますが、実際には日本でもURLという語が使われています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- オンライン
- オンラインとは、通信回線などを使ってネットワークやコンピューターに接続されている状態のことをいいます。対義語は「オフライン」(offline)です。 現在では、オンラインゲームやオンラインショップなどで、インターネットなどのネットワークに接続され、遠隔からサービスや情報などを利用できる状態のことを言う場合が多いです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- URL
- URLとは、「Uniform Resource Locator」の略称です。情報がどこにあるのかを示すインターネット上の住所のようなものだと考えるとわかりやすいでしょう。各ページのURLは、インターネットブラウザの上部に文字列として表示されています。日本語では「統一資源位置指定子」という名称がついていますが、実際には日本でもURLという語が使われています。
- URL
- URLとは、「Uniform Resource Locator」の略称です。情報がどこにあるのかを示すインターネット上の住所のようなものだと考えるとわかりやすいでしょう。各ページのURLは、インターネットブラウザの上部に文字列として表示されています。日本語では「統一資源位置指定子」という名称がついていますが、実際には日本でもURLという語が使われています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- URL
- URLとは、「Uniform Resource Locator」の略称です。情報がどこにあるのかを示すインターネット上の住所のようなものだと考えるとわかりやすいでしょう。各ページのURLは、インターネットブラウザの上部に文字列として表示されています。日本語では「統一資源位置指定子」という名称がついていますが、実際には日本でもURLという語が使われています。
- URL
- URLとは、「Uniform Resource Locator」の略称です。情報がどこにあるのかを示すインターネット上の住所のようなものだと考えるとわかりやすいでしょう。各ページのURLは、インターネットブラウザの上部に文字列として表示されています。日本語では「統一資源位置指定子」という名称がついていますが、実際には日本でもURLという語が使われています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- オンライン
- オンラインとは、通信回線などを使ってネットワークやコンピューターに接続されている状態のことをいいます。対義語は「オフライン」(offline)です。 現在では、オンラインゲームやオンラインショップなどで、インターネットなどのネットワークに接続され、遠隔からサービスや情報などを利用できる状態のことを言う場合が多いです。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- URL
- URLとは、「Uniform Resource Locator」の略称です。情報がどこにあるのかを示すインターネット上の住所のようなものだと考えるとわかりやすいでしょう。各ページのURLは、インターネットブラウザの上部に文字列として表示されています。日本語では「統一資源位置指定子」という名称がついていますが、実際には日本でもURLという語が使われています。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪(thumb nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- URL
- URLとは、「Uniform Resource Locator」の略称です。情報がどこにあるのかを示すインターネット上の住所のようなものだと考えるとわかりやすいでしょう。各ページのURLは、インターネットブラウザの上部に文字列として表示されています。日本語では「統一資源位置指定子」という名称がついていますが、実際には日本でもURLという語が使われています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- フォーム
- フォームとは、もともと「形」「書式」「伝票」などの意味を持つ英単語です。インターネットの分野では、パソコンの操作画面におけるユーザーからの入力を受け付ける部分を指します。企業のホームページでは、入力フォームが設置されていることが多いようです。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- オンライン
- オンラインとは、通信回線などを使ってネットワークやコンピューターに接続されている状態のことをいいます。対義語は「オフライン」(offline)です。 現在では、オンラインゲームやオンラインショップなどで、インターネットなどのネットワークに接続され、遠隔からサービスや情報などを利用できる状態のことを言う場合が多いです。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- フォーム
- フォームとは、もともと「形」「書式」「伝票」などの意味を持つ英単語です。インターネットの分野では、パソコンの操作画面におけるユーザーからの入力を受け付ける部分を指します。企業のホームページでは、入力フォームが設置されていることが多いようです。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- URL
- URLとは、「Uniform Resource Locator」の略称です。情報がどこにあるのかを示すインターネット上の住所のようなものだと考えるとわかりやすいでしょう。各ページのURLは、インターネットブラウザの上部に文字列として表示されています。日本語では「統一資源位置指定子」という名称がついていますが、実際には日本でもURLという語が使われています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング