Backbone.js JavaScript

Rails4でMarkdownをリアルタイムプレビュー〜backbone-on-rails&marked.js

投稿日:

前回

Rails4でMarkdownをリアルタイムプレビュー〜vue.js&marked.js

今度は、backbone-on-railsでやってみた.

サンプルアプリ

show.html.erbはredcarpetで見られるようにしておく

Gemfile

generate

application.js

backbone-on-railsが自動でいろいろ足してくれている

_form.html.erb

テキストエリアのフォームにプレビューをくっつける
リアルタイムプレビューにするために、つぎの方針でいく
* Modelにテキストエリア内のデータを保存する
* テキストエリアにイベントがあったらモデルの内容を書き換える
* モデルに変更があったらPreviewを書き換える

この場合、Railsがテキストエリアのidをpost_contentにしている

Model

View テキストエリア

View Preview

Controller

controllerの役割はルートファイルに
アプリ名がStickitSampleだけどstickitは使わなかった

アプリスタート

_form.html.erb内からアプリをスタート.
ゾンビ問題とかはどうなってるか未検証.

できた

screenshot

-Backbone.js, JavaScript
-, , ,

執筆者:

関連記事

Electron+Backbone.jsでボードゲーム〜3目並べ

By: sopasnor – CC BY 2.0 目次1 ボイラープレート2 構想3 盤面の描画4 Marionette.ObjectとBackbone.Radio5 AI6 Done!7 …

ゾンビView問題~Backbone-supportでSwapping RouterとCompositeViewを使う

By: Charlie – CC BY 2.0 目次1 ゾンビView問題2 使う準備は簡単3 Composite View4 Swapping Router5 いろいろ6 Backbon …

三目並べゲームのAI〜原始モンテカルロ法

By: Luca Galli – CC BY 2.0 目次1 ゲーム用のAI2 シャローコピー3 AI4 勝率 ゲーム用のAI 三目並べのAIを考えてみた. 有効手をリストアップして、おの …

Rails3.2でJasmineをつかってBackbone.jsのModelをテストしてみる

  By: Glory Cycles   Developing Backbone.js Applications addyosmani.github.com/backbone-fu

MIddlemanでrails-assets.orgをつかってbowerのコンポーネントをつかう

By: Simon Cunningham – CC BY 2.0 middlemanは静的なサイトのジェネレータ rails-assets.orgは「the frictionless pr …