使って実装してみます。ベースにハッシュタグ機能を追加しています。アクションを追加します。次に投稿に含まれるハッシュタグを抽出してリンクにする処理を追加します。ハッシュタグの抽出は正規表現を使っています。抽出条件は以下のようにしました。ハッシュタグはもっと複雑だと思いますが、今回は簡易にしました。正規表現は苦手なのでこれが限界でした。使っても以下のようにエスケープされてリンクにはなりません。html_with_link_to_hashtagというメソッドを追加しています。下の処理でaタグのhref属性を表示できるようにするので、ハッシュタグのaタグ以外が有効にならないように、エスケープしておく。aタグのhref属性以外はサニタイズします。aタグのhref属性はエスケープされずに表示されるようになります。%>これでハッシュタグのリンクだけが有効な状態で表示されます。ハッシュタグを検索できるようにする最後にハッシュタグを使って検索できるようにします。アクションに検索する処理を追加します。あったので、ハッシュタグの抽出・リンク化はこれを使ってみても良さそうでした。セキュリティを考慮してhtml_with_link_to_hashtagでエスケープ・サニタイズをしていますが、もう少しスッキリした処理にしたい気持ちです。🤔harashoWebエンジニア5年目。Reactを使っています。バッジを贈って著者を応援しようバッジを受け取った著者にはZennから現金やAmazonギフトカードが還元されます。バッジを贈るDiscussionharashoWebエンジニア5年目。Reactを使っています。Proよくある質問LinksX(Twitter)GitHubメディアキットLegal利用規約プライバシーポリシ。