[B! html5] fukuiretuのブックマーク

インテル、無償のHTML5アプリ開発環境「Intel XDK」を公開。iOS/Android/Kindleなどクロスプラットフォーム対応

インテル、無償のHTML5アプリ開発環境﹁Intel XDK﹂を公開。iOS/Android/Kindleなどクロスプラットフォーム対応インテルは、先週4月10日から11日かけて中国北京で開催された﹁Intel Developers Forum Beijing 2013﹂︵IDF Beijing 2013︶において、クロスプラットフォームに対応したHTML5アプリケーションの開発ツール﹁Intel XDK﹂を発表しました。 Intel XDKはブラウザ上で動作するHTML5アプリケーション開発ツール︵ChromeブラウザとJavaのインストールが必要︶。HTML/CSS/JavaScriptで開発したアプリケーションを、PhoneGap機能でビルドし、iOS/Android/Kindle/Facebookなどのアプリケーションが開発できます。開発したアプリケーションは、各アプリストアで販

fukuiretu 2013/04/16

リンク

グリーにおけるスマホアプリ開発～HTML5編

そう、UE4ならね。あなたのモバイルゲームをより快適にする沢山の冴えたやり方について Part 2 <Texture Streaming, メモリプロ...エピック・ゲームズ・ジャパン Epic Games Japan

fukuiretu 2013/02/25

リンク

Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック

Sencha Touchの開発チームがHTML5で高速に動作するFacebookアプリを開発したことを紹介した1つ前の記事﹁Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム﹂は、非常に多くの読者に注目されました。この記事で紹介したSencha Touch開発チームのブログ﹁The Making of Fastbook: An HTML5 Love Story﹂の後半では、どのようなテクニックを用いて高速なHTML5アプリケーションを実現したのかも紹介されています。この記事では、その3つのテクニックについてポイントを紹介したいと思います。タイムラインやニュースフィードのようなユーザーインターフェイスを備えたモバイルアプリケーションは、これから広く開発されていくことにな

fukuiretu 2012/12/21

リンク

canvasで画像拡大鏡

localfile: ※ drag&dropでも可（Firefox3.6+） scale: border:

fukuiretu 2012/10/20

canvas
html5

リンク

HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ

iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 iOS 6 がリリースされましたがアップデートされましたか？私はマップアプリをよく使うのですが、早速アップデートした方々の、マップがぁぁという叫びにびびってまだアップデートできておりません… で、まだ私の手元の iPhone 4S では iOS 5 が元気に動いている今日この頃ですが、iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。原文 iPhone5

fukuiretu 2012/09/21

リンク

HTML5カンファレンス2012の資料まとめ

HTML5カンファレンス2012の講演資料のまとめです。 HTML5カンファレンスは非常に有意義なものでした。講演頂いた方、スタッフの皆様ありがとうございます。 HTMLとかCSSとかAPIとか -2012秋編-︵矢倉眞隆さん︶ HTML5や CSS3の新しいタグやプロパティについての解説。でもその前に、W3C と WHATWG についての話。一部のメディアで、W3C と WHATWG が決裂したかのような報道がされたが、実際は問題ないとのこと。 W3C と WHATWG のEditorを務めていた Ian Hickson氏は WHATWG の HTML に集中し、バグ修正が加速しそうです。セッションでは紹介されていませんでしたが、こちらの記事に Ian Hickson氏からのメールの邦訳など載っています。 HTML5仕様をめぐるW3CとWHATWGについて、Ian Hick

fukuiretu 2012/09/11

リンク

HTML5 で作る iPhone ローカル Web アプリ入門

さて、まず「ローカル Web アプリ」ってなんぞっていう話ですが、Web ベースの技術で作られブラウザからサーバにアクセスして利用するものの、いったんロードが完了したら、それ以降はネットワーク接続不要で動作する Web アプリ、といった概念を表した造語です。 iPhone の App Store を経由することなく配布が可能なので、アプリの内容について一切の制限がなく、また、最近のライブラリの進歩やモバイルパフォーマンスの向上により、ものによってはネイティブアプリと遜色ないレベルのものも作れるようになってきました。先日、1 Click Config (閉鎖済) (解説記事) を作って公開しましたが、これがまさにローカル Web アプリとして動作しています。ここで使われている技術の各論についてはそれぞれ詳しく書いたサイトがあるのですが、これらの技術をひとまとめに紹介しているサイトが見当た

fukuiretu 2012/08/22

リンク

無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応

無償のWebサイト構築ツール﹁WebMatrix 2﹂、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応先週末に行われたWindows Azureの新機能を紹介するイベント﹁Go Azure﹂の基調講演の中で、Azure以外に興味を引かれたソフトウェアがありました。マイクロソフトが無償で公開しているWebサイト構築ツール﹁WebMatrix﹂の新版、﹁WebMatrix 2﹂です。 WebMatrixは、HTML/CSS/JavaScript/PHP/ASP.NETなどに対応したエディタ機能を備え、コード補完機能も搭載。ローカルにデータベースやWebサーバを用意してPHPの動作をそのまま確認したり、WordPressやDrupalなどのWebアプリケーションをローカルで試すこともできました。下記はその画面︵参考‥マイクロソフト、無償のWeb開発

fukuiretu 2012/07/05

リンク

HTML5で使えるスマートフォンの機能 | DevelopersIO

HTML5を使ったスマホアプリ開発に興味があったので、カメラやGPSなどスマートフォンの機能がどこまで使えるのか試してみました。 Webアプリケーションなのでブラウザに依存しますが、以下のサイトにモバイルブラウザ別対応状況が書かれています。 http://mobilehtml5.org 試したのは以下の機能です。端末はGalaxy NexusとiPod Touch 4世代を使いました。 Androidのバージョンは4.0.4でブラウザはChromeと一部Firefoxです。iOSは5.0.1、Safariで試しました。スマートフォンで確認できるようにサンプルを作ったので試してみて下さい。タッチイベント(Touch Events) マルチメディア(Multimedia) 位置情報の取得(Geolocation API) 加速度センサー(Motion Sensors) ファイルアクセス(F

fukuiretu 2012/06/29

HTML5

リンク

rails3 + html5 canvasでお絵かき投稿サイトを作ろう！

はじめましてこんにちは。 KRAYアルバイトの浅海です。 html5のcanvasを使ってお絵かき投稿サイトを作ってみようと思います。初めてブログ記事を書くということで気合が入りました。ちょっと長めですがお付き合い下さい。機能お絵かき投稿サイトの必要最低限な機能って？ざっと下のような機能を入れてみます。絵を描ける絵を消せる描画を一回分戻れる線の太さを変えられる線の色を変える絵を投稿できる投稿された画像の一覧を表示できる → 完成見本はこちら完成見本の公開は終了致しました。絵を描ける HTML5のcanvasにマウスの軌道に線を引いていくわけです。 canvasでのマウス軌道の描き方は、・mousemoveイベント発生時に点をプロットという手段が真っ先に思い浮かぶと思いますが、これは、以下の様になります。これではお話になりません。なので、点ではなく線を引くこ

fukuiretu 2012/05/31

html5
canvas

リンク

「第29回 HTML5とか勉強会」でPhoneGapについてお話ししてきました

﹁ナタリー﹂﹁ゼゼヒヒ﹂﹁ポリタス﹂カタカナ4文字のモノばかり、作って来ました。現在はスマホ向けRTS﹁カラクリ合戦伝﹂を開発中。第29回 HTML5とか勉強会で、PhoneGapについてお話をしてきました。今回のテーマは﹁モバイルJavaScriptフレームワーク﹂ということで、他にAppceleratorの増井さんからTitanium Mobileの発表、DeNAの紀平さんからngCore on HTML5の発表がありました。会場は150人が入る大会議室だったのですが、それがほぼ全て埋まる熱気で、JavaScriptフレームワークへの関心の高さを感じました(今回、場所がヒカリエだったからという噂もありますが)。紀平さんのngCore on HTML5の発表では、実際にiPhone 4SのMobile Safariで動くngCore製ゲーム﹁プティの王国﹂がデモされました。実

fukuiretu 2012/05/18

リンク

モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。

モバイルゲーム物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは﹃ゼビウス﹄や﹃スペースハリアー﹄などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化メモリの制限が厳しいJava仮想マシン上ではなく、OS

fukuiretu 2012/04/27

canvas
html5

リンク

光でペイント。保存もできるよ - jsdo.it - Share JavaScript, HTML5 and CSS

ランダムな色、サイズで光の玉が出る。ちょっとだけ設定がある。書いた絵を保存できる。(画像に変換して別ウィンドウで開く) メニューはドラッグ&ドロップで移動可能。最小化もできる //ランダム君 var Random = (function(){ return{ //ランダム random:function(min, max) { return (Math.random() * (max - min)) + min; }, //色 rgba:function(r, g, b, a) { return 'rgba(' + r + ',' + g + ',' + b + ',' + a + ')'; }, //ランダムな色 randomrgba:function(min, max, a) { return this.rgba(Math.round(this.random(min, max)),

fukuiretu 2012/04/23

HTML5
canvas

リンク

【HTML5】Canvasでお絵かきしてみた（前編）

こんにちは、橋本です。今回はHTML5シリーズ第二弾ということで、canvasを使ってお絵かきしてみました。今回は前編で、基本的な機能について触れてみたいと思います。さっそくサンプルコードを以下に。 canvas_sample.html <html lang="ja"> <head> <meta charset="UTF-8"> <script src="js/canvas.js" type="text/javascript"></script> <link media="all" rel="stylesheet" href="css/main.css" type="text/css" /> <title>canvas test</title> </head> <body> <div id="container"> <div id="leftContainer" class="cle