HTML5 とは 意味/解説/説明

データベースの最近の変化と動向

2010年10月1日 20:00

HTML5関連のデータベースAPIとWeb Storageの基本

2010年10月22日 20:00

マイクロソフトが考えるWeb開発の今とこれから HTML5時代のRIA

RIAとは?HTML5やSilverlightを語るとき、RIAを避けて通ることはできません。RIAとはRich Internet Applicationの頭文字で、「アール・アイ・エー」や「リア」と呼ばれます。ちなみに、この呼称は海外でも同じです。2003年10月に、アイ・ティ・フロンティア、ビ

春日井 良隆（かすがい・よしたか）

2011年3月7日 20:00

HTML5+WebSocketsで作るリアルタイムWeb

2011年3月29日 20:00

CSS3って何？注目機能をピックアップ

CSS3とは？CSSには、1996年12月勧告のCSS1、1998年5月勧告のCSS2、CSS2のマイナーチェンジとなるCSS2.1など、複数のバージョンがありますが、今回連載で扱うのは、CSSの最新バージョンであるCSS3です。CSS3は、現在策定中ですが、細分化して管理しようという考え方から、

宮本 麻矢（著）山田 祥寛（監修）

2011年6月1日 20:00

IE8以前でCSS3の表現を使うには

IEの独自拡張filterプロパティでCSS3を再現前回紹介したCSS3の機能は、Internet Explorer（以下IE）8以下ではサポートされていません。今回は、クロスブラウザなテクニックとして、IEの独自拡張であるfilterプロパティを使ってCSS3の表現を再現する方法を紹介します。f

宮本 麻矢（著）山田 祥寛（監修）

2011年6月20日 20:00

CSS3で視認性の高いテーブルを作る

2011年8月4日 20:00

CSS3のWebフォントを使ってみよう

2011年8月18日 20:00

CSS3で画像をおしゃれに演出

2011年9月14日 20:00

CSS3で作るWebパーツ

2011年11月16日 20:00

CSS3で作るナビゲーション

2011年11月17日 20:00

CSS3で作るスマートフォン用ページ

2011年12月15日 20:00

gaedirectによるHTML5連携とマッシュアップ サンプルのプログラムコード解説

gaedirectで実現するクラウドWebサービス（スマートクラウド）

清野 克行

2012年2月6日 20:00

CSS3の新機能に触れる - モジュール化とマルチカラムレイアウト

2012年4月12日 20:00

HTML5の新機能、HTML4との違い

2012年4月17日 20:00

HTML5を使って、セマンティックなWebサイトを作ろう 検索結果をより目立たせるマークアップとは？

セマンティック・ウェブ「セマンティック・ウェブ」とは、ウェブ上にあるあらゆる情報を、データとして正確に認識し整理しようする考え方、技術の向上を促進する動きのことです。筆者はこれまで、複数ある自社SEOのSEOコンサルやアクセス解析を専門としてきましたが、今では気づくとHTML5のマークアップについ

柴田 麻衣

2012年4月18日 20:00

CSS3だけで実現するアニメーションとは？

2012年4月19日 20:00

CSS3のキーフレームに基づくアニメーション

2012年4月26日 20:00

SVGのグラデーションとJavaScriptとの連携

2012年5月17日 20:00

動画・音声のブラウザ対応状況、canvasによる描画

2012年4月24日 20:00

HTML5を使って、セマンティックなWebサイトを作ろう 実践！すぐに導入できるセマンティックなマークアップ、4つのパターン

セマンティックなマークアップの実践前回は、セマンティック・ウェブを中心に、HTML5やマイクロデータのマークアップについて簡単に説明しました。2回目となる今回は、もっと実践的なHTML5を使用したセマンティックなマークアップについて、以下の4つのサイトを例に挙げながら進めていきます。ニュース配信サ

柴田 麻衣

2012年4月25日 20:00

クロスドキュメントメッセージングやWebSocketを使ってみる

2012年5月15日 20:00

HTML5の便利なTips100選 スマホアプリ開発にも便利な位置情報API - Geolocation API -

HTML5は、Webページを作成するための基本的なマークアップ言語HTMLの最新版です。もっとも、HTML5では、単なるマークアップ言語としての機能だけではなく、JavaScriptで利用できるAPIが大幅に拡充され、アプリケーション開発がより簡単になっているのが特徴です（HTML5について、より

山田 祥寛（YAMADA, Yoshihiro...

2012年5月18日 20:00

ネイティブアプリで作る？Webアプリで作る？

2012年5月22日 20:00

Web制作における、ぼくらの失敗について語ろう CSSだけでできる？の判断スキル向上など、失敗から得た5つの気づき

前回の記事では、ぼくらの自社サイトリニューアルがいったん失敗に終わり、ゼロから作り直す羽目になった顛末をお話しました。失敗はつらくて、恥ずかしい。今も、こうして記事を書いている中で、「できれば失敗せずに済ませたかったな」という複雑な思いが胸にこみ上げてきます。せめてその失敗を反省し、「繰り返すべき

白石 俊平

2012年6月6日 20:00

スマホアプリ開発にも役立つHTML5の8つの技術

2012年6月5日 20:00

HTML5でクロスプラットフォーム開発を実現する4つのツール

2012年6月12日 20:00

HTML5の便利なTips100選 HTML＋JavaScriptだけでブラウザに図形描画 - Canvas API -

Canvas APIは、HTML＋JavaScriptだけで図形を描画するための機能です。従来、ブラウザ上で動的に図形を描画するには、Flashのようなプラグインを利用しなければなりませんでした。しかし、Canvas APIを利用することで、ブラウザ標準の機能だけで同じようなことが実現できます。今

山田 祥寛（YAMADA, Yoshihiro...

2012年6月26日 20:00

エンジニアtype 最大の気付きは岡本太郎から!? 「HTML5とか勉強会」主催者が若手エンジニアに贈る三位一体のメッセージ

『エンジニアtype』編集部

2012年7月17日 20:00

HTML＋JavaScriptだけでブラウザに図形描画（2） - Canvas API -

2012年8月6日 20:00

HTML5 Conference 2012レポート―HTML5の過去・現在・未来

2012年9月18日 20:00

HTML5の便利なTips100選 HTML＋JavaScriptだけでブラウザに図形描画（3） - Canvas API -

第2回、第3回と続いてきたCanvas API編も、今回が最後。本稿では、キャンバスの設定を保存する方法やキャンバスの内容をデータ化する方法、ユーザーのマウス操作に応じて図形を描画する方法などなどについて紹介します。[第4回目次]

山田 祥寛（YAMADA, Yoshihiro...

2012年10月11日 20:00

いったん、水を差されたHTML5の現状と、将来について

2012年10月23日 20:00

HTML5の便利なTips100選 クッキーより便利になったブラウザ標準ストレージ - Web Storage

Web Storage（以降、ストレージ）とは、ブラウザ標準で用意されたデータストアの一種です。データを特定するための名前（キー）と値との組み合わせでデータを管理することから、Key-Value型データストアと呼ばれることもあります。あまりに複雑なデータ管理には不向きですが、ちょっとしたデータを管

山田 祥寛（YAMADA, Yoshihiro...

2012年10月18日 20:00

Monaca＋PhoneGapでサクッとはじめるハイブリッドアプリ開発 Webとネイティブの好いとこ取り？ ハイブリッドアプリ開発のススメ

はじめにはじめまして、最近「Nexus 7」が手放せないアシアルの岡本雄樹です。端末の性能向上もあいまって、HTML5を活用したハイブリッドアプリ開発の手法が注目されています。JavaScriptから利用できる機能が豊富に用意されたことや、CSS3の表現力豊かなスタイルが使えることから、HTML5

岡本 雄樹, アシアル株式会社

2012年12月10日 21:00

Monaca＋PhoneGapでサクッとはじめるハイブリッドアプリ開発 Webサイト制作の知識だけでカンタン年齢計算アプリを作ろう！

Monacaで作る年齢計算アプリ前回はMonacaのセットアップを行い、Hello Worldを表示するだけの簡単なアプリを作ってみました。とても簡単に端末上でアプリが動いた事に驚かれたかもしれません。一方、画面は非常にシンプルで見栄えは良くありませんでした。今回は一気に加速して、生まれ年を計算す

鴨田 健次, アシアル株式会社

2012年12月27日 0:30

HTML5の便利なTips100選 プラグインは要らない！音声／動画対応したHTML5 - <audio>／<video>要素

HTML5では、新たに、要素（メディア要素）が追加されました。これらの要素と関連するAPIを利用することで、Flashなどのプラグインに頼らずとも、ブラウザ標準の機能だけで音声／動画ファイルを再生できるようになります。あとから述べるように、ブラウザによって対応する音声／ビデオ形式にバラツキがあるな

山田 祥寛（YAMADA, Yoshihiro...

2013年1月26日 1:00

HTML5の便利なTips100選 JavaScriptでローカルファイルを自在に操る - File API

HTML5では、新たに追加されたFile APIを利用することで、ローカルのファイルやファイルシステムをJavaScriptのコードから操作できるようになりました。File APIを利用することで、（例えば）ローカルのファイルを読み込み、Ajax経由でサーバサイドに引き渡すような操作も、ごくシンプ

山田 祥寛（YAMADA, Yoshihiro...

2013年2月6日 20:00

Windowsストアアプリデザインの実例

2013年2月20日 23:00

HTML5の便利なTips100選 デスクトップアプリライクな操作性を実現するドラッグ＆ドロップAPI

ドラッグ＆ドロップAPIは、名前のとおり、ページ上のさまざまな要素をマウスでドラッグ＆ドロップできるようにするための仕組みです。一例を挙げると、ドラッグ＆ドロップ機能とFile APIとを組み合わせることで、ブラウザに対してドロップしたファイルをそのままサーバーにアップロードできるようになるなど、

山田 祥寛（YAMADA, Yoshihiro...

2013年3月1日 20:00

Monaca＋PhoneGapでサクッとはじめるハイブリッドアプリ開発 JavaScriptを活用して現在時刻を表示する時計アプリを作ろう！

Monacaで作るアニメーションアプリ前回はボタンをタップしたら反応するだけの単純なアプリを作成しました。今回は簡単なアニメーションを行うサンプルとして、時計アプリを作成したいと思います。作成するアプリは、現在の時間と日付を表示するものです。数枚の画像で構成されており、1秒ごとに画像を切替えて時刻

鴨田 健次, アシアル株式会社

2013年3月11日 20:00

Monaca＋PhoneGapでサクッとはじめるハイブリッドアプリ開発 ネットワーク通信に対応した写真アルバムアプリを作ろう！

Monacaでネット通信をしてWebサービスと連携するこれまで作成してきたアプリは、すべてのコードが端末内に配置されており、インターネット接続がなくても動作するものでした。今回は、いよいよモバイルアプリの真骨頂であるインターネット通信を行うことで、外部にあるデータを用いるアプリを開発します。※ A

大塔 中（おおとう あたる）, アシアル株式会社

2013年4月12日 20:00

ReadWrite Japan 「ネイティブアプリかWebアプリか」の争いはいい加減やめにしよう

Mozillaの開発者であり、Webの支持者であるジェームズ・ロングは、モバイルWebアプリはネイティブアプリに敵うことはないと主張する。ロングの挑発的な物言いはわざとかもしれないが、彼の言ってる事も一理ある。しかしながら同時に、こういった事はますます論争の種では無くなってもきている。Forres

ReadWrite Japan

2015年3月23日 21:00