2013/10/08

JenkinsのUIをすっきり変化させるテーマdoonyを試す

JenkinsにはSimple Theme Pluginという見た目を変更するプラグインがあり、 それを利用したテーマdoonyがあったので試してみました。

このテーマの特徴としては次のようになります。

  • プロジェクト内のどこにでもある「Build Now」ボタン
  • ビルドステータスがサークルのアニメーションに
  • フォントなどが大きめに
  • コンソールの見ためを背景黒にしたりフォントをConsolasにしたり
  • ビルド履歴がストライプになって高さも広く

いくつか、スクリーンショットを挙げておきます。

Chrome拡張として使う

doonyを利用する手段は2つあり、Jenkinsサーバに入れる方法と、Chrome拡張として使う方法があります。

とりあえずひとりで試したり、Jenkinsサーバへの権限がない場合にはChrome拡張として利用するのが手っとり早いです。

Chrome拡張として導入する手順は次の通りです。ただし、Macではうまく動作しませんでした。

  1. git clone https://github.com/kevinburke/doony.git

  2. cd doony && vi manifest.json (次のエントリを利用するJenkinsマシンに合わせます)

    “matches”: [
     “https://jenkins.ci.cloudbees.com/*”
     ],
  3. chrome://extensions/からDeveloper modeにチェックしてLoad Unpacked Extension…でdoonyディレクトリを指定

Jenkinsのテーマとして使う

Jenkinsに導入するのも次のようにとても簡単です。

  1. cp doony.{css,js} ~/.jenkins/userContent
  2. JQueryプラグインとSimple Themeプラグインを入れる
  3. “Manage Jenkins”→“Configure System”

なお、とりあえず試してみるには、次のURLを利用してもよいです。

  • https://rawgithub.com/kevinburke/doony/master/doony.js
  • https://rawgithub.com/kevinburke/doony/master/doony.css

ただし、試しにはいいけど正式利用には使うななので注意。

おわりに

Simple Themeプラグインを入れてテーマdoonyを試してみました。

左のカラムからアイコンを消したのは賛否あるでしょうが、結果として全体的にすっきりした感じになるので試しに入れてみてはいかがでしょうか。

余談ですが、久々にJenkinsをアップデートすると次のようなエラーが…。

始めて目にしたので、テーマ変更よりもこちらのほうがインパクトが大きかったです。

0 件のコメント:

コメントを投稿

注: コメントを投稿できるのは、このブログのメンバーだけです。