前回に引き続き今回も、英語版MSDNオンラインを題材にしてみよう。お題は「スクリプト」である。

日本語版MSDNオンラインからもリンクされているので、「名前ぐらいは見たことがある」人もいるだろう。それが「Script Junkie」である。意味はもちろん「(麻薬などの)常習者」ではなく、「信奉者、熱中者」のほうなので、お間違いのなきよう。

「Script Junkie」は、「HTML」「スクリプト」「CSS(Cascading Style Sheets)」の3分野に分けて記事を掲載している。技術関連のコラム記事のような内容が主体になっているように見受けられる。

Script Junkie
http://msdn.microsoft.com/ja-jp/scriptjunkie/

「Script Junkie」のトップページ。スクリプトやCSSを扱う機会が多い開発者は、何かの場面で役に立つかもしれないので、存在を気に留めておきたい

HTML編

では最初に、HTML編から見ていくことにしよう。トップページでは最新の記事に対するリンクだけをまとめているが、過去の全記事に対するリンクを用意したページもある。

Script Junkie (HTMLの最新記事)
http://msdn.microsoft.com/en-us/scriptjunkie/ff601771

Script Junkie (HTMLの全記事)
http://msdn.microsoft.com/ja-jp/scriptjunkie/ff699064

そこで、過去の全記事から面白そうな(?)ものをいくつか拾い出してみた。この後で出てくる、スクリプト編やCSS編についても同様である。

Style Basics for Your Web Site
http://msdn.microsoft.com/ja-jp/scriptjunkie/ee832718

これは、「Web開発者たるもの、CSSのことを理解・活用しなければならぬ」という趣旨の、基礎編とでも言うべき記事。どのようにCSSを活用するかについて取り上げた内容になっている。

An Introduction to the Internet Explorer Developer Tools
http://msdn.microsoft.com/ja-jp/scriptjunkie/ff817549.aspx

これは、Internet Explorer 8が備えている機能の1つ、「Internet Explorer Developer Tools」を紹介する記事だ。「HTML」「スクリプト」「CSS」「プロファイル」という4大機能の概要を解説している。新たにダウンロードやセットアップを行わなくても、最初からInternet Explorerがこの機能を備えている点がミソだ。

Using HTML5's New Semantic Tags Today
http://msdn.microsoft.com/ja-jp/scriptjunkie/gg454786.aspx

そしてこれは、HTML5で加わったセマンティックタグの解説記事だ。セマンティックはXMLで頻繁に聞かれる言葉だが、こちらはXMLではなくてHTML5の話である。

スクリプト編

お次はスクリプト編だ。同様に、記事リンクのページを紹介した後で、個別記事の紹介をしよう。スクリプトの場合、テキストベースの記事だけでなくビデオもある。

Script Junkie (Scriptの最新記事・最新ビデオ)
http://msdn.microsoft.com/ja-jp/scriptjunkie/ff601773

Script Junkie (Scriptの全記事)
http://msdn.microsoft.com/ja-jp/scriptjunkie/ff699062

Script Junkie (Scriptの全ビデオ)
http://msdn.microsoft.com/ja-jp/scriptjunkie/ff699060

スクリプト関連記事の一覧。下端に「過去の全記事集」へのリンクがあるのがわかる

JavaScript Attack/Defend
http://msdn.microsoft.com/ja-jp/scriptjunkie/hh243615.aspx

これは、JavaScriptを使用する際に脆弱性を作らないようにするための解説記事である。JavaScriptに対する攻撃手法とそれへの対応策について解説している。XSS(クロスサイトスクリプティング)にしろCSRF(クロスサイトリクエストフォージェリ)にしろ、Web開発者が直面しやすい問題だけに、この記事が役に立つ機会は少なくないだろう。

JPlanning, Cheating and Faking Your Way Through JavaScript Tests
http://msdn.microsoft.com/ja-jp/scriptjunkie/gg649850.aspx

これは、JavaScriptのテストについて解説した記事だ。スクリプトに限らず、コードを書くものは何でもそうだが、「書いて終わり」ではない。書いたものをさまざまな観点からテストして、問題なく動作することを確認しなければならない。そのテストについて解説している。

Html Forms, Ajax, ASP.NET MVC and You
http://msdn.microsoft.com/ja-jp/scriptjunkie/ff797575.aspx

これは、HTML Forms、Ajax、ASP.NET MVCといった、サーバ側で用いられる各種のテクノロジーに関する解説記事である。スクリプトは必ずしもクライアント側のWebブラウザで実行するとは限らず、サーバ側で動作するものもある。

CSS編

最後はCSS編だ。

Script Junkie (CSSの最新記事)
http://msdn.microsoft.com/ja-jp/scriptjunkie/ff601772

Script Junkie (CSSの全記事)
http://msdn.microsoft.com/ja-jp/scriptjunkie/ff699065

Be a CSS Team Player: CSS Best Practices for Team-Based Development
http://msdn.microsoft.com/ja-jp/scriptjunkie/ff679957.aspx

Webコンテンツも大規模化や複雑化が進んでいるので、1人の開発者ですべて面倒を見られるとは限らない。複数の開発者が共同で作業を進める際に、いかにして時間と経費を節約するか。それは仕事としてWeb開発を行ううえで重要な課題である。そこで、CSSを活用する方法を取り上げている。

Replace Those Images with CSS: Rounded Corners
http://msdn.microsoft.com/ja-jp/scriptjunkie/gg508841.aspx

Webページをデザインする際に、昔なら画像データを作成していたものであっても、近年ではCSSで用が足りることが多くなっている。その一例として、「Rounded Corner」、つまり枠線の四隅を円弧状にしたものを作る際にCSSを利用する場面について解説している。

Bulletproof Cross-Browser CSS Techniques
http://msdn.microsoft.com/ja-jp/scriptjunkie/gg263341.aspx

以前よりはマシになったと思われるが、依然として、さまざまな種類のWebブラウザで同じように、問題なく機能するWebコンテンツを作成するのは骨が折れる仕事である。この記事では、そうした場面におけるCSSの記述を紹介している。