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というテーマのです。インストール方法も載っているので、こちらを参照してください。

SSHアクセスのセットアップ (パーミッションの設定)

さて、すべて設定はOKだと思ったのですが、 ssh username@remotehost をしても未だにパスワードを聞かれてしまいます。

何がおかしいのかと思ったら、パーミッションの設定だったようです。
セキュリティを考えて、以下のファイルのパーミッションを設定します。

chmod 700 ~/.ssh
chmod 600 ~/.ssh/id_rsa
chmod 644 ~/.ssh/id_rsa.pub
chmod 644 ~/.ssh/authorized_keys
chmod 644 ~/.ssh/known_hosts

これで、再度 ssh username@remotehost を試すと、見事にパスワードなしでログインできました。

SSHアクセスのセットアップ (サーバー)

Publicキーができたところで今度はサーバーに移しauthorized_keysへ追記する必要がある。

1. パブリックキーをサーバーの任意のフォルダへコピー
2. サーバーにコピーされたキーをauthorized_keysへ追記
3. 元のパブリックキーを消去
(サーバーに~/.sshフォルダやauthorized_keysがない場合は下記を参照)

1. パブリックキーをサーバーの任意のフォルダへコピー

構文
scp (ローカルのパブリックキー) (ユーザー名)@(IP　アドレス):(パブリックキーを移動させたいフォルダ)

scp ~/.ssh/id_rsa.pub user@remote.server.com:/home/username

2. サーバーにコピーされたキーをauthorized_keysへ追記

cat  /home/username/.ssh/id_rsa.pub >> ~/.ssh/authorized_keys

3. 元のパブリックキーを消去

rm /home/username/.ssh/id_rsa.pub

 もしサーバーに~/.sshフォルダやauthorized_keysが見当たらない場合


1. SSHでログインする2. ~/.sshフォルダを作る
3. authorized_keysファイルを作る



1. SSHでログインする

ssh username@ipaddress

2. ~/.sshフォルダを作る

mkdir ~/.ssh

/home/username/.sshフォルダが作成される


3. authorized_keysファイルを作る

touch authorized_keys

これで空のauthorized_keysファイルが出来る

サーバーを借りてからまず最初にすること (Ubuntu)

覚書として、サーバーを借りてからの初期設定を書いておく
(環境はMac OSクライアントにUbuntuサーバー)
1. サーバーにSSHでアクセス
2. ユーザーのパスワードの変更
3. OSのバージョンチェック


1. サーバーにSSHでアクセス
Terminalを開き

ssh (username)@(server ipaddress)

2. ユーザーのパスワードの変更
パスワードを変更したいユーザーでログインした状態で以下のコマンド打つ

psswd

3. OSのバージョンチェック

$ cat /etc/issue 

以下のような結果がえられるはず、

Ubuntu 11.04 \n \l