CORPORATE

技術情報

Redmineにタグ機能を入れてみた！

社内で利用しているRedmineにタグ機能を入れました。
フロントのみの対応で手軽に実装できたので、本ブログで紹介いたします。

使用したプラグイン

Tag-it!というjQueryのプラグインを使いました。

対応内容

サーバーの設定は変更せず、下記2点の対応で実装しました。

カスタムフィールドの追加

新規で「タグ」というカスタムフィールドを追加しました。
入力形式はテキストで、オプションで「フィルタとして使用」と「検索対象」にもチェックを入れました。検索性が上がるので、この2つのオプションのチェックは必須です。

View Customizeの追加

RedmineにはView Customize Pluginを導入しており、JavaScriptやCSSで画面の描画や動きなどをカスタマイズしています。

今回はViewCustmizeを3つに分けて追加しました。

  • CSS：テキスト入力欄やタグ入力欄など画面表示の制御
  • JavaScript：プラグイン回りの主要ロジック
  • JavaScript：プラグインとRedmineとの連携

主な挙動の説明

  • タグ入力時には候補をサジェストしてくれる
  • タグクリック時、同じタグが付いているチケットが表示される

対応時に困った点

  • テキスト入力欄の中にタグの入力欄が入れ子になっているためCSSの調整が微妙に複雑
  • サジェストする文言を既存のタグからAPIで取得する影響で、チケット一覧画面に意図しないフィルタリング発生

まとめ

所属する親プロジェクトが違っても横串でチケットを検索することができるようになったので導入して良かったと思いました。
突貫で導入したということもあり、今後ChatGPTに聞きながらリファクタリングを行って、保守性も向上できればと考えております。
ぜひ皆さまも手軽に使ってみてはと思いました！

ブログの著者欄

儀部 佑介

GMOインターネットグループ株式会社

2021年1月GMOインターネットグループ株式会社に入社。 検証業務やリリース業務など担当後、現在は主にスクラムマスターとしてスクラム開発の推進に従事。

採用情報

関連記事

No.1&STEAM人財採用 新卒年収710万プログラム

KEYWORD

CATEGORY

TAG

もっとタグを見る

PICKUP

採用情報

SNS FOLLOW

GMOインターネットグループのSNSをフォローして最新情報をチェック

CATEGORY