tag:blogger.com,1999:blog-76326683239911574192024-09-04T22:27:58.586+09:00nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.comBlogger42125tag:blogger.com,1999:blog-7632668323991157419.post-74543279020953643982011-06-13T09:53:00.000+09:002011-06-13T09:54:07.102+09:00

　IE10 PP1は、「Internet Explorer Test Drive」というサイトからダウンロードできる。IE9と共存できるため、既存の環境に影響を与えることなく、操作を試せる。ただし、IE8と同時に動かすとエラーが出ることがあるため、注意が必要だ。　今後、8〜12週ごとに「Platform Preview」と呼ばれる、プレビュー・バージョンを公開していく予定である。　なお、IE10 PP1には、基本的なブラウズ機能のみが提供されており、セキュリティ機能を含むほとんどの機能が省略されている。そのため、日常的に使用する場合は、セキュリティ・リスクがあることを理解したうえで利用してほしい。■ 1. ネイティブHTML5　MIX11のキーノートの中で、Windows上での「ネイティブHTML5」サポートという話があった。　これを聞いて思い出したのが、かつてIE4がWindowsと

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-25891578509150912682011-06-04T15:19:00.001+09:002011-06-04T15:19:59.586+09:00

Googleは古いバージョンのWebブラウザーのサポートを段階的に終了することを発表した(公式ブログの記事)。 8月1日からは、最新版および1つ前のバージョンのWebブラウザーのみがサポート対象となる。新しいバージョンのWebブラウザーが公開されるたびに、2つ前のバージョンのサポートを終了するとのことだ。 8月1日をもってサポート終了となるのはFirefox 3.5、Internet Explorer 7およびSafari 3。これらのブラウザを引き続き利用した場合にはGmailやGoogle Calendar、Google Talk、Google Docs及びGoogle Sitesの一部機能が使用できなくなる。最終的にはこれらのアプリケーションが全く動作しなくなるとのことだ。

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-43356348333959378632011-06-03T15:08:00.001+09:002011-06-03T15:08:34.537+09:00

　Googleは6月2日、Webを利用する際に知っておきたい基本的な知識について解説する絵本の日本語版「ブラウザやウェブについて知っておきたい20のこと」を公開した。 　「IPアドレスとDNS」や「クラウドコンピューティング」「HTML5」やセキュリティなど、インターネットの基本から最新の動向まで20項目について解説している。 　Chromeブラウザを開発するチームがHTML5を活用して制作。オフラインでも利用でき、ページをめくったりする感覚をブラウザ上で実現している。ソースコードは公開しており、同様のWebブックを制作することが可能だ。

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-92175995499828974462011-06-03T10:27:00.001+09:002011-06-03T10:27:20.568+09:00

　Webブラウジング中にショートカット・キー［F12］を押すと起動できる「開発者ツール」が、バージョン8以降のInternet Explorer（以下、IE）には搭載されている。開発者ツールは、現在 開いているWebページのHTMLコード内の各要素をツリー形式でビジュアルに表示したり、Webページ上の要素をクリックして、それに該当するコードを表示したり、HTMLコードやCSSプロパティなどをその場で試しに書き換えてリアルタイムにWebページの表示を変更したりできるなど、Web制作に役立つ機能がそろっている。そういったWeb開発用機能の1つとして、JavaScriptコードのデバッグ機能がある。　IE9では、この開発者ツールが強化され、JavaScriptコードの書式を整形して、見やすく表示する機能が追加された。本TIPSでは、この機能の使い方を説明する。■開発者ツール（IE9以降）の

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-30277437009006250672011-06-02T17:26:00.001+09:002011-06-02T17:26:42.553+09:00

This is my first hands on in HTML5. One day I thought about making an application which is simple and fancy looking as well. I had not worked earlier in HTML5, but once I saw the new features and tags in HTML5, I decided to make something new in core HTML. The biggest advantage in using HTML5 is that it is light weighted, platform independent and best for mobile applications like Iphone, Android

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-19422885300679608582011-06-02T17:24:00.001+09:002011-06-02T17:24:24.389+09:00

LocalStorage or DOM Storage provides Web pages with the ability to store named key/value pairs locally. This storage is different from the browser cookies. In some systems, it allows Web applications to store from 5MB to 10MB of application data. Unlike cookies, this data is not posted back to the server. It remains locally on the device, and it is persisted even after navigating to another site

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-43505728450033138962011-05-30T23:50:00.001+09:002011-05-30T23:50:45.572+09:00

Accessibility for people with disabilities is a legal responsibility in many countries. It's also the right thing to do, and one of the characteristics distinguishing professional developers from the WWWs: WYSIWYG-wielding wannabes. But for many, accessibility has been a somewhat black art, requiring adding extra stuff to your code like alt text, table summaries, ARIA information that can

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-70191176601065361592011-05-28T07:42:00.001+09:002011-05-28T07:42:13.628+09:00

Introduction There are evangelists for laying out web pages using CSS and there are evangelists for laying out web pages using <table>s. Both camps might profit from this article. Background I was interested in determining if the time required by a user agent to render a web page was significantly different between web pages laid out using <table>s and those laid out using CSS.

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-18347582732365956992011-05-27T17:22:00.001+09:002011-05-27T17:22:55.118+09:00

A group of Italian developers has just released a free and open-source framework for creating e-books for the iPad.The Baker E-book Framework allows designers and developers to turn fixed-width HTML5 pages into an e-book format and publish the finished product. After that, all you need to do is follow the App Store submission guidelines, and you're on your way to e-book greatness.To design

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-75594443298616364142011-05-27T16:01:00.001+09:002011-05-27T16:01:13.507+09:00

概要： モバイル Web アプリケーション開発には、モバイル・プラットフォームに依らない 1 つのアプリケーションの作成を通じて多数のユーザーを得られるという期待に溢れています。そんなモバイル Web アプリケーションの開発を支援する優れたフレームワークとして、この連載ではこれまでいくつかのフレームワークを取り上げてきました。サポート対象とする機器を Android または iOS に絞り込むことによって、アプリケーションの複雑さは大幅に減り、実現可能な機能の数は増大します。これがまさに、Sencha Touch の背後にある理念です。以前は Ext JS と呼ばれていた、JavaScript ライブラリー・ベースのモバイル Web アプリケーション・フレームワーク、Sencha Touch は、実際のところ、ハイエンドのスマートフォン向けの完全なモバイル Web ソリューションを提供し

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-11878887159877197342011-05-27T15:55:00.001+09:002011-05-27T15:55:50.901+09:00

Tile5 is an opensource HTML5 mapping javascript library that gives developers the ability to use existing mapping engines and provide a rich HTML5 experience. Tile5 can also be used to create more generic HTML5 tiling interfaces. Tile5 is targeted primarily at mobile devices that support HTML5. Our goal is to achieve compatibility with all mobile devices considered "Class A" on the

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-198132887016881532011-05-27T15:47:00.001+09:002011-05-27T15:47:11.140+09:00

Close to five years have passed since the early mobile ad networks emerged with basic banners on mobile screens. Despite numerous attempts at innovation, there are still very few mobile ad unit technologies being used by major networks or agencies. Many have just relied on the same basic banner ads that were used five years ago. When Apple's iAds came on the scene several months ago, it was

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-52352301762479288082011-05-25T10:36:00.001+09:002011-05-25T10:36:20.434+09:00

CSS3に挑戦する際に便利なツールをご紹介します。CSS3は新しい技術であるため、Web上にまだ情報が少なく、学習しにくいかもしれません。また、複雑なCSSアニメーションを作成する際は、CSSの記述量が多くなるので、大変だと思います。それらの問題を解決できるサイトやソフトを集めてみました。・CSS3のプロパティを試せるジェネレータCSS3 Generator（http://css3generator.com/）CSS3を初めて触る方にお勧めのジェネレータです。CSS3で追加された新しいプロパティを試すことができます。少しいじってみるだけでもだいぶ楽しめます。自動生成されたコードのコピーもできる機能も便利です。・CSS3グラデーションを簡単に作成できるサイトCSS3 Gradient Generator（http//gradients.glrzad.com/）上述のCSSジェネレータの

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-85491819468911226322011-05-25T10:33:00.001+09:002011-05-25T10:33:24.401+09:00

・CSS3プロパティにはベンダプレフィックスを付ける 　CSS3を用いる際、CSS3のプロパティには「-webkit-」「-moz-」などのベンダプレフィックスを付ける必要があります。これはW3C（Web技術の標準かを進める団体）で草案段階であるCSS3プロパティを、各Webブラウザが先行実装しているためです。 　すでにべンダプレフィックスなしで実装されているブラウザも出始めていますが、しばらくはべンダプレフィックスを付けて指定することになるでしょう。 　ベンダプレフィックスを付けると以下のようになります。 border-radius: 10px;　// 角丸を指定するプロパティ（ベンダプレフィックスなし） -webkit-border-radius: 10px;　// webkit系ブラウザ（GoogleChrome、Safariのベンダプレフィックス）

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-77084787230730362472011-05-25T10:31:00.001+09:002011-05-25T10:31:28.718+09:00

　Webサイトを構築するにあたって、ボタンは最も頻繁に使う部品だと思います。これまでのWeb制作では、グラデーションや角丸などリッチな表現のボタンを作るには画像を使う必要がありました。 　しかし、CSS3を使えば、このようなボタンも画像を使わずに作成できます。 クリックすると、ボタンがへこむ 　画像を使わずにCSSだけで作ったボタンは、テキストエディタだけで編集ができるので、作業効率の向上が期待できます。また、CSSファイルで管理できるので、一括で表現の変更ができ、メンテナンス性が高まるなど、多くの利点があります。 　このボタンを作っているHTMLとCSSのコードは以下のようになっています。実際にはCSS3のプロパティは「-webkit-」、「-moz-」などのベンダプレフィックスを付ける必要があります（詳細は後述）。 #btn {

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-21450269634254343182011-05-09T10:49:00.001+09:002011-05-09T10:49:45.684+09:00

　前版のIE8ではHTMLのレンダリング・エンジンを一新し、標準規格への準拠とセキュリティ機能の強化が主な改良点であったが、今度のIE9の強化ポイントもその延長上にある。IE9の主な改善点は次のとおりである。 高速化——最新CPUやGPU対応によるパフォーマンスの向上 相互運用性の向上——HTML5やSVGなど、Web標準規格への（さらなる）対応 信頼性／セキュリティ機能の向上——より安全なWebブラウザを目指して 洗練されたユーザー・インターフェイス——Windows 7のユーザー・インターフェイスとの統合 　以前はWindows OS環境向けのWebブラウザといえばInternet Explorerが大きなシェアを占めていたが、最近ではMozilla FirefoxやGoogle Chrome、Safariをはじめとして、さまざまなブラウザがシェアを伸ばし、さらに

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-85585290781249167842011-05-09T10:21:00.001+09:002011-05-09T10:21:58.928+09:00

Video content creators rejoice: Adobe has announced the immediate availability of the Adobe Creative Suite 5.5 (CS 5.5) product family. Adobe CS 5.5 features advances in HTML5 and Flash authoring, and video production and editing. The packages in the suite also contain new digital publishing capabilities that will let creators deliver work to multiple platforms, operating systems, web browsers,

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-26591498128917751702011-05-05T20:39:00.001+09:002011-05-05T20:39:12.222+09:00

米マイクロソフトが昨年12月に開設した、HTML5仕様のラボサイト「HTML5 Labs」HTML5に対応し、積極的にウェブ標準化を進めているはずの「Internet Explorer 9正式版」（以下IE9）ではあるが、じつはHTML5の機能をフルに利用できるわけではない。一部実装されていない機能もあるのだ。W3Cが仕様を策定するまでには、「公開草案初版」「最終草案」「勧告候補」「勧告案」「勧告」という6段階のステップがある。「最終草案」で仕様がおおむね確定され、その後は細かい修正になる。現在、HTML5はまだ第1段階の公開草案初版の段階。5月には最終草案が発表されると言われているが、いまだ確固たる仕様が決定されていないのだ。そのため、IE9では実装が見送られたのである。ChromeやFirefoxなどのブラウザーでGmailを使うと、ファイルをドラッグ＆ドロップで添付できるのだが……

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-79940374220102730992011-05-02T14:04:00.001+09:002011-05-02T14:04:10.425+09:00

Mozillaは、「Firefox」のJavaScriptエンジンとグラフィックスエンジンの刷新に取り組み始めた。新しいJavaScriptエンジンには、「IonMonkey」と呼ばれるコンパイラが含まれ、ウェブベースのプログラムをより速く動かすとともに、ガベージコレクションと呼ばれるメモリ消去プロセスによる処理中断を少なくすることを目的としている。また、「Azure」と呼ばれるグラフィックスエンジンは、Windowsのグラフィックインターフェースとの親和性を高めると同時に、Mac OS XやLinuxでも動作することを目的としている。Azureは、パフォーマンスを向上するためのものであると同時に、プロセスを異なるメモリ区画に分離する「Electrolysis」と呼ばれる長期プロジェクトの基礎を築くものでもある。区画に分割することで、セキュリティやパフォーマンスの向上が期待できるが、

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-47591775091205906062011-04-28T15:11:00.001+09:002011-04-28T15:11:27.243+09:00

　Googleは米国時間4月27日、同社が提供するブラウザの最新版「Chrome 11」の安定版をリリースした。最新版には音声をテキスト変換する機能が備わっており、キーボード入力が困難な人にとって便利なほか、「Google Translate」と同時に利用し、即席翻訳として活用することもできる。　音声入力機能はHTML5がベースとなっており、同機能を利用するにはサイト上にマイクのアイコンが埋め込まれている必要がある。ユーザーがアイコンをクリックしてコンピュータのマイクに向かって話すと、話した内容がテキストで記録され、ブラウザが自動的にそのテキストを適切なフィールドに入力するという仕組みだ。　新機能は、Google Translateのページにて試すことが可能だ。同ページのテキスト入力フィールドの右下にマイクのアイコンがあるので、このアイコンをクリックして音声を入力する。ただし、現時点で

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-1966565732982748092011-04-27T16:57:00.001+09:002011-04-27T16:57:17.995+09:00

Monday, Google announced it will be rolling out its "Cloud Print" mobile Gmail feature over the next few days to U.S. users. Cloud Print lets users pair their Google ID with various printers, and then send print jobs from anywhere the user has a connection. In mobile Gmail's options menu, there is now a button simply marked "print" which lets the user send a print job to

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-34255329915770118452011-04-26T12:58:00.000+09:002011-04-26T12:59:03.987+09:00

WebM Projectは4月25日(米国時間)、WebM技術に関する特許を相互にライセンスするイニシアチブ「Community Cross-License (CCL)」を発表した。創設メンバーには以下の17の企業・組織が参加している。AMD、Cisco Systems、Google、HiSilicon Technologies、LG Electronics、Logitech、Matroska、MIPS Technologies、Mozilla Corporation、Opera Software、Pantech、Quanta Computer、Samsung、STMicroelectronics、Texas Instruments、Verisilicon Holdings、Xiph.Org FoundationWebMは、Web向けに設計されたオープンソースのメディアファイル規格だ。

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-33645632292323485792011-04-26T11:40:00.001+09:002011-04-26T11:40:37.487+09:00

□ 【1】画面ロード時のフォーカス要素を指定autofocus属性 　autofocus属性は、画面ロード時に最初にフォーカスが当たる要素を指定するための属性です。画面が表示された瞬間から入力を始められるかどうか、はユーザーにとっての使い勝手が大きく異なる部分ですので、積極的に使っていきたい属性です。 　以下のように、フォーム要素に「autofocus」という属性を指定するだけです。 <input type="text" name="name" autofocus> □ 【2】<form>要素との入れ子から解き放つform属性 　HTML5では、フォームに関連した要素（<input><button><textarea>など）は、<form>の内部に記述する必要がありません。

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-24486289209970361852011-04-26T11:38:00.001+09:002011-04-26T11:38:15.781+09:00

　HTML5では、JavaScriptを用いなくとも、ユーザビリティの高いクライアントサイドでの入力値チェックが行えるため、フォーム関連要素に以下のようなAPIが用意されています。* willValidateこの要素が入力値チェックの対象となるかどうか* validity入力値チェックの状態を表す。プロパティの値は「ValidityState」という型のオブジェクトで、以下のプロパティ（全てboolean型）を持つ* valueMissing必須制約違反の場合、true* typeMismatchタイプ制約違反の場合、true* tooLong文字列長が長過ぎた場合、true* rangeUnderflow入力値が妥当な範囲を下回っていたら、true* rangeOverflow入力値が妥当な範囲を上回っていたら、true* stepMismatchstep属性で指定した値の段階にマッチ

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0tag:blogger.com,1999:blog-7632668323991157419.post-47895473128764290072011-04-26T11:32:00.001+09:002011-04-26T11:32:20.932+09:00

　米Facebookは4月25日（現地時間）、ユーザーが気に入ったWebページのコンテンツを特定個人やグループと共有するための「Send」ボタンを追加したと発表した。約1年前に誕生した「いいね！」ボタンでは、友達全員と共有することしかできなかった。　いいね！ボタンはコンテンツオーナーが各コンテンツに設置するボタンで、ユーザーは気に入ったコンテンツのボタンをクリックすることで自分のFacebookの友達全員にこのコンテンツの情報を送ることができる。Sendボタンは「いいね！」ボタンと異なり、送信時に共有相手を選べる。

nshttp://www.blogger.com/profile/13736259329692936838noreply@blogger.com0