今月までに新しくオープンした企業サイトやキャンペーンサイトなど、Web制作会社が手がけた国内外の最新Webサイトを紹介していきます。詳しい内容については、本誌をご覧ください。サイトならびにリンク先は雑誌掲載時のものです。 ｜→2009｜ →2008｜ →2007｜ →2006｜ →2005｜ →2004｜ →2003｜

魅せる!読ませる! WEBライティングと文章編集の実践テクニック 文＝益子貴寛　（株）サイバーガーデン 代表取締役 Webプロデューサー／コンサルタント。（社）日本能率連盟登録資格「Web検定」プロジェクトメンバー。Webデザインに関する記事執筆、講義など多 数。『月刊web creators』（MdN）、ITpro（日経BP社）、Web担当者Forum（インプレスR&D）に連載をもつ。著書に『Web標準の教科書 ─XHTMLとCSSでつくる“正しい”Webサイト』『伝わるWeb文章デザイン100の鉄則』（ともに秀和システム）。共著に『スタイルシート・デザ イン』（MdN）、『変革期のウェブ』（マイコミ新書）など。 url. www.cybergarden.net/ 第1回 テキストに適切な役割を与える Webサイト成功のカギは「Webライティング」にあり。ユーザーに読んでもらえる文章の書

「ストリームの影響を受け始めた ソーシャルメディアマーケティング──前編」 2009年5月25日 TEXT：小川 浩 （株式会社モディファイ CEO 兼クリエイティブディレクター） ソーシャルメディアマーケティングとは ソーシャルメディアマーケティング（SMM）とは、ソーシャルメディアを活用してマーケティングを行うことだ。ソーシャルメディアに情報を提供することで、自分のサイトに人を誘導したり、ソーシャルメディアの参加者にとって有益な情報を提供して“クチコミ”を誘発し、自分のサイトに誘導する手法を指している。 もともとはBlogやSNSなどのクチコミを活用し、マーケティングやブランディングに役立てるための手法として注目を集めたソーシャルメディアマーケティングである。 しかし、Twitterの台頭や、Facebook、AOL、FriendFeedなどが、Twitter的なリアルタイム情報の伝搬

NTTデータ先端技術勤務。国産のオープンソースプロジェクトProject Amaterasのオーナーであり、SeasarプロジェクトやClick Frameworkでもコミッタを務めている。著書に「入門Wiki」「Eclipseプラグイン開発徹底攻略」（いずれも毎日コミュニケーションズ発行）などがある。

幅広いスキルが必要とされるWebデザイン制作 Webサイトの日々の技術進歩とともに、Webデザイン制作では幅広いスキルが必要とされるようになってきました。Webデザインという広い役割の中でも特に重要視されるのは次の3つのスキルになるでしょう。 1番目は、いわゆる絵を作るデザインのスキルです。この中にはもちろん見た目の美しさもありますし、Webサイトとしての使いやすさのユーザビリティ、情報へのアクセスしやすさのアクセシビリティ、またFlashコンテンツであれば軽快な動作やインタラクションなどといったものもあります。 2番目は、HTMLとCSSのコーディング技術が挙げられます。以前であれば、見た目のデザインを忠実に再現するコーディングが重視されていましたが、最近ではSEOの観点からも、Web標準に基づいたHTMLの文書構造化ができるマークアップ技術が不可欠になっています。 3番目は、プログラミ

Webデザイナは知っていた 第4回：黄金比を信じますか？ 著者：シンクイット制作部 公開日：2008/03/06（木） 黄金比をボタンに導入する Webサイトをデザインする上でボタンの存在は重要です。検索などから来たユーザにさらなる情報を提供するためのナビゲーションとして、すべてのWebサイトに導入されていると言えるでしょう。 それでは画像として作成されているボタンに、実際に制作しながら黄金比を導入していきます。 まず文字サイズを14px、マージンはその「1.618」倍の22.652pxを四捨五入して23pxとします。「23px−14px＝9px」となるので上下のマージンを9pxとします。左右のマージンは上下に対して「1：1.618」で計算すると14pxになりますの、これでシンプルなボタンが完成しました（図3上）。 これはすっきりとして、計算されたマージンが効果的に可読性の向上にもつながっ

Webデザイナは知っていた 第4回：黄金比を信じますか？ 著者：シンクイット制作部 公開日：2008/03/06（木） 黄金比は美しい？ 「第3回：フォントの扱いが命取り？」では、デザインの中でも重要な表現方法の1つである、フォントの扱いについて紹介しました。 今回は、デザインとして最も美しいとされる比率「黄金比」について紹介します。 黄金比とは、正確には「1：（1+√5）÷2」の計算式で表されますが、一般的には「1：1.618」の比率として使われています。 ピラミッドなどの建築物やモナリザなどの絵画が黄金比でできていることは有名ですが、それらは黄金比でできているからという以前に、芸術としてすばらしいと認知されているため、現実的に判断がしづらいものです。 筆者が原稿を書いているPCの周りのものを測ってみると、身近なものでいくつか見つけることができました。名刺やたばこのパッケージ、財布の中に

Webデザイナは知っていた 第5回：バナー広告の作り方（前編） 著者：シンクイット制作部 公開日：2008/03/13（木） バナー広告って何？ 「第4回：黄金比を信じますか？」ではデザインとして最も美しいとされる比率「黄金比」について紹介しました。 今回は、ニュースサイトやポータルサイトには必ず掲載されている、バナー広告の作り方について紹介します。 バナー広告とは、画像やアニメーションGIF、Flashで制作された、インターネット広告のことです。国内ではインターネット広告費がラジオ、雑誌を超え、そして新聞に迫る勢いで成長を続けています。海外では既に新聞広告費を超えた国があるほどです。 広告の中には、その商品に特化した記事を掲載したタイアップ広告や、ターゲットとなるユーザにピンポイントでメールを配信するターゲット広告などがあります。その中でもバナー広告はそのサイトを訪れたユーザの誰しもが目

Webデザイナは知っていた 第6回：バナー広告の作り方（後編） 著者：シンクイット制作部 公開日：2008/03/27（木） インプレッション効果とトラフィック効果 「第5回：バナー広告の作り方（前編）」ではニュースサイトやポータルサイトには必ず掲載されている、バナー広告の作り方について紹介しました。 今回は、さらにバナー広告の作り方について紹介します。 前回の最後に、インプレッション効果（広告メッセージや商品の認知）とトラフィック効果（クリックさせることで目的のWebサイトに遷移）を同時に意識させることで、トラフィック効果を上げることができたということを述べましたが、具体的には筆者はどのような方法を取ったのでしょうか。 内容を決める際の情報整理を行ったとしても、興味があまり持てない商品・サービスの内容を掲載したバナー広告ですと、もちろん興味をもってクリックしてもらえないでしょう。 そこで

伊原 力也氏 株式会社ビジネス・アーキテクツ マークアップデザインエンジニア 目次 はじめに Dreamweaverテンプレートを利用してクライアントが運用 なぜDreamweaverテンプレートを使用したのか サッポロビールWebサイトのDreamweaverテンプレートはこうなっている テンプレート化は大変？ さらにDreamweaverテンプレートを活用するには 印刷用に表示 作成日:2008年2月29日 ユーザレベル:初心者, 中級 製品:Dreamweaver はじめに 私が所属する株式会社ビジネス・アーキテクツでは、2007年6月にサッポロビール・コーポレートサイト（以下、サッポロビールWebサイトと呼称）のリニューアルを行い、私はその中でテンプレート設計・構築を担当しました。この記事では、このサイトにおいてDreamweaverテンプレートをどのような目的で、どのような

鷹野雅弘（Masahiro Takano） 株式会社スイッチ 目次 はじめに Spry フレームワーク for Ajaxについて XMLファイルを関連づけてソート可能なテーブルを作成する 奇数・偶数行、選択した行、マウスオーバーした行にカラーリングを行う XMLファイルの更新を、Movable Type 4.1を使って行う 印刷用に表示 作成日:2008年２月22日 ユーザレベル:初心者, 中級 製品:Dreamweaver CS3 この記事では、Adobe® Dreamweaver® CS3から組み込まれたSpryフレームワーク for Ajaxを利用して、ソート可能なテーブルを作成する方法をご紹介します。テーブルに表示するデータは、外部XMLファイルを参照します。 CSSを使って奇数・偶数行にカラーリングを行うとソートを行っても自動的にカラーリングし直されるだけでなく、クリックした行

益子貴寛（Takahiro Mashiko） 株式会社サイバーガーデン 目次 はじめに 日本語フォント名の「英・和」指定 ブラウザの動向とCSSハック 印刷用に表示 作成日:2008年2月8日 ユーザレベル:中級 製品:Dremweaver CS3 この記事では、リセットスタイルやセッティング、CSSハックなどの手法をご紹介し、Adobe® Dreamweaver® CS3をつかったWebサイト制作に活かす方法を解説します。 必要ソフトウェア この記事では、以下のソフトウェアを使用しています。 体験版 購入 CSS2.1プラスアルファの時代に Webクリエイターにとって、「CSS」イコール「CSS2.1」というのが当たり前になってしばらくたちます。W3Cから2007年10月に公開された草案「CSS Snapshot 2007」でも、「CSSといえばCSS2.1を意味する」と明確に述べられ

Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in

まずはユーザーを知る 前回（http://www.thinkit.co.jp/article/111/1/）は、iKnow!（http://www.iknow.co.jp/）サイト作成のためのツールや、プロセスについて紹介をしました。今回は、Webサイトのビジュアル・スタイルをデザインするための手ほどきとして、iKnow!サイトのクリエイティブの開発の中で、キーとなるデザインプロセスのより詳細な内容と、デザイン決定の理由づけについて紹介します。 Webサイトの新しいビジュアル・アイデンティティーをデザインするというチャレンジに直面した時に、良い選択をするための戦略があります。Webデザインは本質的にWebサイトとユーザー、そしてインターネットテクノロジーの間で、いかにフィットしたものを作るかというための意思決定のプロセスです。可能な限り、より多くの情報をプロセスの最初の段階から知っておくこ

ほとんどの原稿は、タグを意識して作られない Webデザイナーにとって、HTMLなどのマークアップ言語は、普段から慣れ親しんだ文字列です。Web技術の中でも比較的メジャーな言語ですから、Web制作に携わったことがある人なら知っている人も多いでしょう。しかし、HTML内で表現するための文章をライティングする際にも、しっかりとこのマークアップ言語を応用している人は、ほとんどいないのではないでしょうか。 クライアント側の製品・サービス担当や広報担当といった原稿制作者はもちろん、Web制作に従事するWebライターやWebディレクターでさえ、Webページ用の文章を作成する際に、あとからマークアップすることを考慮していないことが多いようです。そのため、Webデザイナーに入稿される原稿の多くは、タグを意識して作られておらず、まるで、学生時代の作文のような1行タイトルと長い本文という原稿か、見出しばかりで本

情報の活用の利便性や楽しさをアップする 今回は、情報を閲覧したり、活用したりする際の工夫のヒントとして使えるフィーチャー＆ファンクションを紹介します。最近では、動画を取り入れるとか、ユーザーがデザインやレイアウトのカスタマイズができたり、情報を活用したり、管理をしたり、共有したりなど、よりリッチに、よりユーザーの活用自由度があがってきているといえるでしょう。もちろん、基本的なユーザビリティアップのための工夫も進化していますので、参考にしてみてください。 まずは、情報の活用の利便性や楽しさをアップするためのフィーチャー＆ファンクション例を3つ紹介します。 1つ目は、「写真を簡単にクリッピング」です。ワンクリックで一時的に情報をクリッピングする方法です。通常のお気に入りボタンをクリックする以外の方法として検討してみてもよいでしょう。ストックして後で再度見る情報と区別して、一時的に情報をクリッピ

ユーザーのデータインプット促進 どんなサービスを作る場合にもしっかりと考えなくてはいけないのが、「どうやってユーザーにデータをインプットしてもらうか」です。ソーシャルメディアであればユーザーのインプットがコンテンツの肝となります。Webサイトを利用したマーケティングを行いたい場合でも、ユーザーのプロフィール情報を得たり、Webサイト上で積極的な行動をしてもらうことが重要な成功のカギとなります。 ユーザーにインプットしてもらうためには、いかにユーザーを動機づけるかにかかってきます。すなわち、ユーザーが自然に「情報をインプットしたい」と思ってくれるような仕組みやインセンティブを用意するということです。 例えば、一般的なコミュニティーにおいては1％のリーダー、10％のフォロワー、残りの89％のユーザーをパッシブな閲覧ユーザーとして構成し、それぞれのプレーヤーの存在や行動が別のユーザーのインプット

Webデザイナは知っていた 第1回：エンジニアだって色にこだわりたい 著者：シンクイット制作部 公開日：2008/02/14（木） 言った言わないはナンセンス ある日、社内の広告営業の1人から広告バナーの制作依頼を受けました。 「お客様からご発注いただいたバナーのイメージをヒアリングしてきたので、打ち合わせをしましょう」 お客様からヒアリングしたメモを見ながら説明を受け、それを簡単に筆者がメモをしました。バナーを掲載する目的や伝えたいこと、誘導させたいページなどが主な内容でした。 早速作業に入り、出来上がったものをお客様に見せたところ、「内容も流れもデザインも問題ないけど、色は今までのページなどと変えて違う色を使ってほしいとお伝えしたのに」という返答でした。 原因は営業のヒアリングミスか筆者が聞きそびれたかにありますが、それを問題にするのはナンセンスです。このようなズレがなくなるように筆者

Net_UserAgent_Mobile 1.0.0RC3がリリースされているようです Tweet 2009/5/26 火曜日 matsui Posted in PHP, ニュース, 記事紹介・リンク | No Comments » PHPでケータイコンテンツを作成しているプログラマであれば、ほぼ誰もがお世話になっていると言っても過言ではない「Net_UserAgent_Mobile」ですが、2009年5月25日に「1.0.0RC3」がリリースされたようです。 →　PEAR　Net_UserAgent_Mobile [pear.php.net] →　ITEMAN Blog　Net_UserAgent_Mobile 1.0.0RC3 をリリースしました [iteman.jp] ご紹介するタイミングを逸してしまったのですが、先日5/11にも「1.00RC2」がリリースされていました。 主な修正

モバイル機器向けのXHTMLとして、現在その仕様が公開されているものには、 W3Cによる「XHTML Basic 1.0」 WAPフォーラムによる「XHTML Mobile Profile 1.0」 の２つが挙げられます。いずれも、元の言語は、XHTML 1.0です。XHTML 1.0は、HTML４を再仕様化したものですので、含められている要素や属性は、よく知られているものです。 EZwebのWAP2.0端末には、Opnewave XHTML拡張属性を加えた「XHTML Mobile Profile 1.0」に、さらにEZweb独自の拡張要素を認識するブラウザが搭載されています。 現在のEZweb環境では、 xml宣言を省略可能 ブラウザがDTDをチェックしない 各種の拡張要素/属性をブラウザ側で認識する ので、ほとんど従来のHTML文書を作成するような手軽さでWAP2.0対応機用コンテン

Mobile Crationは2024年4月15日をもって終了いたしました。 SoftBank スマートフォン における技術情報につきましては SoftBank スマートフォン サービス開発支援サイトをご利用ください。

【モバイル向けサイト制作】 今から始める携帯サイト制作 第2回：携帯サイトの制作から公開まで 著者：柴崎 正也 公開日：2008/10/14（火） 携帯サイトでは、PCサイトと同じようなタグやCSSを使うことはできますが、よく使う／使わないHTMLタグとCSSは、はっきりとしています。 XHTML-MPで使用できるHTMLタグについては「モバイル機器向けXHTML仕様：My First HDML」にわかりやすくまとめられていますので、参照ください。 まず、携帯サイトでは、1画面に表示できる領域が非常に限られているので、わざわざ初期状態でインデントが出るリスト系（ul／li／ol）タグや、ブロック要素（blockquoteなど）を使用することはあまりありません。HTMLは構造を示すだけなので、CSSで対応すれば良いのでは？と思われるかもしれませんが、ボックス系（margin／paddin

ケータイ端末のプロファイルデータを無償でご提供！ ウェブサイトにアクセス可能なすべてのケータイ端末※1のプロファイルデータを収集いたしました。 『ケータイ端末プロファイルデータ（無償版）』※2は、各端末の画像サイズや文字数、対応アプリケーションなどの詳細なプロファイルデータをCSV形式で提供するものです。「端末プロファイル」「画面情報」「USER_AGENT情報」の3種類のファイルからなっており、エクセルなどの表計算ソフトや各種分析ソフトで読み込むことができるので、お客様ご自身の手で、さらに詳細に、独自の軸での集計・分析ができます。 『ケータイ端末プロファイルデータ（無償版）』に収録されている詳細なプロファイルデータを分析することで、汎用性の高いコンテンツを効率的に制作することが可能となります。データは、新機種が発売されるタイミングで更新され、ダウンロード可能となります。 ※1スマートフォ

All of TAGs<A> <ABBR> <ACRONYM> <ADDRESS> <B> <BASE> <BIG> <BLOCKQUOTE> <BODY> <BR> <CAPTION> <CITE> <CODE> <DD> <DFN> <DIV> <DL> <DT> <EM> <FIELDSET> <FORM> <H1> <H2> <H3> <H4> <H5> <H6> <HEAD> <HR> <HTML> <I> <IMG> <INPUT> <KBD> <LABEL> <LI> <LINK> <META> <OBJECT> <OL> <OPTGROUP> <OPTION> <P> <PARAM> <PRE> <Q> <SAMP> <SELECT> <SMALL> <SPAN> <STRONG> <STYLE> <TABLE> <TD> <TEXTAREA> <TH> <TITLE> <

XHTML Mobile Profileに対応したHTML 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基本となるHTMLについて説明します（図1-1）。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基本はHTMLを基準に作られていますが、携帯ブラウザ（iモード、EZweb、Yahoo!ケータイ）で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof

平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。

平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。

平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。

平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。

平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。

ECナビデベロッパーネットワークは、開発者向けにECナビのサービスの紹介を行っていきます。また、開発者コミュニティは技術者同士の情報交換の場としても役立てていただけます。 ECナビでは、「ECナビデベロッパーネットワーク」を通じて、開発者の皆さんから新しいアイデアを寄せていただき、お客様にとってより便利なサービスを提供できるよう努めてまいります。ECナビの各種APIを利用することで、ECナビのサービスに保存されているデータを活用したり、ECナビ独自の機能を利用するといったことが可能となります。 ECナビは多様なサービスを提供するウェブサイトであると同時に、多彩な機能をもったプラットフォームでもあります。ECナビウェブサービスを、インタラクティブなウェブサイトの運営に、ECナビと連携するアプリケーションの開発に、まだ見ぬ可能性を秘めたユニークなサービスの構築に、どうぞご活用ください。

こんどは、PHP5.1.2 の fgetcsv() ではまった… fgetcsv() で読み込もうとする csv ファイルの文字コードと、PHP の内部文字エンコーディングが違う場合、fgetcsv() で読み込むと、どうしても文字が腐る … (PHP4 時代[少なくとも 4.3 系統は]は、問題なかった) 【以下みたいな場合】 CSV: Shift_JIS (Windows の Excel で作成されることを想定するとこれ) PHP内部コード: UTF-8 (最近は自分プロジェクトはこれで統一している) で、試しに、CSV のエンコードを UTF-8 にして試すと、うまくいんだよなぁ。 色々調べると、PHP5 からどうやらロケール? に左右されるらしい… (参照URL: PHP-devML) ただ、上記 ML のスレッドでも解決方法(いや解決してないようだが)を試しても、やっぱりダメ。

このページはAjaxライブラリの1つであるjQueryライブラリを勉強したい人向けに用意されています。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 jQueryはバージョンによってメソッドが異なるため、バージョン別に入門ページを用意してあります。ここでは、バージョン1.2.6を基準としています。 Ajaxライブラリ (JavaScriptライブラリ) としてはPrototypeライブラリ (prototype.js) が有名です。Prototypeライブラリはプログラマに多く利用されており、JavaScriptの機能を拡張することで使いやすくなるように設計されています。jQueryはエレメントへのアクセスをスタイルシートと同じようにすることで非常に分かりやすくコンパクトな記述ができるようになっています。