CreateJSのコードを組み込んでみた 前提、ともかく現在の仕事においてアニメーションの導入という要件が出てきて、JavaScript書いてる者としてどのように解決しようかと相談した結果、下記の状況・前提からFlashのToolkit for CreateJSを利用することに決めた次第。 自分でアニメーションの動きを作ったことない アニメーターな方がFlasher 取り急ぎカッコ良く動いて欲しい が、今後を考えるとCSSでFlashの動きから書き起こすのダルい という理由から下記のソリューションを導入する方向になりました。(今の時点で本当にデプロイまで至れるかは、まだ手探りなので参考までに) CreateJS | A suite of Javascript libraries and tools designed for working with HTML5 Flash to HTML5
A front-end framework for building HTML5 mobile apps with a native look and feel. CSS3 Transitions optimized for mobile performance. Swipable carousels using flickable.js. Integration with backbone.js views and routers. Ratchet CSS UI components. Try loading this page on a mobile phone or try our "simulator" to the right. Download Installation Javascript Dependencies modernizr zepto zepto flicka
PhoneGapを用いたHTML5/JavaScriptアプリの速度や機能を拡張する「Monacaフレームワーク」、オープンソースで公開 HTML5/JavaScriptで開発したWebアプリは、PhoneGapを使うことでネイティブアプリ化できます。ただし、このネイティブアプリは基本的にHTML5/JavaScriptをラップしたものであるため、見かけや動作速度は基本的にWebアプリケーションのままです。 このPhoneGapを用いて開発されるアプリケーションに対してOSネイティブなコンポーネントなどを追加し、ネイティブアプリケーションと同等の高速な画面遷移やアニメーション、OSネイティブのツールバーやタブバーの利用、メニューボタンや戻るボタンなどのハードウェアキーの対応などを実現する「Monacaフレームワーク」をオープンソースとして公開することをアシアルが明らかにしました。iOSとA
制限 同時に再生できる音源は1ファイルのみ 再生できるタイミングはユーザイベントのハンドラ内だけ プリロード不可 OS自体のサイレントモードと連動せず BGMを流すだけならこんな方法も $('<div>BGMを再生しますか?</div>').appendTo('body').click(function () { $(this).remove(); (new Audio('bgm.mp3')).play(); }); $('body').on('click', 'a', function (e) { e.preventDefault(); $.get($(this).attr('href')).success(function (html) { $('body').html(''); $('body').append($(html).find('body')); }) });
エンジニアカフェ× CyberX 技術勉強会 #2 ~スマホ対応でJavascript,HTML5はどう使う?~
【第29回 HTML5とか勉強会レポート】 次のモバイルアプリはどのフレームワークで作る?:D89クリップ(43)(1/2 ページ) スマートフォンアプリの開発を容易にするJavaScriptのフレームワークが続々と増えている。それぞれの良さや仕組み、何がどこまでできるのかを徹底解剖する 大人気JavaScriptフレームワーク集合! 2012年5月16日、ヒカリエのディー・エヌ・エー新オフィスの会議室にて『第29回HTML5とか勉強会』が開催されました。HTML5とか勉強会とは、HTML5に関心のあるエンジニアやコーダー、デザイナー向けの勉強会です。今回のテーマはJavaScriptモバイルフレームワーク。会場は超満員でテーマへの関心の高さがうかがわれました。 Titanium MobileやPhoneGapなどのフレームワークが続々と登場してきたことで、iOSアプリやAndroidアプ
モバイル用でJavaScriptでアプリケーションを作成できるフレームワークについて比較した記事を翻訳しました。 Comparing HTML5 Mobile Web Framework - Dzyngiri Comparing HTML5 Mobile Web Framework Apr 27, 2012 by Dzyngiri 今年はモバイルWebにとって面白い年になっている。HTML5とCSS3の採択、モバイルブラウザのパフォーマンス向上、モバイルアプリケーションフレームワークの爆発は、モバイルデバイスでのリッチでインタラクティブなWeb体験の作成がこれまでよりも現実的になったことを意味する。PhoneGapのようなラッパを使うことで、iPhoneやiPad、AndroidのネイティブのAppストアでアプリケーションを配布することも可能になった。単一のコードベースでマルチプラットフォ
第29回 HTML5とか勉強会 : ATND 2012/05/16 第29回 HTML5とか勉強会 #html5j - Togetter (写真:渋谷ヒカリエ) 今回からは、最近増えて増えて仕方ないJavaScriptフレームワークをガンガン追求していきたいと思います。 今回と次回は、モバイルフレームワークに焦点を当てて紹介したいと思います。『JavaScriptモバイルフレームワーク』をテーマとして、前編/後編開催と銘打たれたHTML5とか勉強会。第29回の今回はその前編として位置づけられました。個人的にも興味深いテーマだったので告知待機し、速効申込みDone。この日参加してきました。 開催会場はDeNAヒカリエ会議室@渋谷。最近移転した事自体大きなニュースになりましたが、やはり綺麗で羨ましい限りですね〜。地階から辿り付いたので2階に伸びている連絡通路経由で入ることは叶いませんでしたw(
Senchaは、HTML5/CSS3とJavaScripプログラミングでiOSやAndroidなどに対応したモバイルアプリケーションを構築できるフレームワークの最新版、「Sencha Touch 2.0」を公開しました。 Sencha Touchは、jQuery MobileのようにHTML5をベースにしたアプリケーションフレームワークです。jQuery MobileがHTML5のタグのみで基本的なアプリケーションを開発できるのに対し、Sench TouchではJavaScriptプログラミングが必要になります。その分、アプリケーションの細かい作り込みや、サーバと連係したアプリケーションなどが可能になっています。 関連ソフトウェアとしてSencha DesignerやSencha Touch Charts、Sencha Animatorなどが揃っており、Sencha自身による有償でのトレー
iOSとAndroidに最適化したJavaScriptフレームワーク「jqMobi」登場。jQuery Mobileより小さくて高速 jQuery Mobileと同様に、HTML5のマークアップでモバイルアプリケーション開発を実現するオープンソースのJavaScriptフレームワーク「jqMobi」のβ版が公開されています。 jqMobiのコンセプトは、jQueryとjQuery Mobileの機能のサブセットを、iOSとAndroid向けに最適化したものといえるでしょう。 すでにjQueryやjQuery Mobile、あるいはSencha Touchなど、さまざまなモバイル向けHTML5/JavaScriptフレームワークが登場する中で、jqMobiの特徴はどこにあるのか、ブログで次のように説明しています。 jQuery - still focuses on the desktop.
The document discusses device APIs, which are client-side APIs that enable web applications to interact with device hardware and capabilities beyond traditional browser functionality. It explores the evolution of mobile APIs, their importance in creating competitive web experiences similar to native apps, and the current capabilities and limitations of various API specifications like W3C DAP and B
The “Chromeless” project experiments with the idea of removing the current browser user interface and replacing it with a flexible platform which allows for the creation of new browser UI using standard web technologies such as HTML, CSS and JavaScript. Instead building a whole new platform, we suggest that the web itself should be the platform. That a developer could design the browser using stan
Chromeless Browser Mozilla Labsは2007年、Webアプリケーションをデスクトップと融合させるプロジェクトPrismを発表した。Firefoxを構成している技術をベースにして特定のWebアプリケーションをあたかもネイティブアプリケーションのように振る舞わせることを目的としていた。Mozilla LabsはこのPrismプロジェクトを終了させると発表。代わりに、その後継プロジェクトとなるChromelessを開始した。 Chromelessの目的はPrismに近いところにあるが、この3年間の経験を加味してより一般的なアプローチを採用している。PrismはWebアプリケーションをデスクトップアプリケーションのように振る舞わせることに主眼が置かれていたが、ChromelessではHTML、JavaScript、CSSなどの技術を使ってネイティブ風アプリケーションを開
DMG File, 3.2 Mb System Reqs: Intel Mac OSX 10.6.2 (or higher) iOS SDK 4.2 (or higher)">Download & Try For FreeDownload NimbleKit and try it for free. You'll need an Intel Mac, Mac OS X 10.6.2 or later, iOS SDK 4.2 (or newer), and 15 Mb free space on your Hard Drive. The free download gives you access to all of NimbleKits features and you can build and test your apps on the iOS simulator.DMG File,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く