この記事は、SmartHR Advent Calendar 2023(シリーズ2)の16日目の記事です。

これ何

ことの始まり

チャットツールでしばしば長めの文を見かけることがあると思います。その時に

とリンクが長いテキストの中にそのまま表記されているよりは、

↑のように表記されている方が、ただでさえ読む気が起きない長い文を読むきっかけの一つになると、個人的には思っています。

普通にリンク貼り付けるだけよりは 3mmくらい工数がかかるのと地味に困ったケースがあったので以下に紹介します。

【ケース1】

[]() <- どっちにURL入れるんだっけ...？

【ケース2】

1: []() を用意
2: 表示テキスト用の文字をコピー
3: [コピーしたテキスト]() <- 貼り付ける
4: URLをコピー
5: [コピーしたテキスト](URL)

＿人人人人人人人人人人人＿
＞　地味にめんどくさい　＜
￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^￣

デフォルトのままでもボタン押すだけで、ページのタイトルとURLを見やすい感じにしてくれるので嬉しい！

「めちゃ便利〜」と思っていたある日、こんなことが...

↓こうなった

...ちょっと思ってたんと違う（それはそう）

そしたらタイトルがあるページ移動して押せばええか...

↓こうなった

- Jira がやや邪魔...

＿人人人人人人人人人人人人人人人＿
＞　かゆいところに手が届かない！　＜
￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^￣

焦らないでください

デフォルトの title を受け取っている部分を selectingText に変えて...

// --- before ---
({title, url}) => {
  const escaped = title.replace(/[\[\]]/g, '\\$&');
  return `[${escaped}](${url})`;
};

title -> selectingText

// --- after ---
({seletingText, url}) => {
  const escaped = seletingText.replace(/[\[\]]/g, '\\$&');
  return `[${escaped}](${url})`;
};[]

こうして

ジャジャーン
素敵なユーザーストーリー

＿人人人人人人人人人人＿
＞　もうかゆくない！　＜
￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^￣

利用者が js を書いてフォーマットを追加できます。

と作者もおっしゃっているので、かゆくなったらまた何かできそうです。