ブラウザ戦争は終わった！Webの最先端と未来を、ブラウザエバンジェリストたちが語る
Web Payments 物江 まず、Web Paymentsについてお聞かせ願いたいのですが、こちら北村さんご説明をお願いできますか？ 北村 まず前提として、インターネットを利用する際に私たちがクレジットカードを利用するようになってから、それなりに時間が経過しましたね。そして現在転換期が訪れているといっていいのではないかと思います。これまでのように、フォームにクレジットカードの情報を生で入れて送信するというので、本当にいいのだろうか。 そうした問題を解決すべく提案されているのが、Payment Request APIです。他のサードパーティ製アプリに遷移して戻ってくるなどのUIを通じて、決済に必要な情報を、スムーズにユーザーに対して問い合わせることができます。 （筆者注: Payment Request APIの日本語による解説記事） （筆者注: よりシンプルな Web の決済方法 :
モバイル対応Webアプリケーションのキャッシュ戦略
近年、モバイルブラウザ上でアプリケーションを作るにあたり、JavaScriptでも不安定な回線上で動作する設計が求められるようになってきました。 ここでは、「オフラインファースト」をはじめとする、モバイルなどの回線が不安定な状況を想定したWebアプリケーション設計に関して、キャッシュ方法やよく使われるAPIなどを紹介したいと思います。 「オフラインファースト」とは2012年ごろから提唱されていた、「回線がオフラインになることを前提にアプリケーションの設計を行う思想」のことで、オフライン前提に設計することにより回線状況によらないサービス提供や、効率的な通信をベースにした高速な動作を目指すものです。 それではここからはキャッシュ方法とそれぞれ向いているコンテンツの紹介を行います。 読み込みデータのキャッシュ ApplicationCacheやlocalStorage、オンメモリキャッシュなどを
ドコモ、HTML5を利用した教育・学習アプリ開発者に一部のAPIを無償で提供 - WirelessWire News（ワイヤレスワイヤーニュース）
NTTドコモは2013年4月15日、HTML5を使った教育・学習アプリケーションの開発を支援する「ドコモゼミWebアプリラボ」で、ドコモのAPIの一部をアプリケーション開発者に無償で提供すると発表した。同日から提供を開始している。 ドコモが提供するAPIは、画像から文字を認識する「文字認識API」と、質問を入力すると回答の候補が表示される「知識Q＆A API」の二つ。いずれも教育・学習アプリ開発者に無償で提供する。今後は「翻訳API」の提供も予定しているという。アプリ開発者はこれらのAPIを利用することで、豊富な機能を持つ教育・学習アプリを開発できるようになる。 「ドコモゼミWebアプリラボ」は、HTML5によるプラットフォームに依存しない教育・学習アプリを自由に投稿できる場として提供するもの。アプリ開発者に向けた支援内容は、今回の一部API無償提供のほか、ドコモゼミで提供している画像や動
HTML5を使った超クールなフリーのWordPressテーマ集35:phpspot開発日誌
35 Free HTML5 WordPress Themes For Your Blog | Free and Useful Online Resources for Designers and Developers HTML5を使ったフリーのWordPressテーマ集35。 良い感じのテーマが集まっています。ぼちぼち今のテーマにも飽きて、もう、これからはHTML5だぜ、という方は試してみても良いかも。 関連エントリ 30以上のリッチコンポーネントが詰まったHTML5のUIライブラリ「Zebra」 HTML5を使ったクールなサイトデザイン集２１ クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」 WebCamで撮影をHTML5で実現するデモ HTML5のゲームエンジン「Quintus」 フリーでHTML5ベースのリッチな管理画面テンプレート オープ
いまさら聞けないHTML5 Canvasの使い方
Flashになじみのある人がHTML5でまず興味を持つのが、アニメーションやモーションなどの表現力ではないでしょうか？ 私がFlashに興味を持ち、虜になったきっかけも、モーションの気持ちよさやデザイン性、インタラクティブな表現力でした。 今回は基本的なモノ(object)を動かすための準備として、矩形や円を描画してみましょう。HTML5では、canvas要素とJavaScriptのCanvas APIによって、ビットマップ画像を描画できます。 Canvasで画像を描画するには、HTMLでキャンバス領域を定義します。 ■サンプル1[01.html] <body> <canvas id ="cvs1" width="150" height="150"></canvas> <script type="text/javascript" src="js/01.js"></script> </bod
HTML5/JavaScriptによるゲーム開発に使えるフレームワーク·Gamvas MOONGIFT
GamvasはHTML5/JavaScriptを使ったゲームフレームワークです。物理エンジンを内包しています。 HTML5/JavaScriptが発展するのにつれてWeb標準で動作するゲームの現実味が増しています。そんな時に必ず必要になるのがゲームエンジンと思われます。今回はHTML5用のゲームエンジン、Gamvasを紹介します。 デモです。上からオブジェクトが落下してきます。 オブジェクトは作用しあって動きます。 こちらは雨が湖畔に落ちていくデモです。 煙のデモ。ランダムに流れていきます。 こちらはクリックするとその部分で爆発が起きるデモ。 空間に三角形のオブジェクトが浮かんでいます。左右の矢印キーで視点が変えられます。 移動はスムーズです。 Gamvasはオブジェクトごとのステータスサポート、アニメーション処理、Box2Dベースの物理エンジンをサポートしています。カメラシステムとして視
HTML5とは何かを簡単にまとめてみた
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた
「HTML5かネイティブか」――スマホアプリ開発や世界進出の苦労、GREEのCTOが語る
グリーがグローバル展開を加速している。米国や中国など世界5カ所に開発拠点を置き、グローバルプラットフォームの構築を進めているが、スマートフォン向けアプリ開発や世界展開には、さまざまな技術的課題や苦労があるという。8月28日、同社CTOの藤本真樹執行役員が開発の現状や苦労についてメディアに対し率直に語った。 HTML5かネイティブアプリか 「業界中悩んでいる」 ソーシャルアプリ開発は、ネイティブアプリとして開発する方法と、HTML5を使い、Webブラウザから利用できるようにする手法がある。HTML5でか、ネイティブ2Dアプリか、ネイティブ3Dアプリか……「業界中悩んでいる」と、藤本CTOは打ち明ける。グリーでは「どれかに絞り切れないので、全部押さえに行こうとしている」のが現状だ。 ネイティブアプリは表現力が豊かでレスポンスも速く、iOSならばApp Store、AndroidならGoogle
HTML5アプリ開発基盤「Meteor」がすごい
サーバもクライアントもJavaScriptで記述できる「Meteor」が注目を集めている。サーバ上のコードが変更されると、クライアントも自動的に変更されるという Wikipedia MobileのiOS版がHTML5に 今年は、HTML5を使用したネイティブアプリ開発（ハイブリッドアプリと呼ばれます）が盛り上がりつつありますが、強力な事例が登場しました。WikipediaのiOSアプリがApache Cordova（PhoneGapのオープンソース版）を使って書き直され、Android版と同じソースコードを使用するようになったそうです（詳細：New Wikipedia app for iOS（and an update for our Android App））。 Opera 12ベータ版リリース Operaの次期メジャーリリースが近づいて来ました（リリース）。 一番大きな変化は、Oper
HTML5関連の情報源のまとめ（2012年4月版）
こんにちわ。HTMLファイ部のふちがみです。 HTML5のすごいコンテンツやニュースをキャッチアップしきれない！知らないところでバズってる！と悔しい思いをしている方も多いと思います。そこで、ミーハーなファイ部のメンバーに「どうやって情報収集をしているか」を聞いてみたのでまとめてみました。 ソーシャルブックマーク キーワード「HTML5」を含む新着エントリー - はてなブックマーク キーワード「CSS」を含む新着エントリー - はてなブックマーク キーワード「javascript」を含む新着エントリー - はてなブックマーク コミュニティー html5j.org | Google グループ ニュースサイト HTML5/CSS3の情報をクリップ！ :: dotHTML5 dotHTML5のtwitterもフォローしておくとGOOD ゲーム・ガジェット系 Kotaku JAPAN｜ザ・ゲーム情報
『2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来』に参加してきた #html5semi - Diary of absj31
2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来 : ATND 2012/01/20 2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来 #html5semi - Togetter (写真：神保町駅改札前) HTML5関連ネタはやろうやろうと思いつつ個人的にはリーチ出来てない分野でして、ちょっくら拝見してきました。ちなみに上記の募集サイト、凄い人気で200人の定員に一時は倍の400人が登録すると言う事態に。HTML5人気は凄いですね〜。 開催開場は株式会社オプト１F大会議室＠神保町。この日は朝から雪が降るなどして天候が崩れていましたが、夕方〜開催の頃には問題無く止んでおりました。しかし外は寒かった！(>_<) 入場時の状況で5分程遅れて本編スタート。以下メモです。 基調
2012年、スマホ用のアプリはHTML5で作られる【スマホ2011冬】 - 日経トレンディネット
オープンウェブ・テクノロジー社長の白石俊平氏は「HTML5の基礎と最新動向」と題して、HTML5の普及がスマートフォン用アプリに与える影響を解説した。 白石氏は「Web関連の技術は、さまざまな優れたオープン技術で支えられている。なかでも、現在もっとも注目すべきがHTML5だ」と語る。「2011年5月に仕様がほぼ固まり、未来の技術だという印象は薄れた。パソコン用ブラウザーでは、Internet Explorerがバージョン8まで非対応となっているのがネックだが、スマートフォンはほぼすべてが対応しており、スマートフォンにうってつけ」とした。 HTML4以前は機能が圧倒的に足りず、スマートフォンの専用アプリ（ネイティブアプリ）に機能面で負けていた。だが、HTML5は機能が大幅に拡張された。白石氏は、HTML5の注目すべき強化点を以下のように挙げる。 ■グラフィックス性能の向上 拡大・縮小できるベ
HTML5は新聞産業をどう変えるか - 日経トレンディネット
スマートフォンやタブレットなど、どこからでもニュースを読めるモバイル端末の普及に伴い、新聞産業が大きな変革を迫られている。そこで重要な役割を果たすと見られるのが、次世代ウェブ標準技術のHTML5だ。 元々、ホームページ制作用のマークアップ言語として開発されたHTMLは、その第5版となるHTML5で、アプリケーション・プログラム（アプリ）の開発基盤へと変身を遂げた。HTML5を使って制作されるアプリは「ウェブ・アプリ」と呼ばれ、従来のネイティブ・アプリと対比して語られる事が多い。ネイティブ・アプリが端末のOS（基本ソフト）上で動作するのに対し、ウェブ・アプリはブラウザー上で動くのが最大の特徴だ。 ここに来て新聞業界でも、HTML5で作ったウェブ・アプリを使ってニュースを配信する企業が増えて来た。その主な理由は、ウェブ・アプリにしておけば、どんなメーカーのどんなモバイル端末上でも動くので、ニュ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レスポンシブWebデザインとEPUB3の最新動向／EPUB 3とHTML5
HTML5でiPhone/Androidアプリケーションを作ろう！
https://jp.techcrunch.com/2011/12/22/20111221guide-to-html5-14-predictions-2012/