AI搭載のスマートグラス「Even G2」が国内発売ほか
11月25日 6:00
外部から「WSL1/2」のサーバーにネットワークアクセスをしてみよう
12月2日 6:30
新たな自動化で熱視線！ AIエージェントの「推論能力」を支える2つのコンポーネントとは？
11月28日 6:30
週刊VRウォッチ
最新記事： 2025年12月01日
Windowsユーザーのための WSL2で始める Linux環境構築術
最新記事： 2025年12月02日
イベント・セミナー 2025
最新記事： 2025年12月03日
CloudNative Days Winter 2025レポート
最新記事： 2025年12月04日
ネットワークオブザーバビリティの「水源」を探る
Zabbix Summit 2025レポート
Community Over Code Asia 2025レポート
ClickHouseミートアップレポート
最新記事： 2025年11月05日
Feature Flagが拓く開発の新潮流
最新記事： 2025年11月27日
テスト自動化ガイド 2024
生成AI完全ガイド 2024
IT運用管理ガイド 2023
DevOps完全ガイド 2023
クラウドデータベース完全ガイド 2023
ローコード開発プラットフォームガイド
業界情報やナレッジが詰まったメルマガやソーシャルぜひご覧ください
[運営] 株式会社インプレス
Canvasとは？Canvasとは、JavaScriptを使って動的に図を描くために策定された仕様です。これまで、動的に図を表示させる方法としては、Flashが代表的な選択肢でした。しかし、Canvasを使うことで、テキストエディタさえあれば、誰でも無料で動的に図を描くアプリケーションを作ることが
羽田野 太巳
2008年5月1日 20:00
XHTMLの2つ問題点 前回は、HTMLとXHTMLの歴史背景について紹介しました。今回は、現在話題になっているHTML5について考えてみたいと思います。
菊池 崇
2008年12月22日 20:00
データベースのおさらい今の世の中は、「情報」がすべてと言っても良いぐらいの状況になっています。日進月歩ならぬ“秒進分歩”の勢いで、次々と新しい情報が生まれ、流通し、広がっています。大量の情報が出回る中で、それらの情報を効率よく管理し、活用することは、非常に重要になっています。このような、「データを収
藤本 壱
2010年10月1日 20:00
HTML5時代にはWebブラウザでデータベースを扱える最近のWebの世界で、トレンドになっている技術の1つとして、「HTML5」があります。Webブラウザ上で動作するアプリケーション（Webアプリケーション）が一般化したことがあって、Webブラウザに求められる機能が増えてきました。そこで、その状況に
2010年10月22日 20:00
RIAとは?HTML5やSilverlightを語るとき、RIAを避けて通ることはできません。RIAとはRich Internet Applicationの頭文字で、「アール・アイ・エー」や「リア」と呼ばれます。ちなみに、この呼称は海外でも同じです。2003年10月に、アイ・ティ・フロンティア、ビ
春日井 良隆（かすがい・よしたか）
2011年3月7日 20:00
はじめにHTML5+WebSocketsは、Ajax+CometやWCF+Silverlightと異なる特徴としてコネクションが1つという特徴を持ちます。これは、コネクションを張りっ放しにするコストより、コネクション開始のリクエスト発行時にコストを多く必要とすることから考えられた方法です。また、標
高尾 哲朗（監修：山田祥寛）
2011年3月29日 20:00
CSS3とは？CSSには、1996年12月勧告のCSS1、1998年5月勧告のCSS2、CSS2のマイナーチェンジとなるCSS2.1など、複数のバージョンがありますが、今回連載で扱うのは、CSSの最新バージョンであるCSS3です。CSS3は、現在策定中ですが、細分化して管理しようという考え方から、
宮本 麻矢（著）山田 祥寛（監修）
2011年6月1日 20:00
IEの独自拡張filterプロパティでCSS3を再現前回紹介したCSS3の機能は、Internet Explorer（以下IE）8以下ではサポートされていません。今回は、クロスブラウザなテクニックとして、IEの独自拡張であるfilterプロパティを使ってCSS3の表現を再現する方法を紹介します。f
2011年6月20日 20:00
こんなに便利 :nth-child()今回はCSS3で追加された:nth-child()擬似クラスを使って、1行ごとに背景色を変えて表示するゼブラテーブルや、土曜・日曜・祝祭日に平日と異なるスタイルを適用させたカレンダーなどを作成してみましょう。:nth-child()擬似クラスの書式はE:nth
2011年8月4日 20:00
Webフォントとは？CSS2.1のfont-familyプロパティでは、フォント名や総称ファミリ名でフォントを指定できますが、ユーザーのローカル環境にインストールされているフォントを指定する必要があり、使用できるフォントは限られています。特に日本語フォントの場合、WindowsとMacに標準でイン
2011年8月18日 20:00
透明度を指定するopacityプロパティとrgba()の違い今回は、これまでの連載の中で出てきたCSS3の表現を使って、画像をちょっと素敵に装飾してみましょう。opacityプロパティで画像を半透明にしたり、box-shadowプロパティで画像枠に影を付けたり、Webフォントで写真にタイトルを付け
2011年9月14日 20:00
CSS3で作るグラデーションの見出し今回は、これまで紹介してきたCSS3の機能を使って、コンテンツの見出しやボタン、アイコンなどのWebパーツを作ってみましょう。WebパーツをCSS3で描画することは、特にスマートフォン向けサイトにおいて有効です。画像を使わないので、サーバへのリクエスト数を減らす
2011年11月16日 20:00
CSS3で作るタブメニュー今回は、前回のWEBパーツに続き、これまで紹介してきたCSS3の機能を使ってナビゲーションパーツを作成してみましょう。まずは、図 1のような、タブ型ナビゲーションの作り方を紹介します。タブ画像を並べたようなデザインですが、テキストはWebフォント、グラデーションはline
2011年11月17日 20:00
スマートフォンサイトの基本のマークアップスマートフォンサイトは、特に理由がない限りHTML5とCSS3で制作するのが一般的です。スマートフォンに搭載されているブラウザは、HTML5やCSS3の対応が比較的進んでいるため、PCサイトのように古いブラウザを意識しながら制作する必要はありません。これまで
2011年12月15日 20:00
gaedirectで実現するクラウドWebサービス（スマートクラウド）
清野 克行
2012年2月6日 20:00
HTML5の周辺技術とはHTML5には、以下の図にあるように、Canvasなどのユーザーインタフェースに関係する仕様から、Web Storageなどのデータに関係した仕様まで、かなり広範な仕様が含まれています。そうした様々な技術により、HTML5は優れたアプリケーションプラットフォームとしても位置
土井 毅（著）山田祥寛（監修）
2012年4月12日 20:00
HTMLのこれまでと、進化したHTML5HTML（Hyper Text Markup Lanuguage）とは、Webページを作成するための言語です。タグと呼ばれる目印を文書に埋め込む（＝マークアップする）事で、画像やハイパーリンクを挿入したり、文書にリストや表などの意味を割り当てる事ができます。
飯島 聡（著）山田 祥寛（監修）
2012年4月17日 20:00
セマンティック・ウェブ「セマンティック・ウェブ」とは、ウェブ上にあるあらゆる情報を、データとして正確に認識し整理しようする考え方、技術の向上を促進する動きのことです。筆者はこれまで、複数ある自社SEOのSEOコンサルやアクセス解析を専門としてきましたが、今では気づくとHTML5のマークアップについ
柴田 麻衣
2012年4月18日 20:00
はじめに - CSS3のアニメーション機能CSS3の新機能の中でも注目したいのが、今回解説するアニメーション機能です。これまでWebページ上でアニメーションを実現する際には、JavaScriptやFlashなどを使う必要がありましたが、CSS3により、ある程度のアニメーション機能をCSSのみで実現
2012年4月19日 20:00
はじめにCSS3の新機能について解説する本連載も第3回となりました。第2回で解説したTransitionsモジュールは始点終点の2点間のアニメーション機能を提供するモジュールでした。今回のAnimationsモジュールでは、アニメーション中のキーフレームと呼ばれる任意の点ごとにCSSのプロパティ値
2012年4月26日 20:00
はじめにHTMLの周辺技術について解説する本シリーズですが、前回はSVGの様々な図形描画要素について解説しました。今回はWebデザインでも有用なSVGのグラデーション機能について解説します。また、JavaScriptからSVGの要素を操作する方法についても解説します。今回紹介する記事のサンプルファ
2012年5月17日 20:00
メディアファイルの再生今回は、前回触れた、メディアファイルの埋め込みとグラフィックス描画に関して扱います。従来、Webページで動画やオーディオを再生する場合は、Adobe Flash Player、Windows Media Player、Apple QuickTime、Microsoft Sil
2012年4月24日 20:00
セマンティックなマークアップの実践前回は、セマンティック・ウェブを中心に、HTML5やマイクロデータのマークアップについて簡単に説明しました。2回目となる今回は、もっと実践的なHTML5を使用したセマンティックなマークアップについて、以下の4つのサイトを例に挙げながら進めていきます。ニュース配信サ
2012年4月25日 20:00
コミュニケーション系の新機能今回は、クロスドキュメントメッセージングやWebSocketなど、HTML5のコミュニケーション系の機能について解説していきます。以下の表をご覧ください。表1：HTML5のコミュニケーション系機能
2012年5月15日 20:00
HTML5は、Webページを作成するための基本的なマークアップ言語HTMLの最新版です。もっとも、HTML5では、単なるマークアップ言語としての機能だけではなく、JavaScriptで利用できるAPIが大幅に拡充され、アプリケーション開発がより簡単になっているのが特徴です（HTML5について、より
山田 祥寛（YAMADA, Yoshihiro...
2012年5月18日 20:00
1. Walled Gardenからの脱却筆者は2010年以降、シリコンバレーに数ヶ月単位で滞在しながらスマートフォン周りの最新動向を追いかけているのですが、2011年あたりからモバイルデベロッパーによる「Walled Gardenから自由になろう」という動きが強まってきたように思います。Wall
安田 陽
2012年5月22日 20:00
前回の記事では、ぼくらの自社サイトリニューアルがいったん失敗に終わり、ゼロから作り直す羽目になった顛末をお話しました。失敗はつらくて、恥ずかしい。今も、こうして記事を書いている中で、「できれば失敗せずに済ませたかったな」という複雑な思いが胸にこみ上げてきます。せめてその失敗を反省し、「繰り返すべき
白石 俊平
2012年6月6日 20:00
前回でお伝えしたように、シリコンバレーでは特に昨年あたりから「オープンなWebの技術でスマートフォン向けアプリを開発」という動きが強くなってきています。そして、オープンなWebの技術を語るときに欠かせない存在のひとつとしてHTML5が挙げられます。今回はスマートフォン向けアプリケーション開発の観点
2012年6月5日 20:00
１．クロスプラットフォーム開発ツールに関する世界的な調査これまで2回にわたり、スマートフォンやタブレット向けアプリケーション開発スタイルの今後を考えてみました。前回までの結論をまとめると、以下の2つになります。ネイティブアプリからWeアプリへの移行端末プラットフォームの拡大や、開発にかかるコストと
2012年6月12日 20:00
Canvas APIは、HTML＋JavaScriptだけで図形を描画するための機能です。従来、ブラウザ上で動的に図形を描画するには、Flashのようなプラグインを利用しなければなりませんでした。しかし、Canvas APIを利用することで、ブラウザ標準の機能だけで同じようなことが実現できます。今
2012年6月26日 20:00
『エンジニアtype』編集部
2012年7月17日 20:00
今回は、前回の記事に続いてCanvas APIに関するAPIをまとめます。[第3回目次]
2012年8月6日 20:00
Web技術者の祭典「HTML5 Conference 2012」が9月8日、慶應義塾大学 日吉キャンパスで開催された。申し込み総数1,000人超、4トラック22セッションと、HTML5に関するイベントとしては国内最大級。主催はHTML5開発者コミュニティhtml5j.org。本レポートでは、基調講
インプレスジャパン コンピューターテクノロジー...
2012年9月18日 20:00
第2回、第3回と続いてきたCanvas API編も、今回が最後。本稿では、キャンバスの設定を保存する方法やキャンバスの内容をデータ化する方法、ユーザーのマウス操作に応じて図形を描画する方法などなどについて紹介します。[第4回目次]
2012年10月11日 20:00
モバツイえふしんのWebサービスサバイバル術
2012年10月23日 20:00
Web Storage（以降、ストレージ）とは、ブラウザ標準で用意されたデータストアの一種です。データを特定するための名前（キー）と値との組み合わせでデータを管理することから、Key-Value型データストアと呼ばれることもあります。あまりに複雑なデータ管理には不向きですが、ちょっとしたデータを管
2012年10月18日 20:00
はじめにはじめまして、最近「Nexus 7」が手放せないアシアルの岡本雄樹です。端末の性能向上もあいまって、HTML5を活用したハイブリッドアプリ開発の手法が注目されています。JavaScriptから利用できる機能が豊富に用意されたことや、CSS3の表現力豊かなスタイルが使えることから、HTML5
岡本 雄樹, アシアル株式会社
2012年12月10日 21:00
Monacaで作る年齢計算アプリ前回はMonacaのセットアップを行い、Hello Worldを表示するだけの簡単なアプリを作ってみました。とても簡単に端末上でアプリが動いた事に驚かれたかもしれません。一方、画面は非常にシンプルで見栄えは良くありませんでした。今回は一気に加速して、生まれ年を計算す
鴨田 健次, アシアル株式会社
2012年12月27日 0:30
HTML5では、新たに、要素（メディア要素）が追加されました。これらの要素と関連するAPIを利用することで、Flashなどのプラグインに頼らずとも、ブラウザ標準の機能だけで音声／動画ファイルを再生できるようになります。あとから述べるように、ブラウザによって対応する音声／ビデオ形式にバラツキがあるな
2013年1月26日 1:00
HTML5では、新たに追加されたFile APIを利用することで、ローカルのファイルやファイルシステムをJavaScriptのコードから操作できるようになりました。File APIを利用することで、（例えば）ローカルのファイルを読み込み、Ajax経由でサーバサイドに引き渡すような操作も、ごくシンプ
2013年2月6日 20:00
2013年2月13日 2:00
本記事は、書籍『JavaScriptで作る Windowsストアアプリ開発スタートガイド』（田中賢一郎/著）の原稿の一部を、インプレスジャパン コンピューターテクノロジー編集部がWeb用に再構成したものです。※本記事の最後で、無償版電子書籍についてもご案内していますので、ぜひご覧ください。Wind
2013年2月20日 23:00
ドラッグ＆ドロップAPIは、名前のとおり、ページ上のさまざまな要素をマウスでドラッグ＆ドロップできるようにするための仕組みです。一例を挙げると、ドラッグ＆ドロップ機能とFile APIとを組み合わせることで、ブラウザに対してドロップしたファイルをそのままサーバーにアップロードできるようになるなど、
2013年3月1日 20:00
Monacaで作るアニメーションアプリ前回はボタンをタップしたら反応するだけの単純なアプリを作成しました。今回は簡単なアニメーションを行うサンプルとして、時計アプリを作成したいと思います。作成するアプリは、現在の時間と日付を表示するものです。数枚の画像で構成されており、1秒ごとに画像を切替えて時刻
2013年3月11日 20:00
Monacaでネット通信をしてWebサービスと連携するこれまで作成してきたアプリは、すべてのコードが端末内に配置されており、インターネット接続がなくても動作するものでした。今回は、いよいよモバイルアプリの真骨頂であるインターネット通信を行うことで、外部にあるデータを用いるアプリを開発します。※ A
大塔 中（おおとう あたる）, アシアル株式会社
2013年4月12日 20:00
2014年8月27日 2:00
2014年12月3日 2:00
Mozillaの開発者であり、Webの支持者であるジェームズ・ロングは、モバイルWebアプリはネイティブアプリに敵うことはないと主張する。ロングの挑発的な物言いはわざとかもしれないが、彼の言ってる事も一理ある。しかしながら同時に、こういった事はますます論争の種では無くなってもきている。Forres
ReadWrite Japan
2015年3月23日 21:00
宮原 徹（みやはら とおる）
2019年5月29日 6:30
