Jungle Java

『実践テクニック HTML5スマートフォンWebアプリ制作』

Posted in HTML5 (RSS), モバイル (RSS), 書籍 (RSS)

HTML5 を用いたスマートフォンWebアプリの制作方法を、サンプルアプリのソースコードを示して具体的に解説しています。また、応用テクニックとして、「PhoneGap」を利用したネイティブアプリ化についても紹介しています。

・HTML5 vs ネイティブ。モバイルアプリはどちらで開発するべき？（前編） Google I/O 2011 － Publickey
・HTML5 vs ネイティブ。モバイルアプリはどちらで開発するべき？（後編） Google I/O 2011 － Publickey
・HTML5が新しいWebの世界を創る | ASSIOMA
・Open Mobile Summit 2011 San Francisco：HTML5か、ネイティブアプリか、それが問題だ - ITmedia プロフェッショナルモバイル
・HTML5とハイブリッドアプリの台頭 | Brightcove Blog

・Jungle Java - Dreamweaver CS5.5 でスマホアプリ開発
・Jungle Java - Adobe が PhoneGap を買収
・Jungle Java - PhoneGap XDK を少しだけ試してみた
・Jungle Java - Monaca を少しだけ試してみた
・Jungle Java - 『jQuery Mobile』
・Jungle Java - WebSocket 関連情報メモ

Posted on 2012年01月29日

Check

WebSocket 関連情報メモ

Posted in HTML5 (RSS)

Webサーバとブラウザ間の双方向通信を実現する技術「WebSocket」の関連情報をメモ。φ(..)

・Jungle Java - Comet 関連情報メモ
・Jungle Java - 『HTML5&API入門』
・Jungle Java - サーバサイド JavaScript の将来性は？

（01/25 追記）
・ASCII.jp：WebSocketでスマホ用対戦ゲームを作ってみた｜実録！HTML5でモバイルWebアプリ開発
・ASCII.jp：node.jsとWebSocketで作る野球盤ゲームの裏側｜実録！HTML5でモバイルWebアプリ開発
・ASCII.jp：WebSocket＆Canvas パフォーマンス最適化のコツ｜実録！HTML5でモバイルWebアプリ開発

・28台デバイスが同時に対話する「node.js+WebSocket」の威力【増田(@maskin)真樹】 : TechWave

（02/04 追記）
・HTML5のWebsocketを使って同時接続数をサーバから送信する: 小粋空間
・HTML5のWebsocketを使ってチャットする: 小粋空間

（03/10 追記）
・InfoQ: WebSockets vs. REST?

（04/01 追記）
・InfoQ: HTML5 (WebSockets)の脆弱性?

（04/02 追記）
・InfoQ: Windows 8がWebSocketをサポート

（04/12 追記）
・ブラウザゲームをスマホで操作できる！jsdo.it WebSocket Controller - jsdo.it - Share JavaScript, HTML5 and CSS

（06/28 追記）
・SPDY対WebSockets?

Posted on 2012年01月15日

Check

Monaca を少しだけ試してみた

Posted in HTML5 (RSS), モバイル (RSS)

Webブラウザ上でスマートフォン（Android / iPhone）アプリを開発できるサービス「Monaca」を少しだけ試してみました。ビルドしなくても実機で動作確認を行うことのできる「Monacaデバッガ」の存在がユニークですね。

・Jungle Java - Dreamweaver CS5.5 でスマホアプリ開発
・Jungle Java - Adobe が PhoneGap を買収
・Jungle Java - PhoneGap XDK を少しだけ試してみた

（2012/01/28 追記）
・Monaca + enchant.js でお手軽スマフォゲームアプリ開発 : アシアルブログ
・Monacaで作ろう　簡単スマフォアプリ！ : アシアルブログ

（2012/06/14 追記）
・数々の新機能をリリース致しました Y / n | The Monaca Blog

（2012/07/12 追記）
・iOS/Androidに対応したHTML5ベースのスマフォアプリ開発プラットフォーム「Monaca」－ Publickey Topics

（2012/09/06 追記）
・PhoneGapを用いたHTML5/JavaScriptアプリの速度や機能を拡張する「Monacaフレームワーク」、オープンソースで公開－ Publickey

Posted on 2011年11月19日

Check

PhoneGap XDK を少しだけ試してみた

Posted in HTML5 (RSS), モバイル (RSS)

appMobi.com が無料で提供している「PhoneGap XDK」を少しだけ試してみました。「PhoneGap」を用いたスマートフォンアプリの開発が可能なプラットフォームで、動作には「Google Chrome」及び「Java SE 6」が必要となります。

・appMobi 始まり - himajin315の記録
・appMobi (Hello World) - himajin315の記録
・appMobi ローカルストレージ - himajin315の記録
・appMobi ローカルストレージ(アプリ) - himajin315の記録

・Jungle Java - Webアプリをラップしてネイティブなモバイルアプリにする PhoneGap
・Jungle Java - 『Androidアプリケーション開発ガイド』
・Jungle Java - Dreamweaver CS5.5 でスマホアプリ開発
・Jungle Java - Adobe が PhoneGap を買収

（11/29 追記）
・InfoQ: appMobi，ブラックフライデーにモバイルプラットフォームをオープンソース化
・世界初、スマートフォン向けネイティブアプリと同じ機能性をWebアプリやWebサイトに提供するiOS向けブラウザ「MobiUs」を米国appMobi社が提供開始 at レキサス

（12/23 追記）
・米国appMobi社がHTML5ゲームのフレームレートを10倍高速化するdirectCanvasテクノロジーのパフォーマンスデータおよびSDKを公開 at レキサス

（2012/01/28 追記）
・appMobi社製。チェック必須のスマートフォン向けjQuery「jQ.Mobi」 - MOONGIFT
・jQueryを凌ぐパフォーマンスを提供するJavaScriptフレームワーク「jqMobi」をappMobi社がオープンソースで提供 at レキサス

（2012/03/31 追記）
・AppMobi の狙いは、Mobile + OSS + HTML5 の惑星大直列なのだ！ « Agile Cat — in the cloud

Posted on 2011年11月06日

Check

Adobe が PhoneGap を買収

Posted in HTML5 (RSS), モバイル (RSS)

Adobe が「PhoneGap」の開発元である Nitobi の買収を発表しました。HTML5、CSS、JavaScript といったWeb標準の技術を用いたモバイルアプリケーションの開発が、勢いを増してきそうな感じですね。

・Jungle Java - モバイルブラウザ向けに最適化した UI を提供する jQuery Mobile
・Jungle Java - Webアプリをラップしてネイティブなモバイルアプリにする PhoneGap
・Jungle Java - 『Androidアプリケーション開発ガイド』
・Jungle Java - Dreamweaver CS5.5 でスマホアプリ開発

（10/29 追記）
・PhoneGapユーザーの皆様に朗報：米国appMobi社がPhoneGapのクラウド開発プラットフォームを発表
・Andrdoid版PhoneGapプラグインの紹介 – ｜ Classmethod.dev()
・PhoneGapがWindows Phoneに対応しました - 遅咲きのエンジニア

（11/19 追記）
・PhoneGapアプリでjQuery(1.5以上)のクロスサイトなajax通信を有効にするには｜開発部 in ICtriumphs

（11/26 追記）
・スマートフォン用HTML5フレームワークphonegapで使えるネイティブAPI | The Monaca Blog

（11/30 追記）
・InfoQ: PhoneGap の現状 - Apache と Adobe への移行，プラグインによるモジュール化，PhoneGap/Build サービス

（12/20 追記）
・PhoneGap 1.3 Released « PhoneGap

（12/22 追記）
・HTML5アプリをモバイルアプリに変換するPhoneGapが1.3にバージョンアップ。Windows Phone 7対応の強化など－ Publickey
・InfoQ: PhoneGap が WP7 を完全サポート

（2012/03/26 追記）
・InfoQ: AdobeがPhoneGapブランドでCordovaを提供

（2012/05/17 追記）
・PhoneGapを使ったモバイルアプリのネイティブ化は、銀の弾丸ではない－ Publickey

（2012/07/21 追記）
・PhoneGap | Adobe PhoneGap 2.0 Released

（2012/07/25 追記）
・PhoneGap 2.0がリリース。JavaScriptの性能向上、Windows Phoneサポートなど－ Publickey

（2012/08/01 追記）
・EclipseとPhoneGapでAndroidアプリケーションを開発する | Adobe Developer Connection
・ネイティブプラグインでPhoneGapを拡張する（Android） | Adobe Developer Connection
・Dreamweaver CS6とPhonaGap Buildで作るモバイル・アプリケーション | ADC - Adobe Developer Connection

（2012/08/10 追記）
・PhoneGapとapp-UIでネイティブのようなユーザーエクスペリエンスを作成する | Adobe Developer Connection
・Dreamweaver CS6とPhonaGap Buildで作るモバイル・アプリケーション | ADC - Adobe Developer Connection

（2012/09/14 追記）
・【レポート】「PhoneGap Build」で一層手軽になったモバイルアプリ開発 | マイナビニュース
・PhoneGapでの画面遷移　 jqMini.jsが便利 | 【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ

Posted on 2011年10月04日

Check

Dreamweaver CS5.5 でスマホアプリ開発

Posted in HTML5 (RSS), モバイル (RSS)

「Dreamweaver CS5.5」では、「jQuery Mobile」及び「PhoneGap」を利用して、スマートフォンアプリを簡単に作成できるようになりました。

・Jungle Java - Dreamweaver で HTML ベースの AIR アプリ
・Jungle Java - 『スマートフォンのためのHTML5アプリケーション開発ガイド』
・Jungle Java - モバイルブラウザ向けに最適化した UI を提供する jQuery Mobile
・Jungle Java - Webアプリをラップしてネイティブなモバイルアプリにする PhoneGap
・Jungle Java - 『Androidアプリケーション開発ガイド』

p.s.
「Adobe Creative Suite 4 Web Standard」を保有しているのですが、「Dreamweaver」のみをアップグレードすることはできないのだそうです。残念。（；_；）

（07/21 追記）
・Dreamweaver CS5.5 マスターシリーズ第3回　jQuery Mobile Widgetでスマートフォン対応サイトを作ろう　その2 | デベロッパーセンター

（07/28 追記）
・Dreamweaver CS5.5 マスターシリーズ第4回　強化されたjQuery開発環境 | デベロッパーセンター

（08/15 追記）
・米Adobe社 Greg Rewis氏インタビュー　HTML5／CSS3、JavaScript - 新たなWebの到来：CodeZine

（09/08 追記）
・HTML5／CSS3だけじゃない！　 jQuery Mobileにも対応したDreamweaverを使ってみよう：CodeZine

（2012/04/04 追記）
・jQuery入門 with Dreamweaver 5.5　前編 | ADC - Adobe Developer Connection
・jQuery入門 with Dreamweaver 5.5　後編 | ADC - Adobe Developer Connection

Posted on 2011年07月03日

Check

Web の技術でデスクトップアプリを開発する Chromeless

Posted in HTML5 (RSS)

Webアプリをデスクトップに融合していくことを目指した Mozilla Labs のプロジェクト「Prism」が終了し、後継プロジェクトの「Chromeless」が開始されました。

・Jungle Java - 特定サイト用ブラウザ WebRunner
・Jungle Java - Webrunner が Prism に変身
・Jungle Java - Prism が Firefox3 の拡張機能に

・Jungle Java - 『HTML5&API入門』
・Jungle Java - 『Google Chrome OS』
・Jungle Java - Chrome OS 搭載のノートPCがついに発売に

（06/07 追記）
・動画：デスクトップを消し去るウェブブラウザ Webian Shell、Mozilla Chromeless ベース
・Windows 8では、HTML5とJavaScriptでWindowsアプリを開発可能に－ Publickey

（06/08 追記）
・グーグルはChrome OSでOSをWeb化、マイクロソフトはWindows 8でOSをWeb化、モジラもWeb対応シェルの「Webian Shell」を発表－ Publickey
・ポストPC時代の「Apple対Google」 | WIRED VISION

Posted on 2011年06月06日

Check

Chrome OS 搭載のノートPCがついに発売に

Posted in HTML5 (RSS), Webブラウザ (RSS)

「Chrome OS」搭載のノートPC（「Chromebook」と呼ぶらしいです）が来月発売されるそうです。日本での発売はいつからでしょうか？

・Jungle Java - Google が Chrome OS を発表
・Jungle Java - 『HTML5&API入門』
・Jungle Java - 『Google Chrome OS』
・Jungle Java - Google Apps の世界
・Jungle Java - Google Chrome 11 正式版がリリース

（05/14 追記）
仮想化クライアントソフト「Citrix Receiver」の HTML5 バージョンというのは、既に完成しているのでしょうか？とっても気になります。

・【Chrome OS のリモートアクセス機能】：Royal Windows：So-net blog
・Citrix will stream Windows apps to Chrome OS laptops
・Windows applications to run on Google Chrome OS with Citrix Receiver - Techworld.com

（05/17 追記）
・Chrome OSのR12–最終出荷バージョンがベータに入る
・[jp]グーグルのChromeウェブストアが「日本語化」。が、正式オープンはまだ
・グーグル、NoSQL軽量ライブラリ「LevelDB」を公開。ChromeブラウザのIndexedDBとして採用－ Publickey

（05/18 追記）
・なぜAndroidのブラウザはChromeでないのか？

（05/25 追記）
・世界初のChrome OS搭載デスクトップPC、7月にリリース - Computerworld.jp

（06/13 追記）
・Googleの「Chrome OS」搭載ノートPC、国内通販サイトで購入可能に - デジタル・トゥディ(Digital Today)

（06/19 追記）
・とうとう発売されたChrome OSを搭載する世界初のノートPCを速攻レビュー！　日本発売までにはリクエストポイントも... : ギズモード・ジャパン

Posted on 2011年05月13日

Check

Webアプリをラップしてネイティブなモバイルアプリにする PhoneGap

Posted in Ajax (RSS), HTML5 (RSS), モバイル (RSS)

「PhoneGap」はモバイルアプリケーションの開発フレームワークで、HTML ＋ CSS ＋ JavaScript を用いて、iPhone や Android などの様々なモバイルプラットフォームに対応したアプリケーションを開発することができます。

・レポート：ソーシャルWebやHTML5/CSS3のポイントが解説された「Web Directions East 2010」レポート（前編）｜gihyo.jp
・レポート：JQTouchやPhoneGap，jQuery Mobileを利用したモバイルアプリ開発と，オバマサイトのキャンペーンの裏側が語られた「Web Directions East 2010」レポート（後編）｜gihyo.jp

・Jungle Java - モバイル用HTML5フレームワーク Sencha Touch
・Jungle Java - Flash Builder "Burrito" で Android アプリ開発
・Jungle Java - 『入門 Android 2 プログラミング』
・Jungle Java - 『スマートフォンのためのHTML5アプリケーション開発ガイド』
・Jungle Java - モバイルブラウザ向けに最適化した UI を提供する jQuery Mobile

（12/24 追記）
対応するモバイルプラットフォームが iPhone と Android に限定されますが、よく似た感じの「Titanium Mobile」というフレームワークもあります。「PhoneGap」とどちらが人気なのでしょうか？

・連載インデックス「Web技術でネイティブアプリを作れるTitanium」 - ＠IT
・連載：Titanium Mobileで作る！ iPhone／Androidアプリ｜gihyo.jp
・Titanium と Aptana でモバイル開発 | アカベコマイリ
・Phonegap と Titaniumを比較してみた - kurainの壺
・CoronaとPhonegapとTitanium Mobileの比較 « bulblub

また、Android 専用となりますが、手軽に始めることができそうな「jsWaffle」というフレームワークにも注目しています。

・PhoneGapとの比較 - jsWaffle

将来的には、「Dreamweaver」で Android アプリを開発することも可能となるかもしれませんね。

・Jungle Java - Dreamweaver で HTML ベースの AIR アプリ

（2011/01/03 追記）
・InfoQ: JavascriptVMに多数の言語： CoffeeScript 1.0, StratifiedJS, EmscriptenによるC/C++, Python

（2011/01/16 追記）
・PhoneGapを使った開発に必須！「PhoneGap Simulator」 | MOONGIFT

（2011/01/19 追記）
・Appceleratorは、先進的なIDEをリリースするAptanaを買収しました。 « Appcelerator Developer Center

（2011/02/05 追記）
・New Titanium Mobile Release 1.6.0 is coming soon. « Appcelerator Developer Center

（2011/04/24 追記）
・【Adobe CS5.5】HTML/CSS3対応に加えモバイルアプリの書き出しが可能になった『Dreamweaver CS5.5』 - ガジェット通信
・ASCII.jp：Dreamweaver CS5.5でスマホアプリ作ってみた

（2011/07/27 追記）
・連載インデックス「PhoneGapで始めるWeb→スマホアプリ制作入門」 - ＠IT

（2011/08/01 追記）
・HTML5のモバイルアプリを“ネイティブアプリ化”する「PhoneGap」が正式版に。オンラインでの変換サービスも発表－ Publickey
・各種デバイス向けアプリの生成&DLが可能な『PhoneGap Build』とは? | iPhone | iPad iPhone Wire

（2011/08/04 追記）
・Jo と PhoneGap を使用してネイティブ・モバイル・アプリケーションを作成する
・アプリ化もサポートしたHTML5のスマートフォンフレームワーク「Jo」 - MOONGIFT

（2011/08/13 追記）
・ASCII.jp：HTML5でiPhoneアプリ開発！PhoneGap入門｜古籏一浩のJavaScriptラボ
・PhoneGap API Documentation

（2011/09/08 追記）
・連載：PhoneGapで手軽にiPhone/Androidアプリを作ろう｜gihyo.jp

Posted on 2010年12月21日

Check

『スマートフォンのためのHTML5アプリケーション開発ガイド』

Posted in HTML5 (RSS), モバイル (RSS), 書籍 (RSS)

スマートフォン向けのサイトを作る際に利用できる HTML5 の API やテクニックを紹介したガイドブックが登場しました。

・Droidget Developers Blog: AndroidデバイスのHTML5対応状況
・Droidget Developers Blog: iOS4.0 vs Android 2.2 HTML5対応状況
・HTML5 – CSS3 mag » いろいろなAndroidデバイスのHTML5対応状況

・Jungle Java - 『HTML5&API入門』
・Jungle Java - モバイル用HTML5フレームワーク Sencha Touch
・Jungle Java - Flash Builder "Burrito" で Android アプリ開発
・Jungle Java - 『入門 Android 2 プログラミング』

p.s.
標準ブラウザ以外にも Android 用に様々なブラウザが提供されています。ブラウザによっても、HTML5 への対応状況は異なるのでしょうね。

・Dolphin Browser (ブラウザ) : これが最高クラスのブラウザ！Androidアプリ1234
・Opera Mini Browser : 世界最速ブラウザの公式アプリ！Androidアプリ1017
・Web ブラウザ Opera Mobile : 「Opera Mobile」のAndroid版が登場！Androidアプリ1247
・Opera、「Android」対応「Opera Mobile」でHTML5と「Flash」をサポートへ - CNET Japan
・Firefox 4 for Androidの最新β（ベータ）版は年内にAndroid Marketでリリース予定

（12/14 追記）
・InfoQ: ネイティブ（モバイル）アプリケーションに未来はあるか？
・MOONGIFT : GWTをスマートフォンでも活かす「GWT Mobile Webkit」

（12/16 追記）
・HTML5とCSS3を使ってスマートフォン向けサイトを構築　－ iPhone版Yahoo!JAPANトップの開発事例紹介：CodeZine

（12/17 追記）
・iPhone・Android・WEBに使える400以上のアイコンセット「iconSweets 2」:phpspot開発日誌

（2011/02/03 追記）
・これは凄いぞ！スマートフォン向けHTML5生成プログラミング言語「mobl」 | MOONGIFT

（2011/02/15 追記）
・モバイルアプリケーション開発のためのHTML/CSS/JavaScript関連技術まとめ－ Publickey

（2011/08/25 追記）
・ブラウザからスマホのネイティブ機能を操作! Mozilla、「WebAPI」発表 | マイコミジャーナル

Posted on 2010年12月13日

Check

Site menu:

『実践テクニック HTML5スマートフォンWebアプリ制作』

WebSocket 関連情報メモ

Monaca を少しだけ試してみた

PhoneGap XDK を少しだけ試してみた

Adobe が PhoneGap を買収

Dreamweaver CS5.5 でスマホアプリ開発

Web の技術でデスクトップアプリを開発する Chromeless

Chrome OS 搭載のノートPCがついに発売に

Webアプリをラップしてネイティブなモバイルアプリにする PhoneGap

『スマートフォンのためのHTML5アプリケーション開発ガイド』

Categories

XML Feed

Links

Powered By