JavaScript

2013/10/04

jQuery Mobileによるアプリケーション開発

jQuery Mobileを使って、スマートフォン向けのWebサイトではなく、スマートフォン向けのWebアプリケーションを開発することを主題として説明します。 はじめに 本稿では、モバイルWebアプリケーション用フレームワークであるjQuery Mobileについて説明します。jQuery Mobileの特長は、マークアップを主体としているため、レイアウト・デザインはHTMLで定義し、ロジックをJavaScriptで書くという、これまで […]

2013/09/06

試して学ぶ Backbone.js入門4

Backbone.jsのアプリケーションの画面表示周りを制御するBackbone.View(以降、View)について説明します。 はじめに 前回の「試して学ぶ Backbone.js入門3」 では、Backbone.jsによるアプリケーションのアーキテクチャを決定づけるBackbone.Eventsについて説明しました。 今回はアプリケーションの画面表示周りを制御するBackbone.View(以降、View)について説明します。 今回 […]

2013/08/19

試して学ぶ Backbone.js入門3

Backbone.jsによるアプリケーションのアーキテクチャを決定づけるBackbone.Eventsについて説明します。 はじめに 前回の「試して学ぶ Backbone.js入門2」ではBackbone.jsの中心となるModelとCollectionの非同期RESTful JSONインタフェースについて説明しました。 今回はBackbone.jsによるアプリケーションのアーキテクチャを決定づけるBackbone.Eventsについて […]

2013/06/06

試して学ぶ Backbone.js入門5

Backbone.jsの最終回の今回は、Backbone.Router(以降、Router)について説明します。 はじめに 前回の「試して学ぶ Backbone.js入門4」 では実際に動くアプリケーションを作成しながらBackbone.Viewについて説明しました。 今回は本連載も最終回となり、Backbone.Router(以降、Router)について説明します。 今回のソースの全体はこちらで確認することができます。 Backbon […]

2013/06/04

試して学ぶ Backbone.js入門2

Backbone.jsの優れた機能である非同期RESTful JSONインタフェースによる永続化について説明します。 はじめに 前回の「試して学ぶ Backbone.js入門1」では、Backbone.jsの中心となるModelとCollectionについて、その基本的な利用方法を説明しました。今回はBackbone.jsの優れた機能である非同期RESTful JSONインタフェースによる永続化について説明します。 今回のソースの全体は […]

2013/03/15

Raphaël入門2 (Raphaëlを使って動きのある図を作る)

Raphaëlを使って、動きのある画面を作っていきます。 概要 前回のRaphaël入門では、Raphaëlの初歩的な使い方を説明しましたが、今回はRaphaëlを使って、動きのある画面を作っていきます。 図形の移動とサイズ変更 作成した図形を移動させる方法について説明します。 SVGでは、タグ内の属性値を変更することで、描画した内容を変更することができます。 しかし、SVGデータの値を変更することは、複雑な計算を行う必要があるため、容 […]

2013/03/15

試して学ぶ Backbone.js入門

Backbone.jsはJavaScript MVCフレームワークの1つです。Backbone.jsの概要から、インストール方法、Modelの基本を説明していきます。 はじめに Backbone.jsはJavaScript MVCフレームワークの1つです。Backbone.jsはその名が示す通り、Webアプリケーションにアーキテクチャという背骨を提供することを目的としたライブラリです。直ぐに複雑なスパゲッティコードになりがちなWebアプ […]

2013/02/22

JavaScriptによるSVG描画 – Raphael(入門編)

概要 Raphaëlは、SVG,VML技術を利用してベクターグラフィックスを簡単に作成することができるJavaScriptの軽量ライブラリです。 SVG(およびVML)はXMLで記述されるテキストデー … 概要 Raphaëlは、SVG,VML技術を利用してベクターグラフィックスを簡単に作成することができるJavaScriptの軽量ライブラリです。 SVG(およびVML)はXMLで記述されるテキストデータであるため、HTML/XHTML […]