タグ

sinatraとhamlに関するkorinのブックマーク (3)

  • heroku + sinatra で form - 麺処 まつば

    こんばんは。麺処まつば副店長です。 日の麺処まつばのまかないは、天ぷらうどんでした。 さて、前回のメニューは Hello world だったので 今回は、フォームから hello world って入れてもらう事とします。 ということで、今回のメニューは、「"hello world"って言えよ」アプリ。 \なんだそりゃ/ ツッコミありがとうございます(ひとり上手) フォームから送信された文字列が 「hello world」という文字列かどうかを判定。 「hello world」じゃなかったら「"hello world"って言えよ」 ってふてくされたメッセージが表示されます。ただそれだけです。 作り方はこんな感じです appの作成 viewsの作成 動作確認 試会 appの作成 まずは、/にGETしたときとPOSTしたときのロジックを書きます。 GETのときは、viewの指定するだけ。 P

    heroku + sinatra で form - 麺処 まつば
  • sinatraで一からwebアプリケーションを構築する - Qiita

    背景 ある程度中規模のアプリケーションを作成する前提で、公式サイトの「Getting Started」とは構成を変える。Viewは別ファイルへ分ける。Modelはクラスを分ける。サーバー実行コードをアプリケーションコードから分ける。ライブラリはbundlerで管理する。Viewはhaml, sass, coffeescriptを使用する。テストにはrspecを使用する。 実装 ディレクトリ作成

    sinatraで一からwebアプリケーションを構築する - Qiita
  • Sinatra + Twitter Bootstrap + Haml « ツール工房 覚書

    Twitter社が公開したCSS/HTMLフレームワークです。 簡単に洒落たwebページを作成することが出来ます。 私のようにデザインの出来ない人にピッタリ。 http://twitter.github.com/bootstrap/ HTML/XHTMLを生成するためのマークアップ言語です。 インデントや簡略構文によって簡潔な記述が行えます。 http://haml.ursm.jp/ この3つを組み合わせて簡単なチャットアプリを作ってみました。 動作例は以下のとおりです。 ログイン画面(トップ画面) ↓ ログイン ソース ソースはgithubにアップしています。 https://github.com/icchi/sina_chat 準備 Twitter Bootstrapのページから「Bootstrap」をダウンロード gemからSinatraとHamlをインストール g

  • 1