XAMPPにローカルホスト以外からアクセスする

あるコンピュータでXAMPPをつかって、ページを立ち上げ、同じネットワーク内にある他のデバイスから接続すると以下の様なエラーに合った。

New XAMPP security concept
Access to the requested directory is only available from the local network.

以下が、回避法
1. XAMPPルートフォルダ\apache\conf\extra以下にある、httpd-xampp.confファイルを開く
2. 以下の部分を見つける

# Close XAMPP sites here
<LocationMatch "^/(?i:(?:xampp|licenses|phpmyadmin|webalizer|server-status|server-info))">
    Order deny,allow
    Deny from all
    Allow from ::1 127.0.0.0/8 
    ErrorDocument 403 /error/HTTP_XAMPP_FORBIDDEN.html.var
</LocationMatch>

3. Deny from all をAllow from allに変更する

4. Apacheを再起動すれば、アクセスできるはず。

関数言語Haskellのウェブフレームワーク

最近関数言語がすごい気になっている。

残念ながら、まだ手を出す余裕はないが、違いうちにぜひ試したいと思っている。 

今日はHaskellを用いたメジャーなウェブフレームワークの紹介

 1. Yesod 

名前はヘブライ語からとられているのだろうか。
2012年にバージョン1.0がアナウンスされ、これからが楽しみなフレームワーク

 2. Snap 

今話題のNode.jsよりも更にハイパフォーマンスであると謳っているフレームワーク。

 3. Happstack

サーバー群の中では最もポピュラーである、Apacheよりパフォーマンスが良いというベンチマークが出ている。
また、ファイルの扱いがかなり高速のよう。


もっと多くのHaskellのウェブフレームワークに関してはこちらをどうぞ。

RedmineのIssueの背景色を変える(その２)

さて、前回のポストでは、Redmineのテーマの変更の仕方を紹介しましたが、
私の環境ではテーマを変えても、背景色が変わりませんでした。
理由はというとRedmine2.1とそれ以前ではIssueの表示に使われているテーブルの名前が違うようです。
テーマを変えると多分application.cssは以下のようになっていると思います。

tr.odd.priority-highest, table.list tbody tr.odd.priority-highest:hover { color: #900; font-weight: bold; }
tr.odd.priority-highest { background: #ffc4c4; }
tr.even.priority-highest, table.list tbody tr.even.priority-highest:hover { color: #900; font-weight: bold; }
tr.even.priority-highest { background: #ffd4d4; }
tr.priority-highest a, tr.priority-highest:hover a { color: #900; }
tr.odd.priority-highest td, tr.even.priority-highest td { border-color: #ffb4b4; }
tr.odd.priority-high2, table.list tbody tr.odd.priority-high2:hover { color: #900; }
tr.odd.priority-high2 { background: #ffc4c4; }
tr.even.priority-high2, table.list tbody tr.even.priority-high2:hover { color: #900; }
tr.even.priority-high2 { background: #ffd4d4; }
tr.priority-high2 a { color: #900; }
tr.odd.priority-high2 td, tr.even.priority-high2 td { border-color: #ffb4b4; }
tr.odd.priority-high3, table.list tbody tr.odd.priority-high3:hover { color: #900; }
tr.odd.priority-high3 { background: #fee; }
tr.even.priority-high3, table.list tbody tr.even.priority-high3:hover { color: #900; }
tr.even.priority-high3 { background: #fff2f2; }
tr.priority-high3 a { color: #900; }
tr.odd.priority-high3 td, tr.even.priority-high3 td { border-color: #fcc; }
tr.odd.priority-lowest, table.list tbody tr.odd.priority-lowest:hover { color: #559; }
tr.odd.priority-lowest { background: #eaf7ff; }
tr.even.priority-lowest, table.list tbody tr.even.priority-lowest:hover { color: #559; }
tr.even.priority-lowest { background: #f2faff; }
tr.priority-lowest a { color: #559; }
tr.odd.priority-lowest td, tr.even.priority-lowest td { border-color: #add7f3; }

結論から言うと、以下のCSSをapplication.cssに追加します。

tr.odd.priority-7, table.list tbody tr.odd.priority-7:hover { color: #900; font-weight: bold; }
tr.odd.priority-7 { background: #ffc4c4; }
tr.even.priority-7, table.list tbody tr.even.priority-7:hover { color: #900; font-weight: bold; }
tr.even.priority-7 { background: #ffd4d4; }
tr.priority-7 a, tr.priority-7:hover a { color: #900; }
tr.odd.priority-7 td, tr.even.priority-7 td { border-color: #ffb4b4; }
tr.odd.priority-6, table.list tbody tr.odd.priority-6:hover { color: #900; }
tr.odd.priority-6 { background: #ffc4c4; }
tr.even.priority-6, table.list tbody tr.even.priority-6:hover { color: #900; }
tr.even.priority-6 { background: #ffd4d4; }
tr.priority-6 a { color: #900; }
tr.odd.priority-6 td, tr.even.priority-6 td { border-color: #ffb4b4; }
tr.odd.priority-5, table.list tbody tr.odd.priority-5:hover { color: #900; }
tr.odd.priority-5 { background: #fee; }
tr.even.priority-5, table.list tbody tr.even.priority-5:hover { color: #900; }
tr.even.priority-5 { background: #fff2f2; }
tr.priority-5 a { color: #900; }
tr.odd.priority-5 td, tr.even.priority-5 td { border-color: #fcc; }
tr.odd.priority-3, table.list tbody tr.odd.priority-3:hover { color: #559; }
tr.odd.priority-3 { background: #eaf7ff; }
tr.even.priority-3, table.list tbody tr.even.priority-3:hover { color: #559; }
tr.even.priority-3 { background: #f2faff; }
tr.priority-3 a { color: #559; }
tr.odd.priority-3 td, tr.even.priority-3 td { border-color: #add7f3; }

実際に取るステップとしては

1. 使用しているテーマのaplication.cssを見つける
/redmine ルートフォルダ/public/themes/fared_basic/stylesheets/application.css
/redmine ルートフォルダ/public/themes/alternate/stylesheets/application.css

2.  application.cssに以下のCSSを追加

tr.odd.priority-7, table.list tbody tr.odd.priority-7:hover { color: #900; font-weight: bold; }
tr.odd.priority-7 { background: #ffc4c4; }
tr.even.priority-7, table.list tbody tr.even.priority-7:hover { color: #900; font-weight: bold; }
tr.even.priority-7 { background: #ffd4d4; }
tr.priority-7 a, tr.priority-7:hover a { color: #900; }
tr.odd.priority-7 td, tr.even.priority-7 td { border-color: #ffb4b4; }
tr.odd.priority-6, table.list tbody tr.odd.priority-6:hover { color: #900; }
tr.odd.priority-6 { background: #ffc4c4; }
tr.even.priority-6, table.list tbody tr.even.priority-6:hover { color: #900; }
tr.even.priority-6 { background: #ffd4d4; }
tr.priority-6 a { color: #900; }
tr.odd.priority-6 td, tr.even.priority-6 td { border-color: #ffb4b4; }
tr.odd.priority-5, table.list tbody tr.odd.priority-5:hover { color: #900; }
tr.odd.priority-5 { background: #fee; }
tr.even.priority-5, table.list tbody tr.even.priority-5:hover { color: #900; }
tr.even.priority-5 { background: #fff2f2; }
tr.priority-5 a { color: #900; }
tr.odd.priority-5 td, tr.even.priority-5 td { border-color: #fcc; }
tr.odd.priority-3, table.list tbody tr.odd.priority-3:hover { color: #559; }
tr.odd.priority-3 { background: #eaf7ff; }
tr.even.priority-3, table.list tbody tr.even.priority-3:hover { color: #559; }
tr.even.priority-3 { background: #f2faff; }
tr.priority-3 a { color: #559; }
tr.odd.priority-3 td, tr.even.priority-3 td { border-color: #add7f3; }

RedmineでIssueの背景色を変える

昨日頑張ってRedmineを2.0.3から2.1.2にアップグレードしてみました。
アップグレードの仕方に関しては他のポストで書きましたが、Redmineの便利な機能について、ちょっと書いてみます。

写真の用に、Issueでプライオリティによって、背景色を変える方法。

Redmineの設定を変えるだけで実装できます。
一番上のツールバーから管理→設定と選びます。
そして、表示タブを選択。
そして、テーマのドロップダウンでAlternateを選択します。

私の環境では、それでも、上手く変更がかかりませんでした。
それはRedmine 2.0.3から2.1.2へアップグレードしたせいで、2.1.0以降のインストールでは正常に動くようです。どのように、これを回避するかはまた別のポストで書きます。

ちなみに、日本語に適したテーマが準備されているということがRedmineの日本語のブログにはのっていました。
farend basicというテーマのです。インストール方法も載っているので、こちらを参照してください。