【2023最新】「jQuery」のおすすめ本!人気ランキング
- 確かな力が身につくJavaScript「超」入門 第2版
- jQuery最高の教科書
- Web制作の現場で使うjQueryデザイン入門[改訂新版] (Web Professional Books)
- jQuery標準デザイン講座
- プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート
- jQueryデザインブック 仕事で絶対に使うプロのテクニック
- 改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで
- JavaScript逆引きレシピ 第2版
- JavaScript コードレシピ集
- JavaScriptの絵本 第2版 Webプログラミングを始める新しい9つの扉
こんな教科書、今までなかった! 【とことん丁寧】&【ステップアップ解説】だから、 知識ゼロからでも本当によくわかる! ぜひ、中身を見て決めてください! これから学ぶ方、一度つまづいた方、必見です! jQueryをこよなく愛するトップクリエイターが 基本的な仕組みから、実務で活かせる珠玉のテクニックまでを徹底詳解! 経験に裏付けられた「わかりにくいポイント」を押さえた解説だから 確かな基礎力と、実務で活かせる実践力を身につけられる! Chapter01 jQueryの基礎知識と本書の特徴 Chapter02 3ステップではじめるかんたんjQuery入門 Chapter03 jQueryの基本的な書き方 Chapter04 確かな基礎力を養うjQueryの基本テクニック Chapter05 活用の幅を広げるjQueryの必修テクニック Chapter06 高機能なギャラリーページを作ってみよう! Chapter07 jQueryを活用したさまざまな表現 Appendix jQueryリファレンス Chapter01 jQueryの基礎知識と本書の特徴 jQueryの基礎知識 本書の目的と構成 jQueryの実行環境の準備 デバッグ方法 Chapter02 3ステップではじめるかんたんjQuery入門 体験することからはじめよう! STEP1 CSSのスタイルを変更してみよう STEP2 タイミングをコントロールしてみよう STEP3 アニメーションさせてみよう Chapter03 jQueryの基本的な書き方 データを格納するさまざまな入れ物 特定の機能をまとめる「関数」 スコープと命名規則 演算子 主な制御文 Chapter04 確かな基礎力を養うjQueryの基本テクニック さまざまなホバーエフェクトで学ぶ動きのある表現の基本 画像とキャプションの表現 丸いボタンのレイアウト 見え隠れするサイドバー タイポグラフィの表現 Chapter05 活用の幅を広げるjQueryの必修テクニック Basic 滑らかな動きのスライドショー Advanced 多機能なスライドショー Basic スティッキーヘッダー Advanced デザインが変化するスティッキーヘッダー Basic 画面領域を有効活用できるタブ Advanced 高機能で拡張しやすいタブ Basic スムーズスクロール Advanced 拡張性のあるスムーズスクロール Chapter06 高機能なギャラリーページを作ってみよう! ギャラリーページの全体像 Basic シンプルなギャラリーページの作成 Advanced フィルタリング機能を持つギャラリーページの作成 Advanced 選択画面の拡大機能とキャプションの追加 Advanced マウスの移動方向によるホバーエフェクト機能の追加 Chapter07 jQueryを活用したさまざまな表現 画像の読み込みのプログレス表示機能 画像シーケンスのアニメーション 回転のアニメーションによるインフォグラフィック マスクのアニメーション Appendix jQueryリファレンス
学生やWebデザイナー向けのjQuery入門書。難度順の全30レッスンで、さまざまな動作サンプルを作りながら学べる構成。 作って身につく・仕組みがわかる30レッスン! 本書は、HTMLとCSSの知識はあってもJavaScriptやjQueryには触れたことがない初心者を対象にした、Web制作向けのjQuery学習書です。全30LESSONを通して、jQueryの基礎知識と基本文法の学習から始めて、実際に動作サンプルを作りながら、jQueryのしくみと使い方を学んでいきます。 各LESSONは、考え方や設計を説明する「講義」と、実際にコードを書いて作っていく「実習」で構成。メニューやナビゲーション、UIパーツなど、Webサイトでよく使われているサンプル作例を自分で作りながら、「使える」知識がきちんと身につきます。 サンプル作例は小さなパーツから始めて、少しずつ複合的なパーツを作っていく難度順なので、プログラミングになじみのない初心者でも挫折せずに進められます。Web制作者を目指す人や、スキルアップしたいWebデザイナーのためのjQuery教科書としておすすめの1冊です! Introduction レッスンを始める前に Chapter01 jQueryの基礎知識 LESSON01 jQueryの概要 LESSON02 jQueryの導入 Chapter 02 jQueryの文法 LESSON03 jQueryの文法 LESSON04 JavaScriptの基本 Chapter 03 jQueryのサンプル制作:Level 1 LESSON05 トグルメニュー LESSON06 アラートボックス LESSON07 ビューアー LESSON08 タブ Chapter 04 jQueryのサンプル制作:Level 2 LESSON09 ドロップダウンメニュー LESSON10 フローティングメニュー LESSON11 lightBox風モーダルウインドウ LESSON12 画像のキャプション表示 LESSON13 ツールチップ Chapter 05 jQueryのサンプル制作:Level 3 LESSON14 ボックスの高さを合わせる LESSON15 文字サイズの変更 LESSON16 パララックス効果 LESSON17 フィルタリング LESSON18 テーブルセルのハイライト LESSON19 アコーディオンパネル LESSON20 スムーススクロール Chapter 06 jQueryのサンプル制作:Level 4 LESSON21 バナーのランダム表示 LESSON22 フォームのバリデーション LESSON23 スライドメニュー LESSON24 スクロールによるヘッダーのリサイズ LESSON25 ブラウザ上部に固定されるヘッダー LESSON26 メニューのハイライト Chapter 07 jQueryのサンプル制作:Level 5 LESSON27 スライドショー(横スクロール) LESSON28 スライドショー(フェードイン/アウト) LESSON29 画像のズーム LESSON30 カウントアップゲーム [補講] プラグインの利用 索引
■本書の目的 当然のことですが、本書はプラグインの使用を否定するものではありません。 jQueryの各メソッドやイベントアクションを今よりもう少し理解して、 プラグインを使用する必要がない場面では、必要最低限の動作に抑えたプログラムを自前で実装し、 効率的かつ効果的にjQueryを活用できるようになることを目的としています。 また、jQueryのさまざまなAPIを知ることによって 今まで使用していたプラグインの中身を読み解くことができると、 機能追加などのカスタマイズや、不要な動作を削ることによる軽量化も可能になります。 ■本書の構造 本書はPART01、PART02合わせて30のCHAPTERで構成されています。 PART01ではテクニックを紹介することに主眼を置いた比較的短いスクリプトを、 PART02ではプラグインを利用して実装するような長いスクリプトを使って解説を進めます。 各CHAPTERは「テクニカルノート」と「サンプルの解説」に分かれています。「テクニカルノート」には、 そのCHAPTERのサンプルで使用しているjQuery APIのうち、 入門書ではあまり取り上げられないものを中心に、 現場におけるちょっとしたテクニックとともに紹介しています。 「サンプルの解説」では、Web制作の現場でよく使う基本的な動作を行うサンプルに沿って、 クリックやマウスオーバー、スクロールといった各種イベント操作から、要素の値の取得方法や判別方法、 取得した値を扱うためのテクニックを、流れに沿って詳しく解説していきます。 ■対象読者 ・jQueryの入門書は読み終えた人 ・プラグインを使えばそこそこのUIを実装できる人 ・既存のjQueryサンプル集の解説がわかりにくいと思っている人 CHAPTER01 animate()メソッド使ったアニメーション CHAPTER02 クラスの追加/削除によるアニメーション CHAPTER03 メガドロップダウンを作ってみよう CHAPTER04 ツールチップを作ってみよう CHAPTER05 ニュースティッカーを作ってみよう CHAPTER06 入力フォームの簡易バリデーション CHAPTER07 入力フォームに文字カウントを設置する CHAPTER08 画面上で右クリックを禁止させる CHAPTER09 デバイスピクセル比を判別して画像を切り替える CHAPTER10 スマートフォンでの縦向き・横向きを判別する CHAPTER11 スクロールイベントで値を取得する CHAPTER12 スクロールしても固定表示されるボタンを設置する CHAPTER13 スクロールして特定の位置にたどり着いたらアニメーションを実行する CHAPTER14 スクロールしてもついてくる追尾型ナビゲーション CHAPTER15 画像をランダムで表示する CHAPTER16 ウィンドウサイズによって読み込む画像を切り替える CHAPTER17 ページ遷移時にフェードアニメーションをつける CHAPTER18 画面に並べられた画像を順々にフェードイン表示する CHAPTER19 画面上に並べられた画像を特定のグループに分けてフィルタリングする CHAPTER20 並べられた要素の高さを一番大きい高さに揃える CHAPTER21 背景画像をフルスクリーンサイズで表示する CHAPTER22 モーダルウィンドウを作る CHAPTER23 タブとアコーディオンを切り替えるUIを作成する CHAPTER24 レスポンシブに対応した開閉式ナビゲーションメニューを作成する CHAPTER25 テキストが長い場合は「続きを見る」リンクを表示する CHAPTER26 「もっと見る」ボタンで画像を順々に読み込む CHAPTER27 横向きのスライドパネルUIを作る CHAPTER28 要素が自動で流れ続けるループスライダーを作る CHAPTER29 複数画像をクロスフェードで切り替えるスライドショーを作る CHAPTER30 ウィンドウ幅いっぱいに広がるコンテンツスライダー
定番の表現から最先端の仕掛けまで。jQueryの基礎解説も掲載。現場で培われた実践テクニック、丁寧な解説で応用力が身に付く、流行の技法をすべて網羅。 INTRODUCTION jQueryの基本解説(jQueryの特徴 jQueryの基本の書き方 ほか) 01 ナビゲーション(縦にスライドするアコーディオンメニュー サブメニューを表示する階層型メニュー ほか) 02 インタラクション(配色や文字サイズを変更できるインターフェイス Masonryを利用したカフェメニュー風のレイアウト ほか) 03 エフェクト(ウィンドウフィッティングとトランジションでFlash風に 水平アコーディオンを使った和風デザイン ほか) 04 ユーティリティ(Googleマップの埋め込みと一歩進んだカスタマイズ 近所の人が見ているUstream番組をチェック ほか)
Web系の基本言語としてますます重要度の高まるJavaScript言語。定番の入門書が最新対応でリニューアル! ネットの基本言語JavaScriptのやさしい入門書がリニューアル! JavaScriptはプログラミングの入門言語、ネット系/Web系プログラミングの 基本言語として重要な位置を占めています。『JavaScriptの絵本 第2版』は プログラミングの知識のない方でも気軽に始められるやさしい入門書です。 本改訂では、進化してきたJavaScriptの利用法にも配慮し、さまざまな点で 内容を見直しました。 ・絵を多用し、短い解説で絵本のようにビジュアルに理解することができます。 ・2ページを単位とした説明、基礎に絞り込んだ内容でスピーディに習得。 ・予備知識は不要。「プログラミングとはなにか」から説明します。 ・最新の言語仕様に対応し、JavaScriptのライブラリの活用法なども説明します。 ・JavaScriptのオブジェクト指向も解説。オブジェクト指向に易しく入門できます。 【翔泳社の「絵本」シリーズのラインナップをアップデート】 翔泳社の「絵本シリーズ」は、豊富なイラストと簡潔な解説で コンピュータ技術に入門できる初心者向けのシリーズです。 言語/技術の超初心者や手軽に習得したい方に最適な入門書です。 新しい「絵本シリーズ」では、旧来の分かりやすさ、親しみやすさ、 基礎に徹した内容というコンセプトはそのままに、Web/ネットが全盛となった 現在のコンピュータ技術の潮流に合わせた解説を施しています。 JavaScriptをはじめる前に 第1章 HTML 第2章 JavaScriptの実装 第3章 変数と演算子 第4章 制御文 第5章 関数 第6章 一般的なオブジェクト 第7章 ブラウザのオブジェクト 第8章 JavaScriptのオブジェクト指向 付録
あなたのWebにJavaScript + jQueryのパワーを。 1 JavaScriptの基本を理解する 2 JavaScriptとオブジェクト指向 3 Document Object Model 4 jQueryの基本をマスターする 5 jQueryの応用機能をマスターする 6 jQuery UIの利用 7 プラグインによるjQueryの拡張 8 Ajaxアプリケーションの実例
目的別にデザインが探せて、すぐに使える! 目的別にデザインが探せるデザイン見本帳 1冊あれば今日のWebデザインのアイデアがすぐ見つかる! 400点以上の良質見本から学べるWebデザインの基礎原則 ■この本のポイント ・良質なWebサイトの見本のみ厳選して紹介している。 ・デザインの理由や方向性を解説することで、デザインの作り方の理論が学べる。 ・詳しい解説とやさしい図版で、見本サイトを見るだけではわからないデザインのポイントがわかる。 ・デザインの切り口をつかむアイデアネタ帳としても使える。 ■本書の対象読者 ・Webデザインをこれから学びたい人、デザイナー初心者 ・Webデザインを学習する上で、まずは絵を見て感じ取りたい人 ・Webの見本サイトを見ただけでは、どのようにすればデザインが作れるのかわからない人 ・たくさんの最新のWebデザインを手元に置いてすぐに活用したい人 第0章 Webデザインの基礎知識 Webデザインの基礎知識 Webページの構成とワークフロー Webページに入るデザインパーツ WEBサイトで扱う画像 Webデザインとタイポグラフィー 色彩の基礎知識 配色の基礎知識 第1章 ユーザーに伝わる印象から考えるデザイン キュートで可愛いデザイン ポップで元気あふれるデザイン エレガントで気品に満ちたデザイン ナチュラルで優しいデザイン クールで先進的なデザイン ヴィンテージで憧れるデザイン ノスタルジックで郷愁感じるデザイン クラシックで格調高いデザイン 和を感じるデザイン 透明感のあるデザイン 子供向けのデザイン 女性らしいデザイン 男性らしいデザイン 高級感があるデザイン 信頼感があるデザイン 食べ物が美味しそうに見えるデザイン 春夏秋冬、季節を感じるデザイン 第2章 ロゴやカラーから考える配色デザイン ロゴやブランドカラーから考える配色 黄をメインカラーにした配色 橙をメインカラーにした配色 赤をメインカラーにした配色 ピンクをメインカラーにした配色 緑をメインカラーにした配色 青をメインカラーにした配色 紫をメインカラーにした配色 茶をメインカラーにした配色 白、グレーをメインベースカラーにした配色 黒をベースカラーにした配色 トーンを合わせた配色 第3章 サイトの業種・ジャンル別から考えるデザイン レストラン・カフェサイト 医療・病院サイト ファッションサイト 美容・エステサイト アートフェス・イベントサイト 音楽サイト ウェディングサイト アニメ・ゲームサイト 士業サイト 学校・幼稚園サイト ポートフォリオサイト ニュース・ポータルサイト ネットショップ コーポレートサイト スポーツ・フィットネスサイト 第4章 レイアウトや構図から考えるデザイン 安定感を持たせるグリッドレイアウト 遊び心を持たせるフリーレイアウト シンプルにすっきり見せる1カラムレイアウト 複数のマルチカラムレイアウト ビジュアルを沢山見せるタイル・カード型のレイアウト 対比させたい時に使うシンメトリーなレイアウト ビジュアルを印象付けるフルスクリーンレイアウト 線を効果的に使ったレイアウト 構図を意識したレイアウト 第5章 素材や書体、プログラムを効果的に使ったデザイン 1 写真をメインに使ったデザイン 2 たくさんの切り抜き写真を使ったデザイン 3 テクスチャを使ったデザイン 4 飾りパーツを使ったデザイン 5 イラストを使った親しみやすいデザイン 6 タイポグラフィを使ったデザイン 7 手書き文字を使ったあたたかみのあるデザイン 8 動画を効果的に使ったデザイン 9 動きを持たせたデザイン 10 インフォグラフィックスを用いて情報をわかりやすく伝えるデザイン 第6章 Webデザイントレンド 1 レスポンシブWebデザイン 2 Webフォントを使ったサイト 3 スプリットスクリーン 4 フラットデザインとマテリアルデザイン 5 マイクロ・インタラクション 6 大きなイメージや動画を使ったヒーローヘッダー 7 パララックスで見せる動きのあるサイト 8 カード型レイアウトとグリッドをあえて外したレイアウト 9 より鮮やかな配色 第7章 パーツ別デザイン ヘッダー グローバルナビゲーション 見出し ボタン・ページトップナビ テーブル フォーム ファビコン・アップルタッチアイコン フッター まとめサイトの紹介 サンプルサイト索引
サンプルコードを使った実践的なレッスンにより、ステップバイステップ形式でjQueryをマスターできる入門編。「スクリプトを覚える極意」などの学習方法や「スクリプトがうまく動作しない場合の対処法」(デバッグの仕方)も解説。jQueryの基礎を習得したあとに、Web制作の現場ですぐに活用できるように、簡単に組み込んで使える便利なjQueryライブラリも取り上げた。 1 準備編-はじめてのjQuery(jQueryを使う前に知っておきたい基礎知識 スクリプトを覚える極意) 2 準備編-jQueryライブラリの「準備」と「約束ごと」 3 基礎編-jQueryの基礎知識(jQueryの実習に入る前に知っておくべきこと jQueryの文法の3つのポイント jQueryの文法(セレクタ メソッド イベント)) 4 基礎編-実践的なメソッドとアニメーション 5 実践編-jQueryプラグイン・ライブラリを活用する(bxSlider(スライドショー) slidr.js(スライドショー) ColorBox(ポップアップ) liteAccordion(アコーディオン) jQueryToggles(トグルボタン) responsive nav(ナビゲーション) alertify.js(ダイアログ/アラート) TABSLET(タブ切り替え) Intro.js(チュートリアル表示) Ajax(非同期通信)の基礎知識)
JavaScriptの定番ライブラリ「jQuery」の最後発で最新なリファレンスブック登場! 初版はおよそ9年前に発売されましたが、あまたのバージョンアップ版の要望に応え、ようやく筆者が重い腰を上げて最新版で書き上げてくれました。ほかにもたくさんのJavaScriptライブラリがありますが、さまざまな有名サイトで使用され、そのメンテナンスやサイトのバージョンアップなどにもニーズがあるかと思われます。いまやWebデザイナーでもJavaScriptをかくことが要求され当然のように依頼されることもあります。jQueryの学習と知りたい機能を探すことができるリファレンス、いいところどりのポケットリファレンスでWebをもっとよくしていきませんか! ■1章 WebとjQueryの基本 1.1 Webページを構成する要素 1.2 Webの仕組みとAjax 1.3 Ajaxアプリケーション・ライブラリjQuery ■2章 開発環境 2.1 環境を整える 2.2 jQueryの入手 2.3 jQueryの導入 2.4 jQueryを利用するWebページ 2.5 CDNを利用する ■3章 jQueryのコア・オブジェクト 3.1 「jQuery」オブジェクト 3.2 jQueryの別名「$」 3.3 jQueryメソッド 3.4 セレクタを用いてDOM要素の集合を取得する 3.5 HTML文字列からjQueryオブジェクトを生成する 3.6 DOM要素からjQueryオブジェクトを生成する 3.7 $(document).ready()の短縮 3.8 $(window).on('load')と$(document).ready() 3.9 readyイベントの保留 3.1 readyイベント時のエラー 3.11 他のJavaScriptライブラリとの共存 3.12 jQueryオブジェクトのプロパティ ■4章 DOMの操作 4.1 要素内の最後に、要素、HTML、jQueryオブジェクトを挿入する 4.2 要素、HTML、jQueryオブジェクトを要素の末尾に挿入する 4.3 要素内の先頭に、要素、HTML、jQueryオブジェクトを挿入する 4.4 要素、HTML、jQueryオブジェクトを要素の先頭に挿入する 4.5 要素の後ろに、要素、HTML、jQueryオブジェクトを挿入する 4.6 要素の前に、要素、HTML、jQueryオブジェクトを挿入する 4.7 要素を複製する 4.8 要素、HTML、jQueryオブジェクトを要素の後ろに挿入する 4.9 要素、HTML、jQueryオブジェクトを要素の前に挿入する 4.1 要素にクラス指定を追加する 4.11 要素にクラスが指定されているか調べる 4.12 要素からCSSクラス指定を削除する 4.13 要素を削除する 4.14 要素を一時的に削除する 4.15 要素のすべての子ノードを削除する 4.16 要素の最初のアトリビュート値を取得する 4.17 要素に対してアトリビュート値を設定する 4.18 要素から指定したアトリビュートを削除する 4.19 すべての対象要素を置換する 4.2 対象要素をすべて置換する 4.21 要素それぞれに親要素を追加する 4.22 要素の親要素を削除する 4.23 要素をまとめて親要素を追加する 4.24 要素それぞれの内側に親要素を追加する 4.25 要素からHTML文字列を取得する 4.26 要素にHTML文字列を設定する 4.27 要素からテキスト文字列を取得する 4.28 要素にテキスト文字列を設定する 4.29 フォーム要素から値を取得する 4.3 フォーム要素に値を設定する 4.31 プロパティを取得・設定する 4.32 プロパティを削除する ■5章 セレクタ 5.1 全選択 5.2 id 5.3 クラス 5.4 要素 5.5 複数のセレクタをまとめて使う 5.6 インデックスによるセレクタ 5.7 コンテンツの内容によるセレクタ 5.8 子ノードのセレクタ 5.9 階層のセレクタ 5.1 可視条件のセレクタ 5.11 フォームのセレクタ 5.12 属性のセレクタ 5.13 拡張セレクタ 5.14 セレクタ文字のエスケープ ■6章 jQueryオブジェクトの走査 6.1 要素をインデックス値で特定する 6.2 要素の集合から条件にマッチした要素を削除する 6.3 条件にマッチする子ノードを持つ要素の集合を得る 6.4 各要素を関数に通して処理する 6.5 インデックス値の範囲で要素を抽出する 6.6 条件にマッチする要素を抽出する 6.7 要素集合から子要素を抽出する 6.8 条件にマッチした要素の兄弟要素を抽出する 6.9 条件にマッチした要素の親要素を抽出する 6.1 条件にマッチした要素の親要素を、範囲を限定して抽出する 6.11 要素の前・後の兄弟要素をすべて抽出する 6.12 要素の前・後の兄弟要素を、範囲を限定して抽出する 6.13 最も近くの条件にマッチする親要素を得る 6.14 条件にマッチする要素を子孫の階層から探索する 6.15 最も近い「配置済み」の親要素を得る 6.16 要素集合に要素を追加する 6.17 テキストノードも含めて、要素の子ノードを抽出する 6.18 1つ前の状態のjQueryオブジェクトを返す 6.19 1つ前の状態のjQueryオブジェクトを結合する 6.2 最初・最後の要素を抽出する 6.21 前・次の要素を抽出する 6.22 要素が条件にマッチするかチェックする ■7章 イベント操作 7.1 イベントオブジェクト 7.2 イベントオブジェクトのメソッド群 7.3 マウスクリック 7.4 ダブルクリック 7.5 マウスの移動 7.6 マウスボタンを押す・離す 7.7 マウスカーソルの要素への出入り 7.8 マウスカーソルの出入りに応じ、それぞれの処理を実行する 7.9 フォーカスの移動 7.1 キーを押す・離す 7.11 フォーム要素の変更時イベント 7.12 テキストの選択 7.13 フォーム送信のイベント 7.14 ブラウザウィンドウのリサイズを検出する 7.15 スクロールを検出する 7.16 イベントにイベントハンドラを割り当てる 7.17 イベントハンドラを解除する 7.18 イベントを発火する 7.19 1度だけ呼び出したいイベントハンドラを割り当てる ■8章 jQueryのCSS操作 8.1 CSSプロパティの取得 8.2 CSSスタイルの指定 8.3 CSSスタイルの一括指定 8.4 要素の高さを調べる 8.5 要素の高さを設定する 8.6 要素の幅を調べる 8.7 要素の幅を設定する 8.8 要素のinnerHeightを調べる 8.9 要素のinnerWidthを調べる 8.1 要素のouterHeightを調べる 8.11 要素のouterWidthを調べる 8.12 要素の表示位置を調べる・設定する 8.13 要素の表示位置を調べる 8.14 縦方向のスクロール位置を取得する・設定する 8.15 横方向のスクロール位置を取得する・設定する 8.16 クラスの指定あり・指定なしを切り替える 8.17 独自のCSSプロパティを作成する 8.18 単位なしで利用可能なCSSプロパティの一覧を得る ■9章 データ 9.1 データの割当と解除 9.2 データが割り当てられているか調べる ■10章 エフェクト 10.1 アニメーション効果の無効化 10.2 フェード効果 10.3 スライド効果 10.4 表示と非表示 10.5 カスタムアニメーション 10.6 アニメーションを停止する 10.7 視覚効果のキューを操作する ■11章 Ajax 11.1 Ajaxの設定パラメータ 11.2 Ajaxの設定をコントロールする 11.3 HTTPリクエストを送信してレスポンスを受け取る 11.4 HTTPリクエストを送信し、受け取ったレスポンスをDOMに挿入する 11.5 JSONエンコードされたデータをサーバから取得する 11.6 JavaScriptファイルをサーバから取得する 11.7 Ajaxのリクエストを送信し、レスポンスを受け取る 11.8 Ajaxプレフィルタ 11.9 Ajaxトランスポート 11.1 Ajaxイベントハンドラ 11.11 ヘルパー関数 ■12章 Callbacksオブジェクト 12.1 Callbacksオブジェクトを生成する 12.2 Callbacksオブジェクトにコールバックを追加する 12.3 Callbacksオブジェクトを実行する 12.4 コンテキストを指定してCallbacksオブジェクトを実行する 12.5 Callbacksが実行されたか確認する 12.6 Callbacksオブジェクトを無効化する・無効化されているか確認する 12.7 Callbacksオブジェクトをロックする・ロックされているか確認する 12.8 コールバック関数を削除する・Callbacksオブジェクトを空にする ■13章 Deferredオブジェクト 13.1 同期処理と非同期処理 13.2 非同期処理とコールバック関数 13.3 $.Deferredを使おう 13.4 $.Deferred()ファクトリーメソッド 13.5 promiseオブジェクトを返す 13.6 Deferredの状態を調べる 13.7 成功時・失敗時・進行中の処理を実行する 13.8 処理を確定する・進行中の通知を発行する 13.9 Deferredのコールバックを集中管理する 13.1 複数のDeferredオブジェクトやPromiseオブジェクトを非同期に処理する ■14章 ユーティリティ 14.1 文字列の前後からホワイトスペースを除去する 14.2 配列を操作する 14.3 反復処理や条件判断に便利なメソッド 14.4 その他のユーティリティメソッド 14.5 jQueryオブジェクトに対する便利なメソッド ■15章 SVGの操作 15.1 SVGとは 15.2 SVG.jsを導入しよう 15.3 SVG.jsで簡単な図形を描いてみる 15.4 SVG.jsでアニメーションを作る 15.5 jQueryとSVG.jsでグラフを描く
jQueryのレシピをベストプラクティスとともに幅広く収録。jQueryコミュニティの第一線で活動する著者陣が、必要な情報とテクニックを網羅して提供している。日々のプロジェクトにjQueryを使う一流のフロントエンド開発者たちのパターンやプラクティスが盛り込まれている。jQuery入門とその基礎的なベストプラクティスの解説からはじまり、実際的な課題に対するレシピをトピックごとに取り上げる。読者は、jQueryの基礎的なテクニックをふまえながら、画期的な問題解決のためのテクニックやアイデアを吸収することができる。 jQueryの基礎 jQueryでの要素の選択 基礎の枠を超えて jQueryのユーティリティ もっと速く、もっと単純に、もっと楽しく 大きさ エフェクト イベント 高度なイベント HTMLフォームの拡張 プラグインによるHTMLフォームの改良 jQueryプラグイン インターフェイスコンポーネントの構築 jQueryUIを使ったユーザインターフェイス jQueryUIのテーマ jQuery、Ajax、データフォーマット:HTML、XML、JSON、JSONP 大規模なプロジェクトでのjQueryの使用 ユニットテスト
Web制作で圧倒的な人気を誇るJavaScriptライブラリ「jQuery」「jQuery UI」「jQuery Mobile」を網羅的に解説!Web開発者の必携書!jQuery 1.X/2.X対応! 1 jQuery(jQueryの基礎知識 jQuery Core(コア/基本) セレクタ関係 ほか) 2 jQuery UI(インタラクション ウィジェット エフェクト) 3 jQuery Mobile(ページ構成 ダイアログ ページリンク ほか)
知識ゼロから、きちんと学べる入門書! 2年ぶりの改訂! はじめてIllustratorを触る人を対象とした、超入門書です。Illustratorの各ツールの基本機能から、実務で使える鉄板の応用技まで、この1冊でIllustratorの基本は必ず習得できます! 今回は最新のCC(Creative Croud)に完全対応しました。これからはじめる人に読んでほしい、オススメの1冊です。 [目次] Lesson 1 Illustratorの基礎知識 Lesson 2 はじめてのIllustrator Lesson 3 基本図形の描き方と変形操作 Lesson 4 パスの描画と編集 Lesson 5 オブジェクトの編集とレイヤーの基本 Lesson 6 色とグラデーションの設定 Lesson 7 変形・合成・特殊効果 Lesson 8 画像の配置と編集 Lesson 9 文字操作と段落設定 Lesson 10 総合演習 Lesson 11 環境設定とデータ出力 Lesson 1 Illustratorの基礎知識 Lesson 2 はじめてのIllustrator Lesson 3 基本図形の描き方と変形操作 Lesson 4 パスの描画と編集 Lesson 5 オブジェクトの編集とレイヤーの基本 Lesson 6 色とグラデーションの設定 Lesson 7 変形・合成・特殊効果 Lesson 8 画像の配置と編集 Lesson 9 文字操作と段落設定 Lesson 10 総合演習 Lesson 11 環境設定とデータ出力
jQueyのその先へ。サンプルをつくりながら学ぶ制作現場の実装スキル jQueyのその先へ。 サンプルをつくりながら学ぶ制作現場の実装スキル JavaScriptの基本書は数多く存在しますが、実際の開発で、どうコードに落とし込めばいいかとなると、とたんに「壁」を感じる人がたくさんいます。本書は、そんな人たちが、これだけ学べば「壁」が越えられるという5つ(❶オブジェクト指向の考え方、❷UI・インタラクティブ表現としてのイベント、❸Canvas APIによるグラフィック表現、❹Ajaxを利用したAPI連携とデータ検索、❺シングルページアプリケーションの実装)を集中的に学んでいく学習書です。それぞれ読んで理解しできる「基本」と、具体的なコードを書きながら学べる「実践」とのセットで学べるので、現場で使えるスキルが効率よく学べます。 Chapter01 オブジェクト指向 Chapter02 UI・インタラクティブ表現 Chapter03 グラフィック表現 Chapter04 AJAX・API連携・データ検索 Chapter05 シングルページアプリケーション
JavaScriptのセオリーを徹底解説。基本からクライアントサイド、サーバサイドまで最新の技術を完全網羅。 1 JavaScript-overview 2 JavaScript言語仕様 3 クライアントサイドJavaScript 4 HTML5 5 Web API 6 サーバサイドJavaScript
Webページに必須のJavaScriptの技術を作例の作成を通して学ぶ。Webページ制作未経験でもわかるように丁寧に解説する JavaScriptは、Webページに表示される画像や文字列などを、閲覧する人の操作に応じて自由自在に変えられるプログラミング言語です。本書では、1つ1つ作例を作り、動かしながらJavaScriptの基本を少しずつ学んでいきます。手順通りにやるだけで、HTMLやCSSの未経験者でもJavaScriptの使い方が必ずマスターできます。(ブルーバックス・2014年1月刊) 手順通りに書いて、動かすだけで 自然とJavaScriptが身につく! JavaScriptは、Webページに表示される 画像や文字列などを、閲覧する人の操作に応じて 自由自在に変えられるプログラミング言語です。 本書では、1つ1つ作例を作り、動かしながら JavaScriptの基本を少しずつ学んでいきます。 手順通りにやるだけで、HTMLやCSSの未経験者でも JavaScriptの使い方が必ずマスターできます。 1章 JavaScriptとは何だろう 2章 JavaScriptを学習する前の準備 3章 JavaScriptプログラミングはじめの一歩 4章 ボタンクリックで処理を実行させよう 5章 JavaScriptでHTMLやCSSを操作する 6章 変数の処理を学ぼう 7章 表示する画像によって実行する処理を使い分ける 8章 画像の表示をスムーズにする記述方法について 9章 さらに効率のよいコードに改善する
JavaScriptの全体像を理解し使いこなす!初心者が覚えるべき要素を厳選。アニメーション効果やモーションデザインも解説 JavaScriptの全体像を理解し使いこなす!初心者が覚えるべき要素を厳選。 ユーザビリティを向上させるアニメーション効果やモーションデザインも解説。 JavaScriptは他のプログラミング言語より敷居が低い(初心者向きの)言語として知られていますが、仕様や技術の全体像を理解していないと、なかなか使いこなせないものです。 本書は、JavaScriptの全体像を常に意識しながら、言語仕様であるECMAScript、ブラウザーに文字や画像を表示する仕組み、ブラウザーとプログラムをつなぐAPI、DOM、アニメーション表現などの技術を体系的に学べるように構成しました。 各章の冒頭では、達成目標や学習のポイント、学習の流れを理解し、「今何を学んでいるのか」を常に把握できます。 章末では、練習問題や達成目標のチェックシートで理解度を自己評価し、理解が曖昧な箇所や、復習すべき学習項目を洗い出すことができます。 また、JavaScriptには20年以上の歴史があり、何度も改訂が繰り返されてきましたが、特に大きな改訂となったのがECMAScript2015(ES6)です。ソフトウェア開発の生産性に関わる重要な仕様が盛り込まれており、これからJavaScriptを学ぶ人たちにとっての「入り口」になります。本書はこのES6に準拠しているので、より実践的なスキルを身につけることができます。 はじめに 本書の読み方 Chapter1 WebとJavaScript 01.JavaScript 誕生の歴史 ・JavaScriptとは? ・JavaScriptとJavaはどう違うの? 02.Web ブラウザーの種類 ・OSの標準ブラウザーとサードパーティのブラウザー ・レンダリングエンジンとJavaScriptエンジン 03. JavaScript とECMAScript の関係 ・マイクロソフトのJScriptって何? ・高校生でもわかるJavaScriptの全体像 ■学習目標のチェックシート・Chapter1 のまとめ Chapter2 準備と基本文法 01.JavaScript を学ぶための準備をしておこう ・学習に必要な環境とは? ・テキストエディタの種類 ・プログラミングは修正の繰り返し 02.HTML ファイルを作成する ・プロジェクトフォルダーとHTMLファイルを新規作成する 03.オートコンプリートを活用してコードを記述しよう ・オートコンプリート機能とは? 04.プログラミングの「デバッグ」を体験してみよう ・コンソールとは? 05.外部のJavaScript ファイルを作成してHTML に読み込む ・JavaScriptファイルを新規作成する 06.用途に応じてコメントを記述する ・コメントを記述してみよう ■学習目標のチェックシート・Chapter2 のまとめ Chapter 3 変数とデータ型 01.変数とは? ・変数を宣言する ・変数にデータを記憶する ・変数名の付け方 ・予約語は使用できない ・変数宣言の巻き上げとは? 02.演算子の種類と優先順位 ・演算子とは? 03.JavaScript のデータ型 ・データ型を学ぶ ・JavaScriptのデータ型はプリミティブ型とオブジェクト型 ■練習問題 ■学習目標のチェックシート・Chapter3 のまとめ ■練習問題の解答 Chapter 4 条件分岐 01.アルゴリズムって? ・アルゴリズムの基本 02.体格指数を算出するプログラムをif 文で書いてみよう ・if文で記述する 03.体格指数を算出するプログラムをif/else 文で書いてみよう ・if/else文で記述する ・痩せぎみの判定を追加する 04.曜日によって表示を変更するプログラムをswitch 文で書いてみよう ・switch文で記述する ■練習問題 ■学習目標のチェックシート・Chapter4 のまとめ ■練習問題の解答 Chapter 5 繰り返し 01.ループ文 ・ループ文とは? 02.while 文とdo while 文を理解する ・while文とdo while文で記述する 03.for 文を理解する ・for文で記述する 04.break 文とcontinue 文を理解する ・break文とcontinue文で記述する ■練習問題 ■学習目標のチェックシート・Chapter5 のまとめ ■練習問題の解答 Chapter 6 配列 01.配列とは何か? ・配列を学ぶ 02.JavaScript の配列はオブジェクト ・組み込みオブジェクトとは? 03.連想配列 ・連想配列を使ってデータを格納する 04.基本的な配列の操作 ・配列の操作を学ぶ ■練習問題 ■学習目標のチェックシート・Chapter6 のまとめ ■練習問題の解答 Chapter 7 関数 01.関数の基礎知識 ・関数のどこが便利なの? ・関数はどのように定義するの? ・メソッドでもある関数とメソッドではない関数 02.関数の使い方 ・独自の関数を定義して呼び出す 03.関数を使って簡単なプログラムを作る ・改良前のプログラムを再確認する ・プログラムを設計する ■練習問題 ■学習目標のチェックシート・Chapter7 のまとめ ■練習問題の解答 Chapter 8 組み込みオブジェクト 01.JavaScript の組み込みオブジェクト ・組み込みオブジェクトとその種類 02.Date オブジェクトを使う ・Dateオブジェクトで日付や時刻を表示する 03.String オブジェクトを使う ・Stringオブジェクトで文字列を操作する 04.Number オブジェクトを使う ・Numberオブジェクトで数値を表示する ■練習問題 ■学習目標のチェックシート・Chapter8 のまとめ ■練習問題の解答 Chapter 9 オブジェクト指向プログラミング 01.オブジェクト指向とは? ・オブジェクト指向の概念を学ぶ 02.DOM オブジェクトとは? ・JavaScriptをWebで使うために欠かせない技術 03.DOM の操作 ・DOMの構造を理解する ・DOMを操作する ・DOMオブジェクトの内容を確認する ■練習問題 ■学習目標のチェックシート・Chapter9 のまとめ ■練習問題の解答 Chapter 10 Web API 01.API とは? ・Webアプリケーション開発で必須のAPI ・ブラウザーのAPIとサードパーティのAPI 02.Web ブラウザーのオブジェクト ・Webブラウザーのオブジェクトとは? ・Webブラウザーの印刷ダイアログを表示する ・イベントオブジェクト 03.その他のオブジェクト(XMLHttpRequest) ・XMLHttpRequestを使った処理を確認する ■練習問題 ■学習目標のチェックシート・Chapter10 のまとめ ■練習問題の解答 Chapter 11 jQuery 01. JavaScript のライブラリ「jQuery」 ・ライブラリとフレームワークとは? ・jQueryの使い方 ・ライブラリなしのJavaScriptコードとjQueryを比較する ・jQueryでh1要素の色を変更する 02. スライドショーを作成する ・スライドショーを作成する ■練習問題 ■学習目標のチェックシート・Chapter11 のまとめ ■練習問題の解答 Chapter 12 アニメーション 01. Vue.js の使い方 ・JavaScript 学習の全体像 ・Vue.js をインストールする ・Vue.js を動かしてみる 02. 基本的なアニメーション表現 ・フェードイン・アウト ・ズームイン・アウト 03. モーションデザイン ・フラットデザインとモーションデザイン ・モーションデザインの重要性 ・CSSアニメーションライブラリの活用 ■練習問題 ■学習目標のチェックシート・Chapter12 のまとめ ■練習問題の解答 ・索引
実際のWebサイト制作に使えるコードを多数紹介。プロのデザイナーとして必須のスキルが身につく。 1 JavaScriptの基本 2 Webページの操作-変数の利用 3 文字の加工-文字列処理 4 値による表示の変更-条件分岐 5 複雑化した処理の整理-関数 6 大量のデータの処理-配列とループ処理 7 JavaScriptのデータ構造-オブジェクト 8 キャンバス-Canvas 1 9 画像、音声、動画の利用-Canvas 2、Audio、 Video
プログラム作りを楽しもう。はじめてでも大丈夫!この1冊で基礎をしっかりマスターできます! 1 JavaScriptでビジュアルWebプログラミング 2 JavaScriptでプログラムを作る 3 イベント処理とオブジェクト操作 4 JavaScriptの標準オブジェクト 5 HTML要素を動的に操作する 6 ラケットゲームを作成する 7 プログラムテクニックを身に付ける 8 データ構造とアルゴリズム 9 リバーシゲームに挑戦
JavaScript初心者でも安心して学べる超入門書の登場! 【本書の概要】 Webサービスの開発現場で人気のJavaScript。 はじめてJavaScriptに触れる方も多くなってきています。 本書はそうしたJavaScript初心者の方に向けて 簡単なサンプルを作りながら、JavaScriptのプログラムの仕組みを 体験してもらう書籍です。 【対象読者】 JavaScriptのついて、何も知らない超初心者 【1年生シリーズ・3つのポイント】 ・対話形式で解説し、イラストを交えながら、基礎知識を解説します。 ・初めての方でも安心して学習できるよう基本文法もしっかり解説します。 ・平易でサンプルを用意していますので、安心してプログラムを体験できます。 【本書のポイント】 クロネコ先生とマウス君と一緒に 基本的なプログラムから、作って楽しい音楽アプリの作成まで 体験して、プログラミングのしくみを学ぶことができます。 【著者】 リブロワークス 書籍の企画、編集、デザインを手がける編集プロダクション。手がける書籍はプログラミングからExcelまでIT系を中心に幅広い。最近の著書に『Unityの寺子屋 定番スマホゲーム開発入門』(MdN、大槻有一郎名義、共著)、『今すぐ使えるかんたんEx Excel作図入門』(技術評論社)などがある。 第1章 JavaScriptで何ができるの? 第2章 計算するプログラムを作ろう 第3章 コンピュータに判断させよう 第4章 プログラムの外側を作ってみよう 第5章 遊べる音楽アプリを作ってみよう
JavaScriptの入門者向け解説書 入門者を対象に手を動かしながら、学べる形式をとります。冗長な解説は避け、なるべく簡潔にして読者に飽きさせない切り口で解説していきます。 著者 エンタクルグラフィックスさんはHTML5、JavaScriptなどを使ってのリッチコンテンツ作成を得意とされるWeデザイン制作会社。これまでゲームタイトルのローンチサイトを中心に実績多数。