Chrome拡張機能の「Create Link」を使って簡単にサイトリンクを生成する

サイトをコピーしてリンクのシェアをしたい時は、「タイトルのコピー」と「リンクのコピー」とコピーの作業が2回必要になってきます。
更にサイトタイトルも入れる必要がある場合は「サイトタイトル」もコピーしなければなりません。
今回はそれらを整形して、コピーできるCreate LinkというChrome拡張機能の紹介です。
Create Linkのインストール

Google Chromeのウェブストアからダウンロードします。
Chromeの右上にCreate Linkのアイコンが追加されているので、それをクリックしてフォーマットを選ぶと整形したリンクのコピーができます。
また1番下の[Configure…]を押すと設定ページが開きます。
フォーマットの作成方法
設定ページのFormats下のボタンから、フォーマットの追加・削除が可能です。

デフォルトでは下記の4つのフォーマットが設定されています。
| 名前 | フォーマット |
|---|---|
| Plain text | %text% %url% |
| HTML | <a href=”%url%”>%htmlEscapedText%</a> |
| markdown | [%text_md%](%url%) |
| mediaWiki | [%url% %text%] |
フォーマットを見ると分かりますが、Create Linkではパーセント記号で囲まれた変数をフォーマット内に入れておくことで、コピー時に適切な値が代入され、リンクがコピーされる仕組みになっています。
使える変数
用意されている変数は全部で8つあります。
これらをうまく使うことでフォーマットが作れます。
| 変数 | 中身 |
|---|---|
| %text% | 選択したテキストかページのタイトル 改行はなくなる |
| %text_n% | 選択したテキストかページのタイトル 改行も一緒にコピーされる |
| %text_br% | 選択したテキストかページのタイトル 改行は<br>か\nに変換される |
| %text_md% | 選択したテキストかページのタイトル マークダウン仕様の文字はすべてバックスラッシュでエスケープされる |
| %title% | ページタイトル |
| %newline% | 改行(\n) |
| %htmlEscapedText% | 選択したテキストかページのタイトル HTML記号は実体参照に変換される |
| %input% | テキストを入力するためのダイアログをポップアップする |
Filter機能に関して
Create LinkではFilterという、「s/検索文字/置換文字」と入力すると、コピーした文字列に対して文字の置換をする機能があります。
ただ、2019年5月現在この機能はうまく動作していなくて、使用しようとするとコピーした文字列が「undefined」になってしまいます。


Macでデュアルディスプレイ時に、通知を表示するディスプレイを指定する方法
ATOKで簡単に今日の日付を入力する方法
「EvernoteSpotlightは、キーチェーン内の”Evernote”に保存されている機密情報を使用しようとしています」というダイアログボックスを非表示にする方法
SNS・ウェブサービスへの保存系Chrome拡張機能
Hazelを使ってMacのファイル整理を自動化する
単語登録機能に日常でよく使うフレーズを登録して、文章を素早く入力する方法
通知パネルの「閉じる」クリックをショートカットキーで行う方法
macOSのシステム環境設定「Mission Control」の設定見直し
.DS_Storeなどの不要なメタデータファイルを自動で削除する「BlueHarvest」
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Google Chromeでタブのグループ化機能を使う方法
Path Finderがメジャーアップデートで今後はサブスクリプションモデルに!
Sketchの画像周りの基本操作|画像の追加方法や色補正、切り抜き方法まで
JavaScriptで日付をコピーして計算すると、コピー元の日付も変わってしまう場合の対処法
タッチバーをタッチしないようにするという向き合い方
WebPに対応して画像サイズを最適化する方法
GoogleアナリティクスとGoogleアドセンスを連携して、細かいデータを見る方法
画面キャプチャから動画編集までできるScreenFlowの基本的な設定
BetterTouchToolの設定ファイルをエクスポート・インポートする方法
CSS Nite in Kobe, vol.39「ウェブサイトの分析とGoogleアナリティクス活用・カイゼンのノウハウを学ぼう」に参加してきました