S3でBackbone.jsのHistory(pushState)に対応できるかをためした - bouzuya.hatenablog.com
昨日の続きなのだけれど、S3でBackbone.jsのHistory(HTML5 History APIのpushState/popState)に対応できるかを検証してみた。 結論から言うと対応できる。デモはここから見れる。リポジトリはbouzuya/backbone-pushstate-exampleにある。 ためしたことを説明しようと、ごちゃごちゃ書いたのでメモ。別に読まなくていい。 Backbone.jsやKnockout.jsやAngularJSといったクライアントサイドMVCフレームワークが流行っている。クライアントサイドのJavaScriptも構造化を持ち込まないと対応できない状態になっているからだろう。 クライアントサイドMVCフレームワークでWebアプリケーションをつくるとき、SPAかMPAかの選択を迫られる。SPAはSingle Page Applicationで、その名
Boilerplate Template for Node.js and Backbone Using Gulp and Browserify
Attention: The following article was published over 9 years ago, and the information provided may be aged or outdated. Please keep that in mind as you read the post. I’ve been working with Node.js and Backbone for a little over a year now and recently started a new side project in my spare time. Every time I start a project from the ground up, I have to sit down and think about things I probably h
Backbone.js
Backbone's only hard dependency is Underscore.js ( >= 1.8.3). For RESTful persistence and DOM manipulation with Backbone.View, include jQuery ( >= 1.11.0). (Mimics of the Underscore and jQuery APIs, such as Lodash and Zepto, will also tend to work, with varying degrees of compatibility.) Getting Started When working on a web application that involves a lot of JavaScript, one of the first things yo
Backbone.jsに入門してみる【サーバー通信編 (Model, Collection)】 - yutaponのブログ
今回はBackbone.ModelとBackbone.Collectionを使って サーバーサイドとRESTな通信をしてみます。 サーバーとの通信ですが、別に難しいことはありません。 jQueryでいう $.get(), $.post() をBackbone.js風に使うだけです。 はじめに サーバーとの通信ですが、今回は/usersというURLに対して行うことにします。 サーバー側はクライアント側からのRESTメソッドに対応した実装がされている前提です。 /usersというURLは名前からuserの集合を表していることがわかるかと思いますが、 このuserの集合というリソースに対してクライアント側から 任意のリソースを要求したり、リソースを作成したりできるのがRESTなAPIです。 この/usersに対してそれぞれのメソッドでリクエストした場合、 以下のような意味になります。 サーバー側
Backbone.Syncをオーバーライドして幸せAjax生活 - new takyam();
業務でBackboneをガッツリ使ったり、プライベートでも何か作る時はだいたいBackboneを使うようになりましたので、Tipsを公開。 Backboneを使うメリットはいくつかあるんですが、 ひとつ大きなメリットとして、APIの設計を統一できる点だと考えてます。 BackboneのAjax関連のメソッド Backboneでは、Ajaxで通信するためのメソッドとして以下を持ってます。 Model save() : 保存 (CREATE / UPDATE) fetch() : 取得 (GET) destroy() : 削除 (DELETE) Collection fetch() : 取得 (GET) それぞれリクエストのフォーマットは決まっていて、 それに則ったかたちでAPIを作成すれば良いので、 API設計で悩んだり、変なかたちにならなくて良いのです。 BackboneのAjax関連のメ
Backbone.jsに入門してみる【Router編】 - yutaponのブログ
久しぶりのBackbone.js入門。 Backbone.jsガイドブックを見ながらまとめてますが、 後半は試行錯誤のたまもの。 Backbone.Routerとは Backbone.RouterはサーバーサイドMVCフレームワークでいうところのCにあたる部分、でもありますし、VCでもあります。 Backbone.ViewがDOMを監視するのに対して、Backbone.Routerはブラウザのハッシュ（URL欄）を監視します（厳密に言うとhashChangeイベントとpopStateイベントを監視）。 Backbone.Routerにハッシュとそれに対応する操作を設定しておくことで、 アプリケーション全体のコントローラみたいなふるまいをします。 Backbone.Routerの使い方 何はともあれサンプルコードを。 // @file router_sample.js var Router
2012年末に観ておきたいJavaScript20選: githubでwatch数の多い200件から - memo.yomukaku.net
GithubでJavaScriptのコードとして分類されており、現時点でwatch数の多い200件の中で、実際に使ったことがあり便利または面白いと感じた20件をまとめてみました。 backbone-boilerplate、requirejs、yeoman、lodashのような定番になってきているものから、TimelineJSのような全く汎用性のないものまであります。 d3.js Data-Driven Documents。サンプル集を観るのが手っ取り早いと思います。 pdf.js JavaScriptだけでPDFをレンダリングできる時代です。1年半ほど前にくらべると、かなりPDF製作者の期待通りにレンダリングできるようになってきています。 backbone-boilerplate Backbone.jsを使ったアプリの骨格構造。サーバー側でいわゆるMVC2のアプリを作っている人にはB
『Backbone.jsの1番良いリファレンスを頼む』へのAwesomeな回答を翻訳してみた - hamheiの日記
©Powered by hamsketch Quoraの"What are some good resources for Backbone.js?" のトップ回答がcoolだったので、翻訳して追加して編集してコメントしてメモ。 - 公式 Backbone.js 公式サイト ソースコード 解説付きソースコード 解説付きソースコードの翻訳（日本語） Underscore.js（公式サイト）（ソースコード） backbone.jsはunderscore.jsに強く依存してるから、こっちも勉強した方が良いよ 実はこの2つはホストしてるところは一緒だよ（DocumentCloud） 最新の情報が欲しいなら... 公式Wiki GithubのWiki。活発 Backbone.jsは、コードのホストは勿論、公式サイトもデモサービスもgithub::pages、Wikiもgithub::wikiと、Oc
スマホ用のSingle Page Applicationサイトを作る上での問題点と対応 - Qiita
はじめに スマートフォン向けFX情報サイトSmartFXをBackbone.jsを使ったSPA(Single Page Application)で運用しています。 前回はSinglePageApplicationにおける問題点と対応として全般的なSPAの問題を書きましたが、今回はスマホに特化したスマホサイトをSPAで構築するにあたって気づいた問題点とその対応方法を共有したいと思います。 画面遷移に思いのほか時間がかかる！ SPAで構築しているのに、次の画面の遷移が思っているより遅い感じがします。 サーバにアクセスしていないハズなのに。。 原因 clickイベントの発動にスマホの場合は時間がかかるためです。 スマホの場合はタッチがリンクを押したいのか、それともスクロールしたいだけなのかを判定するために一定時間経過しないとクリックと判定しません。 が、その判定時間がかなり長いものと思われます。
JavaScriptフレームワークについて個人的な思い - 当時を振り返りながら - albatrosary's blog
HTML5 Experts.jpでエンタープライズ特集が組まれたことは承知だと思います。やはり注目すべきところはJavaScriptフレームワークの見解ではなかったかと思います。JavaScriptフレームワークについては人それぞれ考えがありますので、一概にこれとは言えませんが、私が感じているところを記載したいと思います。 世の中の動向と以前の判断 Googleトレンドを見る限りではAngularJSのひとり勝ちのように思えますが、身の回りの案件ではBackbone.jsが多いのではないかと思えます。１年半前にHTML5プロジェクトを行ったときに選定で残ったのが Backbone.js AngularJS Sencha Ext JS でした。最終的に利用したのはBackbone.JSだったのですが理由がjQueryベースで入り易かったということが上げられます。AngularJSは独特な記法
jQuery Mobile – All Versions | jQuery CDN
jQuery Mobile - Git Builds UNSTABLE, NOT FOR PRODUCTION jQuery Mobile git build - uncompressed, minified, theme (minified) jQuery Mobile - All Versions jQuery Mobile 1.5.0-rc1 - uncompressed, minified, theme (structure only) jQuery Mobile 1.5.0-alpha.1 - uncompressed, minified, theme (structure only) jQuery Mobile 1.4.5 - uncompressed, minified, theme (structure only) jQuery Mobile 1.4.4 - uncompr
5 Best Mobile Web App Frameworks: jQuery Mobile + Backbone
jQuery – the swiss army knife for cross-browser JavaScript used in well over 50% of all web sites in the world. This also means that there are more jQuery developers than those programming in any other JavaScript library, although that doesn’t necessarily guarantee finding quality talent easily. jQuery Mobile is a minimalistic upgrade to jQuery designed for responsive web sites and platform agnost
[O'REILLY]Developing Backbone.js Applications -
Available free for open-source reading below or for purchase via the O'Reilly store. Pull requests and comments always welcome. Prelude Not so long ago, “data-rich web application” was an oxymoron. Today, these applications are everywhere and you need to know how to build them. Traditionally, web applications left the heavy-lifting of data to servers that pushed HTML to the browser in complete pag
Building a Scalable App With Backbone.js | Envato Tuts+
Backbone.js is a small library (~5kb minified) that allows you to build single page web applications. Unlike many of its peers, Backbone is not very opinionated about the way you use it. Aside from some basic concepts, the design of your application is left widely up to you. This tutorial will offer some insight on one of the popular patterns that the community has started to embrace: the Backbone
Make Backbone Better With Extensions | Envato Tuts+
Backbone is becoming wildly popular as a web application development framework. Along with this popularity comes countless extensions and plugins to enhance the power of the framework, and fill in holes that other felt needed filling. Let's take a look at some of the best choices. Backbone.Marionette Developed by Derick Bailey, this extension is quite large and is my personal favorite. Rather than
Backbone.js+D3.jsでデータの可視化【準備編】 - yutaponのブログ
先週はnode.jsでニコ動のランキング情報をJSON取得するコードを書きましたが、 今回はそのデータを使って棒グラフを書くってところまでやります。 （d3.jsの事前知識は公式のチュートリアルを読んだくらいです。） 普通にd3.js使っても面白く無いので、Backbone.jsとRequireJS使ってやってみました。 ソースを全部上げるには大きくなってきたのでgithubに置いときました。 yussk/nicoranking2d3 · GitHub ※まだまだ未完成、なので準備編。 現状で出力されるグラフはこんな感じ。（マイリスの絶対数のグラフ） しょぼい。 はじめに 先週書いたnode.js側のソースを少し修正してます。 アクセスのたびに100件の動画詳細を取りに行くXHRを防ぐため、 2回目以降はローカルのjsonを取得するよう変更しました。 タグ情報を返す部分も文字列型とオブジェ
Slot88: Fastslot88 Daftar Judi Slot Online, Situs Slot Gacor 2022
Apalagi link situs slot gacor Fastslot88 selalu memberikan jackpot nyata yang mana player tidak perlu ragu dan khawatir jika ingin daftar judi slot online bersama Fastslot88. Dan semua permainan yang kami Fastslot88 sediaan sangat gampang sekali untuk dimainkan serta dimenangkan. Cukup dengan satu akun ID saja kalian bisa bermain dengan provider gacor hari ini, tidak hanya menyediakan situs slot g
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Extensions, Plugins, Resources
GitHub - alexyoung/dailyjs-backbone-tutorial
Multiple pages with Backbone.js