
この記事は以下のような人におすすめ!
- きれいなカード型リンクで引用文を飾りたい
- 他のブログの記事を引用したい
- なんども同じ引用文を利用するので保存しておきたい
Quotebacks 拡張機能
詳細説明
美しいカード型リンクで、他の記事のテキストを引用できるChrome拡張機能
キーボードのショートカットを使って簡単にカードを生成できる
特徴
- Chromeだけでなく、
Firefoxブラウザにも対応している拡張機能 - HTMLタグを生成
- 画像ファイルを生成
- Markdownを生成
- 引用を保存できる
- キーボードショートカットを使用
Quotebacks – Quote the web
DL link
Quotebacks – quote the web – Chrome ウェブストア
https://chrome.google.com/webstore/detail/quotebacks-quote-the-web/makakhdegdcmmbbhepafcghpdkbemach
Quotebacksの使い方
テキストを取り込むにはショートカットキーを使う
拡張機能をダウンロードしたら、引用したいテキストを範囲選択して
『Ctrl+Shift+s』を押します
たったこれだけではありますが、
逆にこの『Ctrl+Shift+s』ショートカットキー以外は設定できません
ブラウザが起動しているときに同じショートカットで発動してしまうようなアプリケーションは変えたほうがいいです
私の場合は、GeForceのゲームキャプチャ機能が起動してしまうので設定を見直しました
ショートカットキーを押すと瞬時に
ブラウザの右上にダイアログが出てきます

[Add comment]欄には保存用のメモを記入できます
空欄でも問題ないので、【<>Embed】を押して見るとクリップボードにコピーされます
そして、記事内にhtmlを貼り付ければ
このようにカード型のリンクが挿入できます
Create Linkは
「タイトル」「URL」「選択テキスト」を一瞬でクリップボードにコピーができる、Windows、OSX対応のChrome拡張機能です
タグはこのような形です
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<blockquote class="quoteback" darkmode="" data-title="%E3%80%8C%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%80%8D%E3%80%8CURL%E3%80%8D%E3%80%8C%E9%81%B8%E6%8A%9E%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%80%8D%E3%82%92%E4%B8%80%E7%9E%AC%E3%81%A7%E5%8F%96%E5%BE%97%E3%81%A7%E3%81%8D%E3%82%8BChrome%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%80%90Create%20Link%E3%80%91%20%7C%20Non-Designer's%20Technique%20Blog" data-author="" cite="https://ndtb.work/web/222/"> <p> <strong>Create Link</strong>は </p> <p> <strong>「タイトル」「URL」「選択テキスト」</strong>を一瞬でクリップボードにコピーができる、Windows、OSX対応の<strong>Chrome拡張機能</strong>です </p> <footer> <cite> <a href="https://ndtb.work/web/222/">https://ndtb.work/web/222/</a> </cite></footer> </blockquote> <script note="" src="https://cdn.jsdelivr.net/gh/Blogger-Peer-Review/quotebacks@1/quoteback.js"> </script> |
注意事項として
■たまに改行などのタグが挿入されていないこともあるので修正してあげましょう
■ヘッダータグを選択してコピーした場合はそのままペーストされるので
ヘッダーに応じて目次を自動挿入してくれるようなプラグインを使用している場合は、修正してあげましょう
その他の操作

画像で保存したいとき
ブラウザの右上にある、Quotebacksの拡張機能ボタンを押すと
『QuoteBack Library』が開きます
保存したカードリンク一覧が表示されるので選択して、
マウスを重ねるとカードの右側にメニューが浮かびます
- 【Copy image】 画像で保存
- 【Copy Text】 引用テキストを保存
- 【Copy Markdown】 Markdown形式で保存
- 【Delete】 リンクカードを削除する
データを全消去したい場合
右上にある、
歯車アイコンを選択すると以下のメニューが表示されます
- Clear Storage
- Export data
- Import data
一番上の『Clear Storage』をクリックすると
ダイヤログが表示されるので、OKを選択して
すべてのデータを消去します
以前は、テキスト引用の拡張機能で「Create Link」を紹介しましたが
こちらの「QuoteBack」は
より美しいカードリンク形式で記事を装飾できます
さらに、引用文章の保存も可能なので
場合によって使い分けるのがいいかもしれませんね