「Backbone.js」と「jQuery Mobile」を組み合わせてネイティブっぽいWebアプリを作ってみよう！～ ③Backbone.js + jQuery Mobile編 ～ - Tech-Sketch
前回 はBackbone.jsを使ったWebアプリを作ってみました。 ただ、見た目に関することを何もしていなかったのでいまいち(？)見た目が美しくありませんでした。 というわけで、今回はBackbone.jsで作成したWebアプリにjQuery Mobileを組み合わせることでネイティブっぽい見た目にしていきたいと思います。 はじめに Webページの見た目を簡単にモバイル対応させるためにはCSSフレームワークであるbootstrapや JavaScirptフレームワークであるjQuery MobileやSencha Touchなどを使うことが多いと思います。 本稿では、ネイティブっぽいWebアプリを作成することを目標にしているため、 ネイティブに近いUIツールを使えるjQuery Mobileを用いて画面の見た目を変更していきたいと思います。 アーキテクチャ Backbone.jsと
「Backbone.js」と「jQuery Mobile」を組み合わせてネイティブっぽいWebアプリを作ってみよう！～ ②Backbone.js編 ～ - Tech-Sketch
前回 は、Ruby on Railsを使ってサーバー側にRESTful APIを実装しました。 今回はBackbone.jsを使ったクライアント側の実装をみていきます。 はじめに 前回 に引き続き、Backbone.jsを使ってクライアント側の実装をしてみます。 Backbone.jsは最近流行りのJavaScriptフレームワークの1つで、サーバとデータのやりとりを行う「Model」やDOMの構築やイベントを監視する「View」、複数のモデルをまとめてリストとして扱うことができる「Collection」、ルーティング機能を提供する「Router」などの機能からなります。 また、Backbone.jsはJavaScriptフレームワークの中では比較的軽量であることや、必要なライブラリがUnderscore.jsのみであり、依存するライブラリが少ないことも特徴の1つです。 今回はBac
「Backbone.js」と「jQuery Mobile」を組み合わせてネイティブっぽいWebアプリを作ってみよう！～ ①環境構築＆サーバ側の実装編 ～ - Tech-Sketch
HTML5の普及によりWebアプリは急速に進化しています。しかし、Webアプリを作成する際のデファクトスタンダードは存在していないのが現状です。そこで、比較的導入実績の多いJavaScriptフレームワークである「Backbone.js」と「jQuery Mobile」を用いてネイティブに近いWebアプリを作成してみました。今回から4回に分けて上記手法を用いたWebアプリの作成方法についてご紹介します。 本連載ではサーバの実装からクライアントの実装までWebアプリを作成するために必要なことをひととおり解説します。 まず、初回である今回は環境構築とサーバ側の実装を見ていきたいと思います。 はじめに 「スマートフォンやタブレット用のWebアプリを作りたい！！...でも、なにで作ればいいのかわからない。。」 こんなこと思ったことありませんか？ 最近は、HTML5 + JavaScript +
jQuery Mobileでのアプリケーション開発にBackbone.jsを導入しよう | Lab by engineering@dwango.jp
こんにちは、2011年度新卒エンジニアの夏目です！突然ですがみなさんJavaScript書いてますか？ 最近はjQuery Mobileなどを利用したスマートフォン向けアプリ開発において、クライアントサイドでもヘビーなJavaScriptのコーディングをする機会があると思います。そのようなときコードのいたるところにHTMLが混入したり、どこでどのデータを扱っているのか分からなくなるということになりがちです。 今回はそんな悪夢のようなコーディング生活に一筋の希望の光を照らすBackbone.jsを紹介したいと思います。 対象読者 JavaScriptでの開発経験がある方 Backbone.jsとは Backbone.jsはDocumentCloudが開発をしている、クライアントサイドのJavaScriptコードをModel、View、Controllerで構築するためのフレームワークです。b
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
