degdev

[dex1t]

I18n.enforce_available_localesの警告潰してハマった

Rails 4.0.2から出るようになったWarning

config/application.rbにてこれだけで行けるかな

I18n.enforce_available_locales = true I18n.default_locale = :ja

と思いきや、

I18n::InvalidLocale: :ja is not a valid locale

と怒られる。

I18n.available_locales = [:ja] I18n.enforce_available_locales = true I18n.default_locale = :ja

こうかな。と思いきや、

I18n::InvalidLocale: :ja is not a valid locale

と怒られる。

I18n.available_locales = [:en, :ja] I18n.enforce_available_locales = true I18n.default_locale = :ja

こうでした。 まあそりゃそうかーと思うけど、issueはここにあがってました。

[dex1t]

Tumblrに引っ越した

自分のVPS上に置いていたWordpressの管理が面倒くさくなり、Tumblrに引越しした。

ほんとはOctopressを検討してたんだけど、あれも面倒くさくなってやめた。 画像の管理が結局手動だったり、エントリの量が増えるとフォルダ内の見通しも悪くなりそうだったり… 何か良い手段があったりするんだろうか。

なにより奥が深い病にかかりそうだったので止めておいた。

Tumblrのブログ、これで3つ目だ。 シンプルだし、独自ドメイン使えるし、Markdownも使えるのが好き。 Yahooに買収されたのが唯一の不安点。

なによりブログちゃんと書こう。

[dex1t]

快適なtex執筆環境構築を目指して

修論中に、texの執筆環境をいかに快適にするかという、ありがちな作業にハマりましたの記録

従来の環境

TexShopで書く→タイプセットする→ビューワが立ち上がるので、それを確認

モチベーション

Texshopではなく、Sublime Text2で書きたい

ビルド(タイプセット)成功時に、ビューワにフォーカスが行くのが嫌 (バックグラウンドで開いてほしい)

できればコンパイル自体自動化したい（cmd-sで自動コンパイルなど）

結論

できたにはできたが、ちょっと実用には至らない 特に修論のような重いファイル(数十ページ / 数MB)に関しては実用に耐えない したがって今回は、Sublime Text2からrakeを走らせてビューワに切り替えて執筆した

下準備

Rakeでtexをコンパイルできるようにする

[パターン1] コンパイル自動化 & pdfのバックグラウンドでの確認

[使うもの] Guard, Guard-Liverleoad, Guard-Shell, Foreman, ブラウザ 1. texファイルをguard-shellで監視し、変更があったらrakeを走らせる 2. 作業ディレクトリでWebサーバを走らせ(ruby httpd)、http://0.0.0.0:3000/hoge.pdfのようにしてブラウザから閲覧する (これでlivereloadが使える) 3. pdfファイルが生成されたら、ブラウザが更新されるはず

[メリット] エディタとブラウザを開いておけば、texを編集し保存、ブラウザで確認の流れが楽。エディタに常にフォーカスをあわせておける [デメリット] ブラウザからPDFを閲覧すると、リロード毎にスクロールが先頭に戻る（表示位置を保ってくれない）。結局ブラウザにフォーカスをあわせて確認する必要がある…

[パターン2] パターン１のビューワをPreview.appに変更(基本同じ)

[使うもの] Guard, Guard-Shell

[メリット] パターン1と同じ。かつ、Previewを開き直しても表示位置が保たれる [デメリット] Preview.appをバックグラウンドで開くことはできるが、表示内容はフォーカスを当てないと更新されない。結局Preview.appにフォーカスをあわせる必要が（ｒｙ

パターン1と2のデメリット

画像や表などを増やしてtexのコンパイルに時間がかかるようになると、自動コンパイルにもたつく。 コンパイル中にcmd-sを押して、さらにrakeが走る…などなど挙動が不安定になる。

[妥協案] Sublime Textからrakeを走らせる

結局TexShopと変わってないじゃんっていう… Rakeパッケージを入れて、パスの設定などをして、cmd-Bでビルド

わかったこと

Simple is Best グダグダ言ってないでさっさと修論書け

[dex1t]

VMware FusionでゲストOSの固定IP化

新しくiMacを買ったので、開発環境を構築中。 ただ、あまり環境を汚したく無いので、ミドルウェアは仮想環境上に作ることに。 軽くハマったのでメモ。

VMware Fusionのネットワークの設定は、NAT (Macを共有)。 下記のファイルに、host guest-hostname以下を追記すればOK

hardware ethernetは、自動生成されるMACアドレスを記入。

https://gist.github.com/dex1t/5758717.js

一応、hostname (guest-hostnameの部分)は、ゲストOSのhostnameと一致させておいた。 もしかしたら一致しなくても大丈夫かも

subnetが192.168.246.0、またdhcpで192.168.246.128~254を使う設定になっている。 なので、fixed-addressに指定するIPアドレスは、192.168.246.3~127の間で設定する必要あり。

書き加えたら、VMware Fusionを再起動。 これで、ゲストOSのIPアドレスが指定した値で固定されるはず (ゲストOS側で設定する必要はなし、DHCPのまま)

関係ないけど、 USキーボードを繋げていても、 Ubuntuの簡単インストールをするとJSキーボードで設定されるらしく、ハマった…

[dex1t]

YouTube Data APIでタグが取得できなくなった

YouTubeの動画のタグ(keywords)を取得したかったんだけど、なぜかできない。 具体的には、API叩いても、フィード内の本来タグが入ってくるはずのmedia:keywordsが空になる。

<media:keywords />

そうえば、YouTubeのUIが刷新されてから、そもそもタグが非表示になってるなーとか思ってたら、

こういうことでした。

動画のオーナーじゃないと、API経由でもタグを取得できなくなったらしい…。 HTMLのmetaタグにはあるんだけどね。 どうしても取得したければ、スクレイピングするしかないのかー…。

[dex1t]

CakePHPアプリをブランチ毎に自動デプロイする

GithubのPost-Receive Hooksを利用して、 Webアプリ(CakePHPを想定)をブランチ毎に自動デプロイするための、 Sinatraアプリを作ってみました。( https://github.com/dex1t/brandep/ )

Githubのワークフローについて

自分がメインで関わってる大学内のプロジェクト (CakePHPアプリ開発) の話なんですが、 最近、ソース管理をSVNから、Git (Github)に移行しました。

最近の流行りに乗っかって、Pull Requestを中心にしたワークフローを試している最中です。 7,8人で開発しているので、フォークせずに、共有リポジトリ内のブランチ同士でPull Requestを送っている感じ(github-flow)です。

具体的には、

masterをローカルにclone

自分の作業用ブランチ(トピックブランチ)を作成

ローカルで開発, 動作確認

作業用ブランチをremoteにpush

適宜masterにPull Requestを送る

コードレビューした後、masterにマージ

という流れで運用しています。 このあたりはGithubの中の人のワークフローを参考にしてます。

本番環境で動作確認したい！

やはり、上の3番~4番のフローで、 ローカルでの動作確認だけではなくて、実際にサーバ上にデプロイして(staging環境で)動作確認したい場合が多々ありました。 なにより、チーム内外で見せ合いたい。

ただ、いちいちサーバ上でコマンド叩くのはめんどくさい。 SVNを使っていたときは、commitにフックさせてサーバ上のファイルを更新していたので、それをやりたいなーと。

また、上記フローだと、ほぼチケット単位でトピックブランチが作成されることになるので、 そのままそのブランチ毎にデプロイしてしまえば、 色々幸せそうだなと考えました。

例えば、UI修正用ブランチと、機能追加ブランチがあれば、それぞれが個別の独立したアプリとしてデプロイされるイメージです。

PushにHookするSinatraアプリ

GitHubのPost-Receive Hookを使うと、リポジトリの変更をPushした際に 諸々のパラメータ付きで、 指定したURLにPOSTリクエストを送ってくれます。 詳しいことはこちらを参考にしました。

実際に書いたSinatraのapp.rbは下記な感じです。

https://gist.github.com/dex1t/5797997.js

パラメータのafterやbeforeの値から、 ブランチの作成・更新・削除が判断できるので、 それに沿って、git clone, git pullもしくはディレクトリごと削除しているだけです。

yamlにデプロイ先のディレクトリと、デプロイ時に呼び出す外部スクリプトを記述しておきます。 自分の場合は、デプロイ先ディレクトリに、ApacheのDocument Rootを指定。 外部スクリプトには、CakePHPのtmpディレクトリの権限周りを設定するスクリプトを設定しています。 この辺は、プロジェクト毎に依存する部分なので外部スクリプトとしました。

今回はCakePHPアプリなので、デプロイも楽でした。 セキュリティは色々無視しちゃってるので、パブリックなリポジトリで使う場合は注意が必要だと思います。

GithubにPushするだけで、プロトタイプをメンバー内外で見せ合えるので捗ってます。

追記

作ってから、思いましたが、これcapistranoでいいじゃんって話すね まぁ毎回cap deployするより手軽ってことで…

[dex1t]

FoodStreamをつくった

ずっと気になってたNode.jsの入門として、FoodStreamっての作ってみました。

Twitterに流れてる食べ物の画像をダラダラ見る感じです。 流れ始めるまでに数秒かかるので、少し待ってあげてください。 あとWebSocket使ってるので、最新ブラウザ必須です。

ソースもこちらで晒してますので、サンプルアプリとして何かのお役に立てれば。

中身ですがNode.jsのsocket.io使って、TwitterStreamingAPIを使ってます。 TwitterStreamingAPIのstatus/filterで食に関する単語でツイート引っ掛けて、 twitpicかinstagram、youtubeのURLを展開している感じです。

あとは、jQueryMasonry使ってレンガ風に画像を敷き詰めてます。 ついでに、ロゴや画像のエフェクトは、各クライアントで同期させてます。

そしてなにより感動したのがnodeアプリをHerokuに公開する手軽さ。 このレベルのnodeアプリなら自前サーバでやるメリットが見当たらないかも。

node上のフレームワークのExpressもいい感じ。 Sinatraライクですぐに使い方が把握できました。

とりあえず参考URLを羅列して終りにします。 そのうち細部について記事書きたい。

Mac(Lion)上でのNode環境構築~サンプル立ち上げ 5分くらいで出来るnode.js(0.6) + socket.io(0.8x)のサンプルプログラム

socket.io+TwitterStreamingAPIに関して Node.js[1]-socket.io v0.7以降の記述方

Herokuへのデプロイ Heroku + Node.js + ExpressでHelloWorldを書いてみた。

[dex1t]

Anemoneでお手軽クローラ

クローラ開発してみようと思い、適当にググってみたんだけど情報少ない。 とりあえずJavaのNutchがメジャーなのかな？ってのは把握。

そんななか見つけたのが、Ruby のクローラフレームワークなるAnemone。 お手軽そうだったので、Anemone使ってはじめてのクローラ作ってみるよ。

インストール

gem install anemone

おわり。

スクレイプしてみる 今回のスクレイプ対象はiddy API まぁなんでもいいんだけど。

ユーザのプロフィールURLをがさっと削りとってみる。

https://gist.github.com/dex1t/5750419.js

こんな感じです。

Anemoneのソース見ると、pageクラスのdocメソッドで、Nokogiri::HTMLにbodyを食わせてる。

ただ、今回スクレイプ対象がxmlなので Nokogiri::XMLにbodyを食わせるように変更してます（#anemoneにメソッド追加の部分）。

あとはxpathで引っ張ってきておわり。

デフォだとAnemoneは、ページ全体をメモリにキャッシュして処理してるらしい (=やたらメモリ食う） なので、キャッシュをMongoDBに保存するようにしてます（anemone.storageの部分）。 MongDB用のRubyドライバ必要です。

お手軽だなー。 ただ情報少ないんで、使いこなすにはRDocとソースがたよりかな。

[dex1t]

ProcessingとOpenCVでヒダカトオル

Processingをいじる機会があったので、顔認識のサンプルいじって遊んでみた。

ここ参考にOpenCVインストール&Processing用ライブラリを、 Processigの作業フォルダにコピーで準備完了。

ソースはこんな感じ

https://gist.github.com/dex1t/5750379.js

…お手軽すぎる!! 普段Webサイトばっかり作ってるけど、たまにこういうのやると面白いなー。

[dex1t]

CentOSにMuninを

モニタリングしたいなとふと思い、 CentOS5.5にmuninを入れてみました。

サーバ監視ツールのなかではお手軽らしい。 今回は監視サーバも監視対象も同サーバ(localhost)

インストール サクっとインストール。 リポジトリはremiじゃなくてもいけると思う。 手元の環境ではremi指定しないと依存ソフトの関係でエラーがでた。

https://gist.github.com/dex1t/5750338.js?file=1st.sh

muninの設定&起動 muninの設定ファイルをいじる

https://gist.github.com/dex1t/5750338.js?file=2nd.sh

設定した場所にディレクトリ作成&所有権変更 必要に応じてAliasを貼る

https://gist.github.com/dex1t/5750338.js?file=3rd.sh

muninの起動と、apacheの再起動

https://gist.github.com/dex1t/5750338.js?file=4th.sh

動作確認 ブラウザからhttp://ホスト名/muninにアクセスして グラフが見れたらおｋ

グラフは5分おきに更新されるらしい。

あとはここを参考に監視項目の追加削除をしてみた。 apacheのserver-statusについてはここを参考に。

[dex1t]

CakePHP+MongoDB+AuthComponent

CakePHPでよく使うコンポーネントの一つ、AuthComponent。 デフォルトなら、RDB内にusersテーブルを作って、そこにユーザ名とかパスワードとかをいれてく感じでユーザ認証ができる。

で、MongoDB環境だとAuthComponentって使えるの？って思ったんだけど 普通に使えた。

デフォルトならMongoDB内に

https://gist.github.com/5750258.js?file=1st.js

こんな感じでコレクションを作ればOK

ここで注意なのがpasswordに格納する値は、 core.phpで設定したSecurty.saltと入力されたパスワードを結合して、 sha1で暗号化したものである必要がある。

これはRDBで使うときも同じだけどね( ･´ω･｀) このことすっかり忘れててハマりました。

https://gist.github.com/5750258.js?file=2nd.php

一応、これ使うと暗号化したものを確認できる。

CakePHP-MongoDB Mapperさまさまです。

[dex1t]

CentOSにCicindela導入

研究でレコメンドエンジンを使いそうなので、cicindelaを入れてみる。 エンジンは他にも色々あるっぽいけど、これはREST形式で使いやすそう。

今回は環境はMacじゃなくてCentOS 5.5

任意のディレクトリにチェックアウト

https://gist.github.com/dex1t/5749800.js?file=1st.sh

インスコしたディレクトリに従ってパスの修正しなきゃならんらしいが、sedで大量のエラーが… cicindela/misc/substitute_project_paths.plの以下を修正（-i "" を -i""に変更）

https://gist.github.com/dex1t/5749800.js?file=diff

修正したら改めてスクリプト実行

https://gist.github.com/dex1t/5749800.js?file=1st-2.sh

Perlモジュールのインストール 以下をざくっとインストール

https://gist.github.com/dex1t/5749800.js?file=2nd.sh

MySQLの設定 MySQLはすでに入れてるので、my.cnfの設定をいじる。 既存サーバを流用する際は要注意。

以下（/usr/local/cicindela/etc/mysql/my.cnfより）を/etc/my.cnfのmysqld項目に追加

https://gist.github.com/dex1t/5749800.js?file=my.cnf

んで、MySQL立ち上げてみると、innodb_log_file_size = 256Mが原因で失敗。 innodb_log_file_sizeで設定した値と、実際のログファイルのサイズが異なるからみたい。 ここを見て、ログファイル(/var/lib/mysql/のib_logfile0とib_logfile1)をリネーム。 これで無事、MySQL が立ち上がった。

cicindela用DB作成 miscのcreate_init_sql.plを使ってcicindela用DBを作る。 オプションでユーザ名、パスワードとか指定。

https://gist.github.com/dex1t/5749800.js?file=4th.sh

cicindelaの設定 lib/cicindela/lib/Cicindela/Config/_common.pmの中に集計セット?を定義

https://gist.github.com/dex1t/5749800.js?file=_common.pm

各設定項目の意味はまだわかってない。ここ参照。

Apacheの設定と再起動 /etc/httpd/conf/httpd.confに以下を追記

https://gist.github.com/dex1t/5749800.js?file=httpd.conf

で、再起動。 パーミッション関係でエラー出たので、cicindelaディレクトリ以下の所有権を調整。

動作確認 以下にブラウザからアクセス

https://gist.github.com/dex1t/5749800.js?file=7th.sh

MySQLのcicindela用DBの、picks_bufferテーブルにデータが入ってたらOK

cicindela/bin/flush_buffer.plを実行するとpicks_bufferテーブルをクリア cicindela/bin/batch.plの実行で、スコアを算出（初回は2回実行する必要あり）

daemontoolsのインストール flush_buffer.plとbatch.plの実行を自動化するために、daemontoolsをインスコ

https://gist.github.com/dex1t/5749800.js?file=8th.sh

cicindelaのスクリプトへのシンボリックリンク作成

https://gist.github.com/dex1t/5749800.js?file=8th-2.sh

/etc/inittabの末尾に以下を追記

https://gist.github.com/dex1t/5749800.js?file=8th-3.sh

以下を実行してsvscanを起動、ps -ALL等でsvscan,superviseの起動を確認できたらOK

https://gist.github.com/dex1t/5749800.js?file=8th-4.sh

logroteteの設定 ログが肥大化していくので、以下の内容でログローテーション用ファイル作成

https://gist.github.com/dex1t/5749800.js?file=9th.sh

とりあえずこれで、基本的な設定は終了。 なにかとハマった。

次は、ここを参考に、デモしてみる。

参考: https://code.google.com/p/cicindela2/wiki/Install

[dex1t]

リクエストによってCakePHPのレイアウトを変える

CakePHP1.3にて、リクエストの種類によってレイアウトを変える方法をメモ jQueryUI tabsのAjax処理とCakePHPのページネーションを組み合わせてハマったので。

コントローラにこんな感じで記述

https://gist.github.com/dex1t/5758789.js

hogehoge_layoutのほうで、jQueryUIのtabsをセットして、 タブがクリックされた場合は、contentsだけ記述したajaxレイアウトに切り替えることで対処。

もっといい方法あると思うけど

[dex1t]

SnowLeopardにpeclをいれる

PHPからMongoDBを使いたいので、 MongoDBのPHPドライバをpeclで入れたい。

が、SnowLeopardにはpecl入ってないのね…。 ってことで導入。

落として実行

https://gist.github.com/5749694.js?file=1st.sh

実行中に、入力促される箇所で、1を選択 /usr/lib/pear と入力してエンター

リンク貼る

https://gist.github.com/5749694.js?file=2nd.sh

おわり

あとは

https://gist.github.com/5749694.js?file=3rd.sh

とかで、PHPエクステンションを導入できる!

参考ページ: http://d.hatena.ne.jp/o2mana/20110402/1301771207

[dex1t]

HomebrewでMySQL

今までローカルのWeb開発環境として、 Mac上でApache+MySQL+PHP環境を作るお手軽アプリ、 MAMPを使ってきました。

が、PHPモジュールをいれるのに苦労することがしばしば。 いい加減、嫌になったので、homebrewでMac上に直で環境作ろうと決意。 環境汚れるのが若干嫌なんだけど、まあいいや。

てことで、homebrewでMySQLをインストール！

brewでインスコ

https://gist.github.com/dex1t/5744431.js?file=install.sh

らくらく。 ビルドにちょっと時間かかる(macportsは数時間単位だとか)

MySQL初回起動まで

https://gist.github.com/dex1t/5744431.js?file=launch.sh

インストール終了時に表示されたメッセージまんま実行

パスワード設定

https://gist.github.com/dex1t/5744431.js?file=admin.sh

rootパスワードを設定。

起動スクリプトのコピーと設定

https://gist.github.com/dex1t/5744431.js?file=init.sh

インストール作業おわり。

あとはUTF-8化するために、/etc/my.confを作って 以下を記述

https://gist.github.com/dex1t/5744431.js?file=my.cnf

あとはMySQL再起動で反映される。

参考：http://d.hatena.ne.jp/okboy/20101120/p1

[dex1t]

denyhosts導入

自分管理のサーバにブルートフォース攻撃対策としてdenyhostsを導入。 ちなみにOSはCentOS5.5。

denyhostsをインスコ

sudo yum --enablerepo=remi install denyhosts

remi以外のリポジトリにもあると思う。

設定ファイルをいじる

sudo emacs /etc/denyhosts.conf

以下いじった箇所。

https://gist.github.com/dex1t/5797730.js?file=1st

こんな感じで。 検出があったときにメール送信するオプションもあるんだけど、 結構な量がくるみたい?なので、設定しませんでした。

対象外リスト編集

sudo emacs /etc/hosts.allow

denyhostsの拒否対象外のIPアドレスを設定。 単純なパスワード間違いがブルートフォース攻撃と認識されないように、予めIPアドレスを書いとく。 以下のように追記

https://gist.github.com/dex1t/5797730.js?file=2nd

起動

https://gist.github.com/dex1t/5797730.js?file=3rd

これで導入完了。 ブロックされたIPアドレスが，/etc/hosts.denyに追記されるはず。

と、こんな感じで設定してたら、何故か自分がdenyされた…。 え、なんで？ とりあえず、hosts.allowに自分のIPを書いて、hosts.denyから自分のIPを削除で弾かれないようになった... うーん、logから怪しいと判断されたのかなー

[dex1t]

ハローSinatra

ここ１年は、Webでなにか作るときは大抵CakePHPでやってきました。 ようやく慣れてきたかなー っと思うと同時に、なんだかなーと思う部分も増えてきました。

そう思う前提には自分のスキル不足がある気がする。 それってフレームワークにおんぶに抱っこな部分が多いのが原因かなと。

そこで、軽量フレームワークに手を出してみようかなと思い始めた今日この頃でございます。

最近Rubyを勉強し始めたので、どうせならRubyのフレームワークに 手を出してみたいってことで選んだのがSinatra。 フレームワークってよりは、ドメイン固有言語(DSL)っていう位置づけらしい。

前置きが長くなりましたが、以下Hello Worldするまでのメモ。 環境は、Ruby 1.8.7 on SnowLeopard 。

インスコ

gem install sinatra

以上おわり、gemイイネ。

hello.rb

vi hello.rb

適当にファイル作って以下を記述。

https://gist.github.com/dex1t/5758833.js

実行

ruby hello.rb

これで、Mongrelっていうhttpdが起動するみたい。(まだよくわかってない)

確認 ブラウザでlocalhost:4567にアクセスすると、 localhost:4567/enで、"Hello. World!"されます。

仕組みとしては、 SinatraをインポートしたRubyスクリプトを実行すると ポート一つ占拠してhttpdを立ち上げるみたい。 今回はMongrelだけど、ApacheのRails用モジュールのPassenger上で動かすのが、主流?なのかな。

RubyでWebサイト書いたことが無いので、知らない単語だらけ。 少しずつ触ってみよー