連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ）。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。

Windows 8がどのようなOSになるのか、マイクロソフトは始めてその詳細を同社のWebサイトの記事「Previewing ‘Windows 8’」で開示し、動画でのデモンストレーションも公表しました。 Previewing ‘Windows 8’: Article by Julie Larson-Green, corporate vice president, Windows Experience. 多くのメディアでは、タイル形式の新しいタッチユーザーインターフェイスに注目していますが、Windows 8の注目すべき特徴の中の1つとして、HTML5とJavaScriptに対応することが明らかにされています。 Web-connected and Web-powered apps built using HTML5 and JavaScript that have access to th

なかなかシンプルで良かったので ご紹介。人気のデバイス、iPhone やiPadで閲覧してもレイアウトを綺麗 に保てるように設計されたWebサイト のスターターキット。内容物はHTML、 CSS、JavaScriptです。 シンプルな構成ですが、欲しい部分は用意してくれている、と言った感じのスターターキット。なかなか気に入ったのでデモを作りました。 HTML+CSSのシンプルなフレームワークです。グリッドレイアウトを使った美しいレイアウトで、Media QueryによるiPhone / iPadでのアクセス時のレイアウトも最適化されており、jQueryで作るタブコンテンツのサンプルコードもあります。 デモ作ったので、宜しければお好きなデバイスでアクセスして見てください。 Sampleサイト※別窓 iPhoneでアクセス iPhoneでアクセス。 ランドスケープ iPadでアクセス iPad

この記事は、JavaScriptを勉強して可能なら使えるようになりたいけど、どこからやっていいかよくわからない、という昔の僕みたいな人のためのガイドです。ちなみにいささかCUI寄りです。 初めに断っておきたいのは、僕が多少なりとも真面目にJavaScriptを勉強し始めたのは10ヶ月ほど前のことなので、いわゆるマスター的なヨーダでも何でもなく、未だ途上の何たらだということです。 開発環境を用意する JavaScript入門、みたいな紙媒体やWeb上の記事には、「JavaScriptは基本的にはブラウザ上で動く言語なので、特別な実行環境を用意する必要はありません！楽勝ですね！」みたいなことがよく書いてあるのですが、アホか、という話です。 ブラウザ上で動かす（場合が多い）言語であるからこそ、むしろ実行はめんどくさいです。 「ワイはとにかくDOMが操作できればええんや！言語仕様とかどうでもええわ

［速報］グーグル、Webアプリのマネタイズを提供、わずか5％の決済手数料。Google I/O 2011 グーグルがサンフランシスコで開催中のイベント「Google I/O 2011」。2日目の基調講演はWebがテーマになりました。Webアプリケーションでの課金、高速なゲームの実現、そしてChromeを搭載した専用のノートPCである「Chromebook」が発表されました。 2日目の基調講演の模様を紹介しましょう。 Chromeはさらに高速に 昨日に続いて、グーグル Senior Vice PresidentのVic Gundotra氏登場。Galaxy Tabは気に入ってくれたかな？ 今日のテーマはWebだ。Chromeチームはスピード、セキュリティ、機能などに関してWebを前進させてきた。Chromeの今後について話をしよう。 Chrome担当、Senior Vice Presiden

Mozilla Labsは4月29日、JavaScriptなどのWeb技術を利用してデスクトップアプリを構築する実験プロジェクト「Chromeless 0.2」を公開した。Firefox 4と同じレンダリングエンジンを利用、最新のWeb技術を利用できるという。 Chromelessは、HTML、JavaScript、CSSといったWeb技術を用いたデスクトップアプリケーションを作成するためのツールを開発する実験的プロジェクト。 Chromeless 0.2では、先にMozillaが公開していたFirefox 4と同じレンダリングエンジンを採用、「WebM」「HTML5 Parser」などの最新技術が利用でき、マルチタッチ、WebGL、コンテンツのハードウェアアクセラレーション、JavaScript 1.8.5などにも対応する。 Chromelessで作成したアプリケーションは、Chrome

フォーム関連要素（終） HTML5で仕様になった入力値チェック＋便利な3Tips：HTML5“とか”アプリ開発入門（9）（1/3 ページ） HTML5で強化された入力フォームに関する話題は、今回でいったん終わりとします。これまでの3回で、＜input＞要素に加えられた変更と、新たに追加された＜form＞関連の要素についてお話ししてきました。 今回の話題は、フォームの入力値チェック（バリデーション）が主になります。また、autofocus属性やform属性など、これまでの記事で触れられなかった内容も紹介したいと思います。 HTML5では入力値チェックの仕組みが“仕様”に HTML 4までは、フォームに入力された値をチェックする仕組みがほとんど備えられていませんでした。そのため、入力値のチェックは基本的にサーバサイドでのみ行うか、JavaScriptを用いてチェックする必要がありました。 しか

初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初

ドットインストール代表のライフハックブログ

TOP > プレスリリース一覧 > 「ソフトウェア（企業向け）」のプレスリリース > UEI、HTML5/JavaScriptベースのスマートフォン用ゲームエンジン “enchant.js”をリ... UEI、HTML5/JavaScriptベースのスマートフォン用ゲームエンジン “enchant.js”をリリース ～プログラムだけでなくグラフィック素材も無償提供～ 株式会社ユビキタスエンターテインメント(以下 UEI、ヨミ：ユーイーアイ、本社：東京都文京区、代表取締役社長 兼 CEO：清水 亮)はスマートフォンの本格普及をにらみ、スマートフォンのブラウザ上で動作する HTML5/JavaScriptベースのゲームエンジン“enchant.js”(エンチャント・ドット・ジェイエス)のβバージョンの提供を開始致しました。“enchant.js”は誰もが無料で利用することができます。 ロゴイメ

SwapSkillsFree|jQueryMobile [基礎編] - Download as a PDF or view online for free

面白かったのでご紹介。地下鉄路線図 のようなグラフィックを簡単に描ける、と いうユニークなjQueryプラグインのご紹介 です。なかなか珍しいですね・・・地下鉄 の路線図はインフォグラフィックでもよく 使用されていますね。 HTML5のcanvasを使って路線図のようなグラフィックを簡単なマークアップで描けます。駅に当たる場所にはリンクも貼れるので、上手く使えば面白いコンテンツが出来るかも知れないですね。 駅名部分がリンクになっていますよ。画像は使っておらず、HTML5のcanvasで書いていますのでIEには対応していません。 使い方<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jque

スマートフォンの業務利用が本格化してきた。メールやスケジュール機能を使うだけではない。業務アプリケーションを動かし、システムの一部として使う。磁気カードリーダーの装着や動画によるプレゼンなど、活用アイデアが満載だ。社内外どこでも瞬時に情報システムにアクセスでき、アプリケーションや周辺機器次第でさまざまな機能を追加できる、スマートフォンならではの利点を生かした取り組みである。 「この商品のSサイズはありますか」。衣料品販売を手掛けるユナイテッドアローズの新宿店で顧客からこう聞かれた店員は、iPhoneを取り出した。画面をタッチし、その商品のタグに記載されている商品コードを手早く入力する。 すると画面上に、その商品の現時点での在庫数が表示された。「申し訳ございません。在庫がないようです。色違いでしたらございますが、お持ちいたしましょうか」─。 ユナイテッドアローズは2010年9月、一部の店舗で