HTML5カンファレンス2015での講演資料です。Cordovaを中心としたHTML5ハイブリッドアプリ開発における注意点などを紹介しました。
![はやわかりHTML5ハイブリッドアプリ開発事情](https://cdn-ak-scissors.b.st-hatena.com/image/square/485106f3ffdbfdf81d12be0ded008c8cc646408e/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fhtml5j-hybrid-app-seminar-140526062454-phpapp02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
株式会社サイバーエージェントが、スマートフォンサービス開発のためのオープンソースとしてブラウザ向けのサウンドライブラリ「boombox.js」を公開した。 「boombox.js」は、ブラウザでサウンドを再生する際に使われることの多い、一般的なオーディオ関連のAPIである「HTMLAudio」「WebAudio」「HTMLVideo」を包括して、一貫性のあるAPIとして提供するブラウザ向けサウンドライブラリ。「boombox.js」は、複数のオーディオ関連APIにおける環境差異を吸収しており、ラジカセのようにシンプルなAPIで簡単に利用することができる。また、ブラウザが非アクティブ時には音声を停止する機能や、複数サウンドを同時に再生する機能なども有している。 なお、「boombox.js」は既にAmebaにて提供中のソーシャルゲーム「なぞってピグキッチン」などのサービス開発でも採用され
スマートフォンの流行でいま注目を集めるモバイルWebアプリ開発。関西発のイノベーションカンパニー「マインドフリー」の開発チームが、WebSocketやHTML5 Canvasといった最新技術を使ったモバイルWebアプリ開発のポイントを解説します。(編集部) HTML5がものすごい勢いで盛り上がっています。SafariやChrome、Firefox、Operaに加えて、Internet ExplorerでもついにHTML5のサポートが始まり、最近ではHTML5を使ってマークアップされているWebサイトも少しずつ増えてきました。「そろそろHTML5を使って何か作ってみたい」と考えるWeb開発者も少なくないでしょう。 HTML5の「実験」にオススメなのが、スマートフォン向けWebアプリケーションの開発です。特にiPhone/Android端末のブラウザーではHTML5や関連技術の実装が進んでいま
「HTML5でFlashが不要になる」――。次世代Web標準規格「HTML5」でよく聞くのがこんなフレーズだ。ところが、実際にFlashで作ったコンテンツをHTML5(+JavaScript)で置き換えた、なんて話は(少なくとも日本では)ほとんど聞かない。本当にFlashコンテンツをHTML5で(しかも商用レベルで)置き換えられるのだろうか? そう思っていたら、あの「ハンゲーム」を手掛けるNHN JapanがモバイルゲームのHTML5化を着々と進めていると聞き、同社の「HTML5勉強会」(2月25日開催)に行ってみた。勉強会では同社のエンジニアが、HTML5/CSS3によるオンラインゲームの開発事例について語った。
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px~640px、横向きで480px~960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px(縦)を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px(横)で作成すれば問題ないといえますが、iPhone4、4SやAn
スマートフォンにてソーシャルゲームを作ろうとすると、HTML5を中心にブラウザで動作するもの、もしくはネイティブアプリでの提供ということになります。モバゲータウンやグリーはその両方をサポートしています。ネイティブアプリの作り方は既に文献も多数なのですが、HTML5となるとまだ十分とは言えません。この資料は必見です。 「HTML5@iPhoneゲーム開発」はディー・エヌ・エーのスマートフォン開発グループの岸弘倫氏が「DeNA Technology Seminar #3」での講演用に作成したものになります。同社では北米のMiniNation向けにiPhone『Pirate Nation』(海賊トレジャー)をHTML、CSS、JavaScriptで開発して提供していて、そのノウハウを凝縮したものです。 『Pirate Nation』は冒頭の括りで分けるとブラウザで動作するアプリということにな
こんにちは、ブロググループの飯田 (@iishun) です。 2011 年はさらにスマートフォン市場の拡大が加速すると云われています。弊社でも 2010 年 10 月にライブドア全体のスマートフォン関連事業を推進していくスマートフォングループが設立されました。 が、各コンテンツのスマートフォンサイト・アプリは各グループのコンテンツ担当が運用するのでスマートフォン関連の知識は必須になります。 そこで今回は僕がここ最近実践しているスマートフォンに関する勉強法を、実際に使用した参考書籍と共に紹介してみます。これから「スマートフォンの事を勉強しなきゃ!」と思った人に役に立ってもらえればなと思います。 1. HTML5/CSS3 の特徴を知る HTML5/CSS3 がスマートフォン用のマークアップ言語というわけじゃありませんが、スマートフォンのウェブサイト (Webkit 系) は HTML5/CS
iPhone/iPad用OSの新バージョン「iOS 4.2.1」が11月22日にリリースされました。すでにインストールした方も多いでしょう。目玉はiPadのマルチタスク対応などの新機能ですが、今回のバージョンアップはiPhone/iPad向けのWebアプリケーション開発者にもうれしい新機能が追加されています。ブラウザー周りで追加または強化された機能を以下にリストアップします。 加速度センサー/傾きセンサーのサポート Web Sockets (ソケット通信)のサポート HTML5 Formsのサポート XMLHttp Request Levle 2 (一部) のサポート 印刷のサポート Int32やFloat32Arrayなどの配列のサポート イベントの追加 Canvas/SVGの機能追加 その他 新機能に関するリファレンスは米アップルのサイトに用意されています(11/15日付の情報)。 今
こんばんは。LatLongLabの河合(@inuro)です。 ようやくiPadが日本でも発売されましたね。入手された方もたくさんいらっしゃることかと思います。 ヤフーではこのiPad国内発売にタイミングを合わせ、Yahoo!ラボで「yubichiz」というiPad専用の地図Webアプリを公開しました。 Yahoo!ラボ - yubichiz(ゆびちず) 詳しい機能はリンク先ページを見ていただくとして、 地図に書かれた文字(大塚家具、とか紀伊國屋書店、とか)をタップするだけでその店舗の詳細情報が表示されます 地図を指でなぞるだけで、なぞったラインの距離を測定できます 同様に地図を指でなぞるだけで、道沿いのお店を検索できます といった特徴があります。 またyubichizは、App Storeからダウンロードするいわゆる「アプリ」ではなく、HTML5を用いてiPadのSafari上で動作するW
ストーリー by reo 2010年06月03日 11時00分 俺は Flash をやめるぞ ! 部門より 以前「JavaScript で書かれたオープンソース Flash プレイヤー」なるものが話題になったが、今度は Flash を HTML5 + JavaScript に変換して実行させる Smokescreen なるものが登場している。 いくつかの デモが公開されているが、Flash で作成された広告なども Flash で動かすのとほぼ同じように動作している。対応ブラウザは Firefox 3.6、Safari 4.0.5、Chrome 5 beta、iPhone OS 3.x の Safari だそうだ。Opera 10.53 や IE ではいまのところ動作しないが、Opera 10.5 系については対応可能で、IE9 についても対応したいとのこと。
tacamyです。 11月10日(火)にCSS Nite 4周年記念イベントにて、 『HTML5のメリットを活かしたコンテンツアイデア』という セッションでお話しさせていただきました。 ああいった場所で話をするのは初めてのことだったので、 至らない部分も多々あったかと思いますが、 ご参加いただいた皆様や、ご協力いただいた関係者の方々に感謝しています。 遅くなってしまい申し訳ありませんが、こちらのエントリーにて、 当日の資料の配布や補足事項について掲載させていただきます。 スライド イケメンホイホイiPhone版のデモ イケメンホイホイのiPhone版を、 HTML5の新機能を使って実装しています。 動画の解説 好みのイケメンをGETする イケメンビューア(canvasで作成)にGETしたイケメンが追加される イケメンビューアをホーム画面に追加して、アイコンを作成 アイコンからビューアを起動
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く