先日発売されたJavaScriptエンジニア養成読本ですが、特集1のBackbone.jsの記事について、Underscore.jsのバージョンが執筆時の 1.6.0 から 1.7.0 に変わっている関係で現状だといくつかのコードが動作しないようでした。確認漏れですすみません…。 _.template()が常にコンパイル済みのテンプレートを持った関数を返すようになった関係で文中のサンプルにある次のようなコードが動かなくなっています。
先日発売されたJavaScriptエンジニア養成読本ですが、特集1のBackbone.jsの記事について、Underscore.jsのバージョンが執筆時の 1.6.0 から 1.7.0 に変わっている関係で現状だといくつかのコードが動作しないようでした。確認漏れですすみません…。 _.template()が常にコンパイル済みのテンプレートを持った関数を返すようになった関係で文中のサンプルにある次のようなコードが動かなくなっています。
JavaScriptエンジニア養成読本 [Webアプリ開発の定番構成Backbone.js+CoffeeScript+Gruntを1冊で習得! ] (Software Design plus) 作者: 吾郷協,山田順久,竹馬光太郎,和智大二郎出版社/メーカー: 技術評論社発売日: 2014/10/18メディア: 大型本この商品を含むブログ (3件) を見る 「JavaScriptエンジニア養成読本」というムック本(?)を読んでまして、JavaScriptもできてないので、かなり背伸びしてBackbone.jsを紐解いていたんですけども。 どうやっても掲載されているサンプルコードが動かず。ここ2、3日、毎日コンソールのエラーを見ては、頭を抱えていました。 どうやら、Underscore.js関係のところで Uncaught ReferenceError: firstName is not d
Marionette.jsまとめ その1 Application, Controller, AppRouterJavaScriptBackbone.jsMarionette.js Marionette.jsまとめ その1 Application, Controller, AppRouter Marionette.jsまとめ その2 View, ItemView, CollectionView Marionette.jsまとめ その3 CompositeView, Layout, Region Marionette.jsとは Marionette.jsはBackbone.jsに下記等の機能を追加するライブラリです。 CollectionView, ItemViewなどViewタイプの追加 RegionとLayoutによるDOMの制御 モジュール機構 デストラクタ(elの削除、インスタンスの除
HTML5の普及によりWebアプリは急速に進化しています。しかし、Webアプリを作成する際のデファクトスタンダードは存在していないのが現状です。そこで、比較的導入実績の多いJavaScriptフレームワークである「Backbone.js」と「jQuery Mobile」を用いてネイティブに近いWebアプリを作成してみました。今回から4回に分けて上記手法を用いたWebアプリの作成方法についてご紹介します。 本連載ではサーバの実装からクライアントの実装までWebアプリを作成するために必要なことをひととおり解説します。 まず、初回である今回は環境構築とサーバ側の実装を見ていきたいと思います。 はじめに 「スマートフォンやタブレット用のWebアプリを作りたい!!...でも、なにで作ればいいのかわからない。。」 こんなこと思ったことありませんか? 最近は、HTML5 + JavaScript +
こないだまでRailsとBackbone.jsを使ったWEBサービスを作ってました。折角なので、その際の初期設定とちょっとしたルールをまとめておきます。ちなみに、規模感は以下のような感じです。 ・ModelとCollection 各約10個 ・ViewとTemplate 各約30個 ・Routerは使わない(SinglePageApplicationではないので) バージョンは ・backbone.js: 1.1.0 ・rails: 3.2.13 です ライブラリの配置 依存ライブラリは以下のように配置した // vendor/assets/javascripts/配下 . |-- backbone/ | |-- backbone-min.js | `-- backbone-min.map |-- json2/ | `-- json2.js |-- underscore/ | |-- un
それぞれ、このシリーズの後続の回で詳しく触れていきますが、Application、AppRouter、ControllerはViewやModelの間を取り持つ機能を担っています。ItemView、CollecttonView、CompositeView、Region、Layoutはそれぞれ異なった役割で、View周りのコーディングに役立つ機能を持っています。 Marionette.jsにできること Marionette.jsから得られる恩恵は大小さまざまで、細かいものを挙げていくときりがないほどですが、大きなものを挙げるとすれば、次のような点があります。 モジュール化のサポート 開発者が書かなければならないコード量の減少 機能の部分的な利用 モジュール化のサポート Marionette.jsの機能の中で大きなものとして、モジュール化のサポートがあります。モジュール化というのは、ある機能を表
Marionette.jsのチュートリアルを書く。 特に、yeoman製のgenerator-marionetteを使って、 railsみたいに、楽しながら、進めていく。 量が多くなったので、何度かに分けて書く。 この記事は、yeomanによる準備から、node+expressによるサーバー側まで。(baucis という楽チンな仕組みを使う) Marionette.jsとは? この前作ったslideをご参考に。 introduction to Marionette.js (jscafe14) from Ryuma Tsukano インストール 以下のgenerator-marionetteのgithubのページを参照 https://github.com/mrichard/generator-marionette#install 特にハマる事は無い。多分ね。 project作成 proje
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く