タグ

Sinatraとcoffeescriptに関するatm_09_tdのブックマーク (4)

  • SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #2 | DevelopersIO

    前回はRubyのインストールから簡単に各メタ言語の使い方を紹介させて頂きました。今回は応用編を紹介したいと思います。 コンパイルする記述を一つにまとめる 前回紹介した方法は一番シンプルな方法でした。GETリクエストとパスの組み合わせに一つのhamlファイルを紐付けているため、このままではファイルが増える毎に記述をコピペしなくてはいけません。 get '/' do haml :index end # aboutページが欲しくなったら…? get '/about' do haml :about end これではあまりモダンなとは言いがたいですよね。というわけで記述を省略できる方法ですが、getメソッドにパスを与えている部分を正規表現にすれば実現出来ます。 要するに以下のように記述すればいいのです。 get %r{^/(.*)\.html$} do haml :"#{ params[:captu

    SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #2 | DevelopersIO
  • SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #1 | DevelopersIO

    こんにちは山形です。 htmlcss等を書いて静的なWebサイトを制作している方なら誰でも、より効率的な環境求めていると思います。 DreamweaverやAptana等のIDEを使うのも一つの手だと思いますが、より柔軟な環境構築としてご紹介したいと思います。 Rubyをインストールする Windowsの場合 Engineyard社が提供しているRailsinstallerでサクッと入れてしまいましょう。 Railsinstallerはこちらからダウンロード出来ます ダウンロードできたらexeを起動しウィザードに従ってインストールを実行してください。 Mac OS Xの場合 rbenvでのインストールを紹介します。 先にXcode Command line Toolsのインストールを済ませておいてください。 Xcodeの環境設定からインストールできます。 # rbenvをgithubから

    SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #1 | DevelopersIO
  • Backbone.js + Sinatra + CoffeeScriptのサンプル - 223 Software

    06/06/2011 開発 JavaScript Tweet もう一つYokohama.rb 第9回でやっていたことをシェアします。 Backbone.jsの勉強をするため、Sinatra + Backbone.jsで簡単なサンプルを作っていました。 ・・・しかもCoffeeScriptで。 Backbone.jsとは? ここを読んでいる方は、おそらくサーバーサイドをPHPなりRubyなりで書きつつも、クライアントサイドをjQueryなどを使ってバリバリ書いていることと思います。 すると、ある程度のところまではjQueryの力もあって楽々書けるのですが、だんだん機能が増えるにしたがってサーバーとのAjaxなやりとりや、データの変更に伴うDOM操作などがあちこちに散在し、コードにだんだん穢れが溜まっていってしまいます。 そこで今回のBackbone.jsです。これの力を借りてクライアント

  • 223Soft -

    Document Data Structure in MongoDB Express MongoDB lets you easily store structured and unstructured data in a flexible and dynamic database schema. It supports CRUD operations on complex data objects using JSON as the main data type. Its an open source solution so it may not be as robust or well supported as commercial management tools. However it is easy to deploy and works well for most use cas

  • 1