2007/03/31
【DreamweaverではじめるWeb標準】第101号 ［87］Internet Explorer 7対策（1）
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ □□□ DreamweaverではじめるWeb標準 □□□ □□ 〜XHTMLとCSSで構築するWebサイト〜 □□□ □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ 第101号 発行日：2007年3月31日土 ほぼ週刊 発行：鷹野雅弘（株式会社スイッチ） --------------------------------------------------------------- このメルマガでは、Dreamweaverを使って、 Web標準に準拠したサイトを構築するワークフローや Tips、書籍、セミナー、有用サイトなどをご紹介しています。 Web制作の現場の方だけでなく、企業内のWeb担当の方も、 Web標準について興味があるという方に、 短時間で、少しずつ理解を深めていただく助けになれば幸いです。 ┼────────────────────────── 目次 ──────────────────────────┼ ├ お知らせ：参照アドレスが変更になります ├ ムービーで学ぶWeb標準［87］Internet Explorer 7対策（1） ├ セミナー紹介：Webマーケティングビジネススクール ├ サイト記事紹介：SEO狂想曲 ├ 話題紹介：CS3が発表されました ├ 書籍紹介：ウェブユーザビリティの法則 改訂第2版 ├ サイト記事紹介：W3C、次期HTMLの策定作業を開始--最終仕様は2010年第3四半期に ├ サイト記事紹介：日経IT pro「日々の作業効率を高める Dreamweaverの小技」 ├ サイト紹介：Grid systems in Web Design ├ サイト記事紹介：JOBZINE「Internet Explorer 7対応は済みましたか？」 ├ イベントカレンダー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ お知らせ：参照アドレスが変更になります ──────────────────────────────────── 弊社の契約サーバーの移転に伴い、IPアドレスが変更になりました。 以前の記事で http://202.133.126.132/dwstd/xxx.html のようにご紹介している記事は、 http://202.164.255.128/dwstd/xxx.html のように、変換してご利用ください。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ムービーで学ぶWeb標準［87］Internet Explorer 7対策（1） ──────────────────────────────────── 前回の「いまどきのドロップダウンメニュー」が途中ですが、 3月15日に開催の「CSS Nite Vol.18」の再録／フォローとして、 「Internet Explorer 7対策」をお届けします。 CSS Nite Vol.18では、マイクロソフトの五寳匡郎さんが同席され、 マイクロソフトの意向などを伺いました。 http://cssnite.jp/archives/post_526.php 下記の文章でもその内容が反映されています。 本日のムービーはありません。 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ● 2007年は環境変化の年 ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ 1月末にリリースされたWindows Vista、 数日前に発表になったAdobe Creative Suite 3（CS3） そして、春頃にリリースされると噂されているMac OS X 10.5（Lepard）と、 Windows、Macintoshの両方のOS、 および、それに対応したツールのメジャーアップデートが行われます。 Windows Vistaでは、デフォルトブラウザがInternet Explorer 7になりました。 Windows XPでもInternet Explorer 7がインストールできるようになっていますが、 春から夏にかけてWindows Updateを介して、自動アップデートがかかる見込みです。 Mac OS X 10.5（Lepard）のデフォルトブラウザは、Safari 3.0の予定です。 ブラウザに関しても、2007年中にそのシェアが大きく変わることが予想できます。 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ● 私は関係ない...というわけには行きません。 ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ Windows Vista、Internet Explorer 7、 Adobe CS3、Mac OS X 10.5（Lepard）... いずれも不要、現状のままでよいという方は少なくないと思います。 しかし、Webというメディアはユーザーがいてこそのもの。 市販されるハードウェアのデフォルトのOS/ブラウザが変更されるとのなると、 対応せざるを得ません。 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ● 2007年のブラウザ・セット ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ となりますと、2007年は下記の環境での検証が必要になります。 ・Internet Explorer 7／Windows Vista ・Internet Explorer 7／Windows XP ・Internet Explorer 6／Windows XP ・Safari 2 / Mac OS X 10.4 (Tiger) ・Safari 3 / Mac OS X 10.5 (Lepard) ・Firefox （1.0/1.5/2.0/3.0?） ・Opera 9 ただし、このうち、Windows Vista上とWindows XP上の Internet Explorer 7は、CSSのレンダリングに関してはまったく同じということですので、 どちらかで検証すればよいことになります。 （Windows Vistaではセキュリティまわりが強化されていますので、 ActiveXなどをはじめとする検証は必要です） ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ● 検証のための環境構築（Windows） ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ Windowsベースで環境構築を行うには、次のような方法があります。 （A）複数のマシンを用意する ある意味、ベストといえばベストですが、 予算、置き場所など、現実的とはいえません。 （B）Install multiple versions of IE Windows環境では、複数バージョンのIEをインストールすることができませんが、 「Install multiple versions of IE」を使うと、 IE 3.0/4.01/5.01/5.5/6.0をインストールすることができます。 <http://tredosoft.com/Multiple_IE> なお、古いブラウザはbrowser archiveにアーカイブされています。 <http://browsers.evolt.org/> （C）Virtual PC Windows Vista環境で、Windows XPを仮想的に構築できるアプリケーション。 マイクロソフトから無償提供されています。 http://www.microsoft.com/japan/windows/virtualpc/default.mspx （D）IE7スタンドアローン版 Internet Explorer 7と、Internet Explorer 6と同居させるための方法。 http://tredosoft.com/IE7_standalone Web系の雑誌などでもよく取り上げられていますが、 マイクロソフトによると「まったく推奨できない」方法とのことです。 なお、どうしても使いたい場合には、レジストリなどをいじる必要があります。 「IE6スタンドアローン版で条件分岐コメントを正常に動作させる」 http://www.lllcolor.com/archives/200703/ie6_2.html ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ● 続きます ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ 次回に続きます。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ セミナー紹介：Webマーケティングビジネススクール ──────────────────────────────────── 株式会社レゾンが主催する夜間に行われるセミナー。 内容や講師陣はもちろん、8回で1万円という金額も魅力ですが、 同じ内容が複数回行われるので、受講しやすいですね。 http://www.webmarketingbs.com/ 私も受講しています。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ サイト記事：SEO狂想曲 ──────────────────────────────────── 最近の長ったらしい書名など、ちょっとSEOを意識しすぎかな、と思うことがありますよね。 Kuruman Memoにてエントリーされている「SEO狂想曲」、なかなか鋭いです。 http://kuruman.org/diary/2007/03/02/seo-rhapsody ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 話題紹介：CS3が発表されました ──────────────────────────────────── こんなティーザー・サイトが立ち上がったり、 http://www.whatisinthebox.co.uk/ その上部から、YouTubeへのCMにリンクしたり、と発表前に煽っていましたが、 http://www.youtube.com/watch?v=dCs2lu7KoOk ついに、アドビUSサイトでもCS3が発表になりました。 http://www.adobe.com/creativelicense/ Dreamweaverをはじめとするマクロメディア系のプロダクトも、 Dreamweaver CS3、Fireworks CS3...のようにバージョン名がCS3で統一されるようです。 Studio 8は「Web Standard」というパッケージになり、 また、IllustratorやPhotoshopなどを含めた「Web Premium」が用意されるようです。 （日本での構成や金額、発売時期は未定/未発表） 楽しみですね！ --------------------------------------------------------------- なお、Photoshopには、Photoshop Extendedという上位バージョンが追加されるようです。 http://japan.cnet.com/news/tech/story/0,2000056025,20344840,00.htm ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 書籍紹介：ウェブユーザビリティの法則 改訂第2版 ──────────────────────────────────── 『ウェブユーザビリティの法則』の改訂版がリリースされました。 ［著］スティーブ・クルーグ、［訳］中野 恵美子 ソフトバンク クリエイティブ、2,940円 原題は『Don't Make Me Think』。 「俺に考えさせてないでくれよ！」みたいな感じでしょうか。 改訂版ということで、表紙のイメージだけでなく、 本文にも大きく手が入れられています。 Amazonで『ウェブユーザビリティの法則』を見る ↓ ↓ ↓ http://tinyurl.com/3b544d --------------------------------------------------------------- ビービットの「ユーザビリティ 実践メモ」もオススメです。 http://www.bebit.co.jp/memo/ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ サイト記事紹介：W3C、次期HTMLの策定作業を開始--最終仕様は2010年第3四半期に ──────────────────────────────────── CENT Japan W3C、次期HTMLの策定作業を開始--最終仕様は2010年第3四半期に http://japan.cnet.com/news/ent/story/0,2000056022,20344899,00.htm このまま、HTMLとXHTMLのダブル・スタンダードが続くのでしょうか.... ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ サイト記事紹介：日経IT pro「日々の作業効率を高める Dreamweaverの小技」 ──────────────────────────────────── 日経IT proにて、「日々の作業効率を高める Dreamweaverの小技」と題して、 私（鷹野雅弘）が、Dreamweaverの連載を行っています。 第3回「マークアップの高速化について考える（1）」 http://itpro.nikkeibp.co.jp/article/COLUMN/20070305/263841/ 第4回「マークアップの高速化について考える（2）」 http://itpro.nikkeibp.co.jp/article/COLUMN/20070319/265541/ このメルマガの番外編として、ぜひご一読ください。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ サイト紹介：Grid systems in Web Design ──────────────────────────────────── レイアウトを行う際「グリッド・システム」という有名なメソッドがありますが、 これをWebのレイアウトで解説している記事です。 http://tutorialblog.org/grid-systems-in-web-design/ ネタ元は「デイリーWebテク・アーカイブ」から http://dwt.blog72.fc2.com/blog-entry-256.html ※前にも紹介しましたが「デイリーWebテク・アーカイブ」、要チェックです！ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ サイト記事紹介：JOBZINE「Internet Explorer 7対応は済みましたか？」 ──────────────────────────────────── 人材エージェント「AQUENT」のサイト「JOBZINE」内で 私（鷹野雅弘）が、マンスリーにて連載している『Webギョーカイの歩き方』の 第3回「アクセシビリティについて考えてみよう」が掲載されました。 http://jobzine.aquent.co.jp/special/2007/03/3.php ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ イベント・カレンダー ──────────────────────────────────── ◇4月13日金 CSS Nite番外編 <http://cssnite.jp/extra/> ◇4月16日月 CSS Nite shuffle <http://shuffle.cssnite.jp/> ◇4月20日 Dreamweaver テンプレート徹底活用トレーニング <http://m-school.biz/event/2007_0420_dreamweaver_template.htm> ◇4月28日 CSS Nite in AOMORI <http://aomori.cssnite.jp> ◇5月12日 CSS Nite LP, Vol.3 "Coder's High" <http://lp3.cssnite.jp> ◇6月8日 CSS Nite Vol.19 <http://cssnite.jp/vol19/> ◇7月15-16日 The Days of Web Standards 2007［Web標準の日々］ <http://days2007.cssnite.jp/> ┼────────────────────────── あとがき ──────────────────────────┼ 東京都内では、今週末がお花見のピークでしょうか？ それにしても早いですね。 ─［発行］───────────────────────────────── 株式会社スイッチ http://swwwitch.com/ 鷹野雅弘 takano @ swwwitch.com 東京都足立区足立4-13-18 #307 TEL 03-5845-6950 ────────────────────────────────────── ご購読いただいている方が3,000名を突破しました。ありがとうございます！ お知り合いの方、同僚、クライアント等にご紹介いただければ嬉しいです。 ご自由に転送ください。 セミナー情報や書籍情報などお持ちの方いらっしゃいましたら、 ご連絡くだされば幸いです。掲載料はいただいていません。 登録・解除・バックナンバーはこちらからです。 http://www.mag2.com/m/0000169311.html Copyright(c） 2007 Swwwitch, Inc. Some rights reserved. 記事が正確であることの保証はありません。 ご紹介するセミナーや書籍、サイトの品質を保証するものではありません。 書名、製品名および会社名は、それぞれ該当する権利者の登録商標または権利です。
