社内の勉強会でView customizeについてLTした資料です。

1. View customize plugin
for Redmine の紹介 (2019年版)
2019.3.15 社内勉強会
onozaty

2. View customize plugin
• Redmineの画面をカスタマイズするためのプラグイン
• 特定の画面に対して、JavaScript、CSSを埋め込む機能を提供
• 再起動不要で、手軽にRedmineをカスタマイズできる

3. View customize plugin
第15回redmine.tokyo勉強会のアンケート結果 (2018年11月)
https://www.slideshare.net/naitoh1/redminetokyo-15-questionnaire
• それなりに利用されているプラグイン
GitHub onozaty/redmine-view-customize
https://github.com/onozaty/redmine-view-customize

4. 設定画面

5. 実行

6. できること
• JavaScriptとCSSを埋め込んで実行できるので、画面にある情報で完
結することは(たいてい)何でもできる
• ユーザのカスタムフィールドや、APIキーといった画面上に存在し
ない情報にアクセスする方法も View customize として提供してい
るので、それらを組み合わせると、出来ることの幅はさらに広がる

7. コード書くのが大変？
• サンプルコードはたくさん公開されているので、それを参考にすれ
ば大丈夫
• プログラムをまったく書いたことが無かった人も利用している

8. 例

9. 1. バナーを表示

10. 2. プロジェクトによってヘッダの色を切り替え

11. 3. チケット一覧を装飾
適用前
適用後

12. 4. ヘッダにリンクを追加
適用前
適用後

13. 5. 進捗率を数字で表示
適用前
適用後

14. 6. 説明欄を非表示に
適用前
適用後

15. 7. テキストエリアを幅広く
適用前
適用後

16. 8. チェックボックスを２列で表示
適用前
適用後

17. 9. カスタムフィールドを連動させる
適用前
適用後

18. 10. 送信ボタンにショートカットを割り当てる

19. 11. ステータスに応じて担当者の入力を必須に

20. 12. 子チケット作成時に親チケットの情報を引き継ぐ

21. 13. チケット作成時にトラッカーに応じて値を変更

22. 14. 担当者の選択で入力補完
適用前 適用後

23. 15. 複数の子チケットをまとめて作成

24. View customizeに関する情報源 (1)
• GitHub - onozaty/redmine-view-customize
https://github.com/onozaty/redmine-view-customize
• View customize の提供サイト
• 利用方法の説明あり
• GitHub - onozaty/redmine-view-customize-scripts
https://github.com/onozaty/redmine-view-customize-scripts
• View customizeのサンプルコード集
• 今日紹介したものもここに

25. View customizeに関する情報源 (2)
• View customize pluginを使いこなす
https://www.slideshare.net/onozaty/view-customizeplugin-62005780
• 第10回 redmine.tokyoでの発表資料(2016年5月)
• 最新機能の情報は無いが、現時点でView customizeの利用方法について一
番詳しく書かれたもの(だと思う)
• View customize1.2.0の紹介
https://www.slideshare.net/onozaty/view-customize120
• 第15回 redmine.tokyoでの発表資料(2018年11月)
• 最新機能については、このスライドでフォロー

26. おわりに
わからないことや、こういうことができないか？といった相談があり
ましたら、作者(私)まで気軽にご相談ください。
全力でサポートします！