View customize plugin for Redmineの紹介 (2019年版)

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

Transcript

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