• Home
• コーポレートブログ
• Dockerを使ってRedmineのテーマ作成に挑戦中です

マーケティンググループの福田です。年末から寒い日が続いています。いつも慌ただしく過ごす年末年始ですが、今年はコロナウイルス対策と積雪の影響もあり家で久しぶりにゆっくり過ごしました。

今回は年末年始家で過ごす時間が増えたのを利用して、Redmineのテーマ作成を試した話を書きます。

Redmineのテーマとは

Redmineのテーマは、Redmineの画面デザインを変えることができる設定ファイルです。Redmineにデフォルトで設定されているテーマがあるほか、開発者の方が作成し公開されているテーマをダウンロードして利用したり、自作することもできます。

昨年6月弊社が運営する「My Redmine」に新たに小中学生向けのテーマ「こどもれっどまいん緑バージョン」を追加しました。

雰囲気ががらりと変わるのをみて、CSSの勉強をするつもりで自分でもテーマ作成を試してみることにしました。

環境の準備

テーマ作成にあたり、Redmine互換の弊社開発のソフトウェア「RedMica」の公式Dockerイメージを活用しました。環境構築はかなり難しいものと考えていましたが、Dockerを利用することで思ったよりも簡単に構築することができました。

RedMicaの公式Dockerイメージを利用する方法は以下の通りです。

1. RedMicaコンテナを起動

   $ docker run -d -p 8000:3000 --name some-redmica redmica/redmica
   

   
   http://localhost:8000/ にアクセスして、起動を確認

2. Dockerコンテナ上の、テーマの入ったディレクトリをローカル環境にコピーします。テーマを保存したいディレクトリに移動して以下のコマンドを実行します。

   $ docker cp コンテナID:/usr/src/redmine/public/themes ./
   

3. 一旦1で作成したコンテナを削除して、2で作成したローカル環境のテーマディレクトリをコンテナのテーマディレクトリにマウントさせてコンテナを再度作成、起動します。

   $ docker run -d  -v ローカルでテーマを保存しているディレクトリの絶対パス:/usr/src/redmine/public/themes -p 8000:3000 --name some-redmica redmica/redmica
   

これだけで準備が完了です。

テーマを作成してみる

上記2でコピーしたテーマディレクトリの中に、新たに作成するテーマのディレクトリを追加します。

Redmineのテーマのディレクトリ構成・作成の仕方はRedmineガイドを参考にしました。
Redmineガイド Redmineのカスタムテーマの作成

Dockerで起動したRedmineのテーマを自分で作成したテーマに切り替えることで、変更箇所を確認しながら作業できます。 Redmineのテーマの切替方法

作成にあたり、色々な方が公開されているテーマを参考にしました。
Redmine公式サイトのテーマ一覧

書かれているコードを読んで自分で書いて動かすことを繰り返し、１つ１つ理解できるようになるのが楽しく、とても勉強になりました。

現在の作成状況

現状は以下のように作成を進めています。

全体的に余白を多めにとり、フォントサイズを大きくしています。色の選定が難しく、配色ツールや他のアプリの色使いを参考に試行錯誤しています。ほかにもアイコンをBootstrapアイコンに変えたりしています。

今はCSSのみ追加していますが今後動きを加えたり、メニューの配置を変えたいと思っています。

今後も続けていきたいです

テーマを作成することで知識が増え、環境構築に利用したDockerについても理解が深まりました。自分が作ったテーマを、Redmineに反映させてすぐに利用できるので楽しくやりがいがあります。今後も作成を続け、完成したらまたブログで書きたいと思います。

---

---