キーワード検索「Web標準」
713
先週の水曜日に、IBMのビジネスパートナーの方々が中心となって設立された団体「Open Source協議会 System i」のセミナーで「IT大変革。今、何にどう取り組むべきか！ ～知っておきたい技術動向とキャリアの描き方～」というセッションのスピーカーを、アイティメディアの藤村厚夫会長と一緒に務めてきました。藤村さんからはセッションのテーマとして「お互いに、今後5年のあいだにインパクトがあると...
552
モバイルアプリケーションをHTML/CSS/JavaScriptなどのWeb標準技術を用いて開発するためのさまざまなツールや環境が登場しています。1つ前の記事で紹介した「jQuery Mobile」もその1つですが、それ以外のものもここでまとめて紹介しましょう。jQuery MobilejQuery Mobileは、JavaScriptライブラリとして知られるjQueryのプラグインです。オープン...
359
急増するスマートフォンのユーザー向けにアプリケーションを作ってみませんか。アプリケーションプラットフォームとして機能強化したHTML5やCSS3などの「Web標準技術」を使えば、プログラミング初級者であっても、比較的低いハードルでiPhone/Androidアプリケーションの開発が始められます。 目次
325
jQuery MobileなどのすぐれたJavaScriptフレームワークの登場で、HTML5とJavaScriptを組み合わせたWeb標準によるモバイルアプリケーション開発が普及し始めています。 この記事では、Web標準によるアプリケーション開発をさらに簡単にしてくれる、WebブラウザベースのjQuery Mobile対応モバイルアプリケーション開発環境「codiqa」と「Application...
312
米Yahoo!がJavaScriptフレームワーク「Mojito」と、Node.jsのホスティング環境「Manhattan」発表。同一コードをブラウザ、サーバ、iOSアプリで実行可能 JavaScriptでアプリケーションを1つ書けば、それがPCでも、クラウドでも、モバイルデバイスでも動作する。米Yahoo!が発表した「Cocktails」（カクテル）が実現するのは、すべてをWeb標準で実現したク...
273
オープンウェブ・テクノロジー 代表 白石俊平 2012/2/2 すさまじい勢いで成長しているHTML5を中心としたオープンなWebプラットフォーム。HTML5やAPI、ブラウザのアップデート情報をお伝えする 連載を始めるに当たって どうもこんにちは。白石俊平と申します。今回から定期的に、HTML5をはじめとしたWeb標準、そして業界の動向をまとめた記事を発信していきます。 ぼくは、Web開発者向け...
332
Webブラウザを提供する主なベンダ、グーグル、マイクロソフト、モジラ、オペラ、アップルらは、HTML5への対応を急ぐと同時に、相次いでHTML5の魅力や内容をデベロッパー向けに紹介するサイトを開設しています。この記事では、それらをまとめて紹介することにしましょう。グーグルの「HTML5 Rocks」グーグルは6月22日に開発者向けにHTML5を紹介し、学習するためのWebサイト「HTML5 Roc...
219
米アドビシステムズは、HTML5、CSS、JavaScriptなどWeb標準の技術で作成したモバイルアプリケーションを、iPhoneやAndroidなどのデバイスにインストール可能なネイティブアプリケーションへと変換するフレームワーク「PhoneGap」を開発する企業「Nitobi」の買収を発表しました。 Adobe AIRのつまづきをPhoneGapでリベンジ アドビはこれまで、「Adobe A...
90
米マイクロソフトは9月15日（日本時間9月16日未明）にInternet Explorer 9のβ版を公開しました。Internet Explorer 9はHTML5やCSS3といった最新のWeb標準に対応し、高速なJavaScript実行環境を備えたブラウザとして開発が進んでいます。この記事では、そうしたInternet Explorer 9の特徴の中から、β版公開によって初めて明らかになった新...
81
「HTML5でFlashが不要になる」――。次世代Web標準規格「HTML5」でよく聞くのがこんなフレーズだ。ところが、実際にFlashで作ったコンテンツをHTML5（+JavaScript）で置き換えた、なんて話は（少なくとも日本では）ほとんど聞かない。本当にFlashコンテンツをHTML5で（しかも商用レベルで）置き換えられるのだろうか？ そう思っていたら、あの「ハンゲーム」を手掛けるNHN ...
60
米Appleが、HTML5、CSS3、JavaScriptなどWeb標準技術で構築されたWebサイトのリッチな表現力や機能を紹介するショーケースページ「HTML5 Showcase」を公開した。Safariブラウザを使って、以下の7つのデモを体験できる。ビデオ：videoタグを使ってWebページに組み込まれた動画プレイヤー。再生/一時停止、画面サイズの変更が可能。再生画面全体を傾けて奥行きを出す機...
46
本記事で作成するサンプル。HTML5 Videoを使ってビデオを再生している。Safariではフルスクリーンモードにも対応これまでブラウザーでビデオを再生するには、Flash Playerなどのプラグインの力を借りなければなりませんでした。ところが、現在策定が進められている次世代のWeb標準規格「HTML5」では、ブラウザー標準の機能だけで手軽にビデオを再生できます。「HTML5 Videoって使...
50
モバイルアプリケーションを開発する技術としてHTML5やJavaScriptなどのWeb標準が注目されています。しかしWeb標準が進化すれば自動的に普及する、といえるほど世の中は単純ではありません。 技術の進化以外に、モバイルアプリケーションの開発にWeb標準が使われるようになる理由として何が考えられるのでしょうか？ 最近、ある人とこのことをテーマに議論をしていたのですが、僕の意見は「デバイスの多...
57
Sencha Animatorを使えば、これまでのリッチメディア広告に匹敵するCSS３広告を作成することができます。文字や画像をスムーズに遷移させるアニメーションを作成したり、グラデーションがかかったボタンをデザインしたり、さらに分析用のトラッキングコードを埋め込んだりすることがSencha Animatorの中で行えます。また、これらは全てWeb標準技術を使ってできることです。これらの標準技術を...
31
/* ===================================================== File name : blank.js Summary : target="_blank"を使用せず、class="blank"を指定して別Windowリンクを実現する（Web標準対策） Last modified : 2012年 2月 23日 ==================...
26
PhoneGap is an HTML5 app platform that allows you to author native applications with web technologies and get access to APIs and app stores. Nitobiは、モバイルアプリ開発フレームワークの最新版であり初のメジャーバージョンとなる「PhoneGap 1.0」...
25
米Apple社は6月4日、HTML5を中心として、CSS3、JavaScriptなどの「Web標準」と呼ばれる技術でつくったデモサイト「Apple HTML5」を公開した。 同サイトでは「HTML5 Showcase」と題して、ビデオを再生させながらパースをつけられる「Video」やテキストのまま装飾やサイズの変更ができる「Typography」など、全部で7つのデモンストレーションを見ることがで...
22
本稿では、「Developers Summit 2012」（デブサミ2012）において、2月17日に行われた株式会社ディー・エヌ・エー 紀平拓男氏によるセッション「スマートフォンにおけるHTML5実装の最先端」の内容を紹介する。 次世代Web標準として仕様が固まりつつあるHTML5。とりわけスマートフォンなどのモバイルデバイスにおいては、ネイティブアプリと遜色ないリッチなWebアプリを実現するキー...
18
hifiveは、次世代Web標準(HTML5/JavaScript/CSS)を活用した、 Webブラウザで動作するアプリケーションをターゲットとした開発フレームワークです。 "HTML5"には、操作性・反応の良いアプリケーションを作るための 機能や表現力が備わっています。 しかし、それを充分に引き出すためには、ライブラリだけでなく、 使いこなすためのノウハウや、ツール、ガイド類が必要不可欠です。 ...
19
本記事で作成するサンプル。HTML5 Videoを使ってビデオを再生している。Safariではフルスクリーンモードにも対応これまでブラウザーでビデオを再生するには、Flash Playerなどのプラグインの力を借りなければなりませんでした。ところが、現在策定が進められている次世代のWeb標準規格「HTML5」では、ブラウザー標準の機能だけで手軽にビデオを再生できます。「HTML5 Videoって使...
