美しいUI/UXを実現する技術が必ず身につく

すぐに使える実用サンプルを、作りながら、動かしながら学習! レスポンシブWebデザインから最新UI/UXまで、この一冊で学べます。

サンプルダウンロード（zip/166MB） 本書で学習するページ全デモ公開中

JavaScriptやjQueryを使ってWebページを作るのは、実はプログラミング能力そのものよりも、見た目の美しさや演出、Webページの閲覧者が快適にサイトを見て回れる操作性の良さの追求など、デザイナー的な感覚も要求される世界です。

プログラマー的な感覚とデザイナー的な感覚というのは共存するのがなかなか難しいようですが、本書でとった方針は「どちらも本気でやる」。もちろん、プログラミング初心者が対象なので（HTML/CSSの知識は必要です）、jQueryの経験がなくても読み始められます。デザイン力は……jQueryの本なので問われません。でも、jQueryという言語を学びながら、コンピュータを動かすことを考えるのではなく、人の視覚にアピールするものを作る──「コードを書いてデザインする」世界の扉を開ける、ささやかなガイドになれることを目指して書きました。

その目標を実現するために、実稼働している本物のサイトに負けないクオリティのサンプルを用意しました。デザイナーが手にとっても、HTMLエンジニアが手にとっても、書いて、動かしたスクリプトを「本番サイトで、どんなところで、どうやって使うか」そのイメージが、アイディアがわく実践的なサンプル。目指したものがほぼそのとおりに作れたと自負しています。

掲載サンプル紹介ムービー

本書は、半完成のWebページに、jQuery/JavaScriptを組み込み、必要なHTMLやCSSを追加して、動きのあるサイトを作ります。このムービーではサンプルのうち第2章から第6章で作成するスクリプトの動作例を紹介しています。書籍購入を検討されている方は是非ご覧ください。

目次