SassとCompassをインストール

sudo gem install sass
sudo gem install compass

※9月16日現在、上記コマンドでMac OSX 10.11(El Capitan)にインストールすることはできませんが、-nでバイナリファイルの場所を指定するとインストールできます。

sudo gem install -n /user/local/bin sass
sudo gem install -n /user/local/bin compass

SublimeTextの設定

パッケージのインストール
・Sass
・SASS Build
・SCSS
・Compass

Macの場合は、コマンドパレットからList PackageでCompassを選択し、ファイル“Compass.sublime-build”にosxを追加する。
※USERNAMEの箇所は自分のユーザー名が入ります。

{
  "osx": {
    "path": "/usr/local/bin:/Users/USERNAME/.rbenv/shims:$PATH"
  },
  "cmd": "sh '${packages}/Compass/build.sh' '${file_path}' '${project_path:${folder}}'",
  "working_dir": "$packages/Compass",
  "selector": "source.sass, source.css",
  "shell": "true",
  "windows":
  {
    "cmd": "build.cmd \"${file_path}\" \"${project_path:${folder}}\""
  }
}

“config.rb”を設置

プロジェクトのルートにconfig.rbを作成し、下記の内容を記述。

http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "js"
output_style = :expanded
line_comments = false

※css_dirにはcssファイルの出力先ディレクトリを、sass_dirにはsassまたはscssファイル格納ディレクトリを設定します。

上記設定でのフォルダ構成例

■プロジェクトルート
     │
     ├─config.rb
     │
     ├─css
     │
     ├─images
     │
     ├─js
     │
     └─sass

Sassファイルの編集とコンパイル

config.rbで指定したsassファイル格納ディレクトリに、.sassまたは.scssを作成し、編集します。

コンパイル（ビルド）はコマンド＋Bで行います。
コンパイルに成功すると、config.rbで指定したcss格納ディレクトリに.cssが作成されます。

次のページではSassの便利な機能について紹介します。

]]> http://grottad.com/blog/424/feed 0 http://grottad.com/blog/353 http://grottad.com/blog/353#comments Thu, 02 Apr 2015 14:00:49 +0000 http://grottad.com/blog/?p=353 続きを読む]]> お昼休みに新宿御苑へ撮影に行きました。
お花見日和で、とても多くの人が訪れていました。

3秒のインターバルで約40分間、2400枚弱撮りましたが、
カメラの前で思っきり記念撮影をされたりして、かなりのフレームを削ることになりました…。

■理想(RAW3枚から合成)

■現実(ビデオから書き出した画像2枚で合成)

ビデオからHDR合成をする方法は様々ありますが、今回はシーケンスで画像を書き出し、Photomatrix Proでバッチ処理をしました。

ざっくりとした作業工程は、
①Motion：シーケンス書き出し
②Photomatrix Pro：プリセット作成
③Photomatrix Pro：バッチ処理
④Motion：シーケンス読み込み

と、物凄く手間と時間がかかります。

今回は設定ミスもあり散々な仕上がりでしたが、次回は納得の行く仕上がりになるよう頑張りたいと思います。

※ここで紹介する例は、GmailのSMTPサーバーを利用した標準mailライブラリでの送信方法ではなく、Gmailそのものを使用する例です。

gem install gmail

require 'gmail'

gmail = Gmail.connect("Gmailアドレス","パスワード")　#Gmailに接続
gmail.deliver do
    to "送信先アドレス"
    subject "件名"
    text_part do
        body "本文"
    end
end
gmail.logout #切断

上記が送信に必要なスクリプトの全てになりますが、これだけでは送信できません。
Ruby側で何もエラーが出ないので原因究明に手こずりましたが、解決方法はGoogleアカウントの設定にありました。

まず、Googleアカウント設定の『2段階認証プロセス』の項目を確認します。

◆2段階認証プロセスがオフの場合

都心で今冬初めての積雪なった1月30日、新宿御苑でHDRタイムラプスの撮影にチャレンジしました。
インターバルを5秒に設定し、露出の異なる写真を3枚ずつ撮っていくわけですが、撮影を始めた頃には既に雪から雨へと変わり、あまりの寒さに7分程度でギブアップ…。
結果、2秒足らずのビデオとなってしまいました…。

しかし、この悪天候で入園する人なんていないだろうと思っていましたが、写真好きにとっては絶好の撮影日和ということなのか、意外とカメラを持った人が多く驚きました。

次回は長時間撮影ができるよう、桜が満開になった頃にでもリベンジしたいと思います。

今までちょっとしたスクレイピングはPHPで済ましていましたが、最近はAjaxで要素をロードするサイトも多く、PHPだけでスクレイピングを行うのは少々困難になってきました。
もっと柔軟で効率の良いスクレイピング方法はないものかと色々調べてみたところ、「どうやらスクレイピングにはRubyが適している」ということが分かりました。
Rubyには以前から興味があったものの、なかなか必要に迫られることもなくスルーしていましたが、良い機会なので少し勉強してみることにしました。

Ruby（ルビー）は、まつもとゆきひろ（通称 Matz）により開発されたオブジェクト指向スクリプト言語であり、スクリプト言語が用いられてきた領域でのオブジェクト指向プログラミングを実現する。 また日本で開発されたプログラミング言語としては始めて国際電気標準会議で国際規格に認証された事例となった。

ウィキペディア(Wikipedia)

クローラーを作りたかったこともあり、早速『Rubyによるクローラー開発技法』という本を購入。この本の売りである「運用例」はAPIを利用した例が多く、自分にはあまり成果がありませんでしたが、序盤〜中盤でのクロールとスクレイピングに必要なライブラリについての解説は比較的丁寧だったこともあり、Ruby未経験の私でも、基本ノウハウを得ることが出来ました。

で、実際にRubyを触ってみた感想ですが、すごく良いです。
流石、“エレガントなプログラミング言語”と言われるだけあり、行末のセミコロンや条件分岐の{}が不必要だったりと、とても見やすく、より短いスクリプトでコーディングが可能です。

例えば、100回繰り返す処理をPHPで書くと

<?php
for($i=0;$i<100;$i++){
 //処理
}
?>

となりますが、Rubyだと…

100.times do
 #処理
end

実にシンプルです。

Rubyの強みは正規表現処理にあると思いますが、便利なライブラリの数々も標準で用意されており、PHPでは面倒だった“スクレイプ→パース→XML出力→外部サーバーにFTPアップロード”という工程もRubyならサクっと書くことができ、常に人気プログラミング言語ランキングの上位にいるのも納得できます。

残念ながら、RubyはPHPのようにHTML内に簡単にプログラムを組み込めないため、一般的なWEBサイトの制作においてはなかなか使い道がないのですが、上記の工程のように、バックグラウンドで行うデータの収集・解析・作成には十分活躍できそうなので、今後は部分的にでも積極的にRubyを導入していきたいと思います。

最後に、スクレイピングとは関係ありませんが、Twitter APIを使った“自動フォロー返し”をRubyで作ってみたので載せておきます。

gem install twitter

require 'twitter'

USERNAME = 'XXXXXXXXXX'
CONSUMER_KEY = 'XXXXXXXXXX'
CONSUMER_SECRET = 'XXXXXXXXXX'
ACCESS_TOKEN = 'XXXXXXXXXX'
ACCESS_TOKEN_SECRET = 'XXXXXXXXXX'

client = Twitter::REST::Client.new(
  :consumer_key => CONSUMER_KEY,
  :consumer_secret => CONSUMER_SECRET,
  :access_token => ACCESS_TOKEN,
  :access_token_secret => ACCESS_TOKEN_SECRET
)

followers = []
client.follower_ids(USERNAME).each do |id|
  followers.push(id)
end

friends = []
client.friend_ids(USERNAME).each do |id|
  friends.push(id)
end

client.follow(followers - friends)

ちなみに同じことをPHPで書くとこうなります。

<?php
require_once 'twitteroauth/twitteroauth.php';

$consumer_key = "XXXXXXXXXX";
$consumer_secret = "XXXXXXXXXX";
$access_token = "XXXXXXXXXX";
$access_token_secret = "XXXXXXXXXX";

$to = new TwitterOAuth(
  $consumer_key,
  $consumer_secret,
  $access_token,
  $access_token_secret
);

$followers = $to->get('followers/ids', array('cursor' => -1));
$friends = $to->get('friends/ids', array('cursor' => -1));

foreach ( $followers->ids as $i => $id) {
  if (empty($friends->ids) or !in_array($id, $friends->ids)) {
    $req = $to->post('friendships/create', array('user_id' => $id));
  }
}
?>