業務用アプリのiPhone対応経験を基に、iPhoneで動かすための、業務で使えるWebアプリケーションを作成するときのコツを紹介します WebアプリをiPhoneっぽくするための5つのポイント iPhoneで動かす業務用Webアプリ開発入門(1) 業務用iPhoneアプリは、なぜネイティブではなくWebが良いのか? iPhoneっぽい見た目の重要性とともに解説します
JSTouchControllerはiOSのMobile Safari上でマルチタッチを認識するライブラリ。 JSTouchControllerはHTML5/JavaScript製のフリーウェア(ソースコードは公開されている)。iOSの面白さは言うに及ばないが、技術的に見た時に欠かせない要素の一つがマルチタッチシステムではないだろうか。複数の指による操作を同時に認識することで今までにないアクションが可能になる。 デモ 仮想的なゲームパッドを配置したり、複数のキャラクターを同時に扱うようなゲームもできる。音ゲーと言われるゲームにも欠かせない要素だ。そんなマルチタッチをWebブラウザ上で使えるようにするのがJSTouchControllerだ。 JSTouchControllerはMobile Safariで使えるマルチタッチシステムだ。利用できるのはiOSになる。Webブラウザで表示するとア
The-M-ProjectはiOSやAndroidといったスマートフォン向けに特化したWebアプリケーションフレームワーク。 The-M-ProjectはJavaScript/HTML5製のオープンソース・ソフトウェア。Webアプリケーションが本格的に取り入れられるようになっている。AjaxなどによるWebアプリケーションの操作性向上に加えて、JavaScriptで実現しうる機能が増えていることに要因があるだろう。 サンプルのTodoアプリ そしてもう一つがHTML5の存在だ。PCブラウザ向けにはまだ全面採用は難しいものの、スマートフォンであれば採用できるだろう。そんなスマートフォン向けのWebアプリケーションを開発する際に使えるフレームワークがThe-M-Projectだ。 The-M-ProjectはHTML5を採用したWebアプリケーションフレームワークだ。iOSはもちろん、Andr
appMLはjQTouchをはじめとするHTML5/JavaScriptライブラリを組み合わせたiOSをはじめとするスマートフォン向けHTMLフレームワーク。 appMLはHTML5/jQuery/JavaScript製のオープンソース・ソフトウェア。多様なWebブラウザが乱立するデスクトップの世界と違って、スマートフォンの世界はとてもシンプルだ。ほとんどがWebKitで統一されている。WebKit自身はオープンソースであり、開発者としてはとてもやりやすい。 iPhone向け 今後、ネットアクセスデバイスはデスクトップからモバイルへ移っていく。そんな時代の中でスマートフォン向けWebアプリケーションを開発するのに使えるフレームワークがappMLだ。 appMLはjQTouchやiScrollをベースに開発されているスマートフォン、iPad向けのフレームワークだ。PhoneGapの公式ツール
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* スマートフォン向けサイトには、いくつかのデザインパターンが見られます。今回は、そのコーディング方法について、以下のサンプルサイトをもとに解説します。 ※このサンプルサイトは本連載用に作成したものであり、公式のページではありません。 図1 サンプルサイト。ページ上部に新着記事、中部に製品ロゴを使った記事カテゴリー、下部にリスト型ナビゲーショ
HTML5でiPhone用Webアプリをオフライン対応に:iPhoneで動かす業務用Webアプリ開発入門(5)(2/2 ページ) HTMLファイルをキャッシュマニフェストに含めるには キャッシュマニフェストファイルに、すべてのJavaScriptファイル、画像ファイル、CSSファイルを記述すると、ページのロード時間を劇的に短縮できます。 キャッシュマニフェストには、これらのファイルだけでなくHTML自体を含めることができます。HTML自体をキャッシュに格納すると、そのURLのときは一切サーバにリクエストを出さずに画面を表示可能になります。 先ほどの例では「CACHE:」の1行目の「/h/MobileView.do」がHTMLです。 すべてのデータをAjaxで取得するアプリは、HTMLは毎回同じファイルになるはずなので、このようにHTML自体をキャッシュできます。 こうしておくと、電波がまっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く