Webアプリのモックアップ作業土台を作る その3 Sass Source Map

その1その2 Sprockets の続きです。が、今回の作業は その1 の途中からブランチしてます。

Google Chrome の Dev Tools は Sass/SCSS の Source Map に対応しているので利用できるようにしてみます。が、Source Map は仕様も実装も流動的な状態で、環境によって動作しない可能性も大ありなので、あくまで参考まで。

リポジトリ上では Sprockets も Bootstrap も Compass も導入する前の段階からブランチを生やしました。

新仕様と旧仕様

CSS リクエストへのレスポンスでブラウザに Source Map の位置(パス)を知らせる必要があり、その方法は2種類あります。

  1. レスポンスの HTTP ヘッダで渡す
  2. ボディ内のコメントで渡す
続きを読む

Webアプリのモックアップ作業土台を作る その2 Sprockets

前回のつづき。

前回作った作業台に Sprockets を導入して assets 提供を分離します。といっても Sprockets 使っていくかどうか自分でも確信持ててないのでリポジトリではブランチにしておきました。

Sprockets を導入するメリットとしては、このままデプロイするケースを視野に入れたときに圧縮機能を追加しやすかったりプリコンパイルできたりするところでしょうか(どちらも今回はやってません)。

というわけで、まずは Gemfilesprockets 関連の gem を追加して bundle

gem 'sprockets'
gem 'sprockets-helpers'
gem 'sprockets-sass'
続きを読む

Webアプリのモックアップ作業土台を作る その1

Slim, Sass/SCSS, CoffeeScript が使えて Livereload してくれるフロント周辺の作業環境がほしいと思いながらも自分にしっくりくる構成ができなかったんですが、最近 rack-livereload を見つけてピースが埋まった感じがしたのでまとめます。

記事を書くにあたり naoya さんのひな型に大いに影響されてますが、ここでは npm でインストールするのは bower だけにして基本的には Sinatra と Guard に任せています。

Sinatra, Slim, Sass, CoffeeScript

土台の土台としてシンプルな Sinatra アプリから。Gemfile を書いて bundle

Gemfile

source 'https://rubygems.org'

gem 'sinatra'
gem 'sinatra-contrib'
gem 'sass'
gem 'slim'
gem 'coffee-script'

group :develoopment do
  gem 'shotgun'
  gem 'thin'
end

workbench.rb

require 'sinatra/base'
require 'sinatra/reloader'
require 'slim'
require 'sass'
require 'coffee-script'

class Workbench < Sinatra::Base
  configure :development do
    register Sinatra::Reloader
  end

  get '/' do
    @title = 'Index'
    slim :index
  end

  get '/css/application.css' do
    sass :application
  end

  get '/js/application.js' do
    coffee :application
  end
end

views/layout.slim

doctype html
html
  head
    title= @title + ' | Site Workbench'
    link href="/css/application.css" rel="stylesheet"
  body
    == yield
    script src="/js/application.js"

views/index.slim

h1 Workbench
p Workbench for my site.

views/application.sass

body
  background: hsl(0, 0%, 90%)

views/application.coffee

() ->
  'Hoge'

config.ru

require 'bundler'
Bundler.setup
require File.expand_path(File.join('..','workbench'), __FILE__)
run Workbench

これで bundle exec shotgun --server=thin --port=3000 するとサーバーが立って、とりあえずプレビューできます。コマンド名が気持ちいい shotgun

Guard, guard-livereload, rack-livereload

Livereload 環境にするため guard, guard-livereload, rack-livereload を導入。rack-livereload があればブラウザ拡張は必要ありません。

続きを読む

/usr/lib/libmecab.dylib が空シンボリックリンク

libmecab.dylib -> /BinaryCache/MeCab/MeCab-187.81~1/Root/usr/lib/libmecab.1.0.0.dylib

自分もこのせいでトラブらされているようなのでメモ。 Lion 10.7.4。

あと手元で確認すると libCRFSuite0.10.dylib も /BinaryCache 以下へのシンボリックリンクになってた。

libCRFSuite0.10.dylib -> /BinaryCache/CRFSuite/CRFSuite-18~235/Root//usr/lib/libCRFSuite.dylib

TextEdit で日本語を入力すると落ちる、システム環境設定を開いた瞬間に落ちる、など id:kento_1218 さんの書いているような症状が絶賛出現中。リンクしなおして sudo update_dyld_shared_cache -force したりしても改善せず……。

追記(06/09):gdb, vmmap, dtrace で挙動を見てみても結局よくわからず。試しに mecab-0.95 *1 を自前ビルドして /usr/lib/libmecab.1.0.0.dylib に置いてみたら、このファイル内で SIGSEGV で落ちる症状は消えた……けど他のアプリが SIGBUS / KERN_PROTECTION_FAILURE を出して落ちるようになった*2。仮に原因が特定できたとしても再インストールは必要そう。

*1:http://www.apple.com/opensource/ に0.95とあったので。

*2:Sandbox 絡み?とも思うけど未詳。

Ubuntu 11.10が起動時に "Waiting for network configuration..." と吐く件の対処

やっと11.10に追いついたと思ったら、ブート時に以下のようなメッセージが出る件。

Waiting for network configuration...
Waiting up to 60 more seconds for network configuration...
Booting system without full network configuration...

結論から言うと /etc/network/interfaces の次の一行をコメントアウトしたら出なくなりました。

#post-up /usr/sbin/ethtool -K eth0 tso off
続きを読む