「ジンドゥークリエイター 仕事の現場で使える！ カスタマイズとデザイン教科書」（技術評論社）の評判・価格・レビュー
jQueryを学ぶための教材の基本情報・価格・レビュー。
PR・広告を含みます
jQueryをスクールで学ぶなら、教育訓練給付で最大80%OFF。
対象講座なら受講料の最大80%（給付区分・上限・要件あり）が後日戻り、実質負担を抑えられます。独学の本＋スクールの併用も。
▶ あなたの講座でいくら戻るか試算（無料・30秒）
無料相談で適用条件を確認できます
無料相談で適用条件を確認できます
無料相談で適用条件を確認できます
はじめての方へ：教育訓練給付のしくみと損しない選び方 ／ 申請手順5ステップ
学んだ後に「作って公開する」ための環境例です。サーバー・ツールは教育訓練給付／補助の対象外です。
※給付率・実質額は区分（一般20%／特定一般40%／専門実践 最大80%）と要件で変わり、即時値引きでなく後日支給です。最終可否はハローワーク・厚労省でご確認ください。掲載はPR（送客手数料を受領）。
この本について
KDDIウェブコミュニケーションズが提供するCMS「ジンドゥークリエイター」。本書は「標準レイアウト」を使用した見映えのよい動きのあるサイトの作成（カスタマイズ）と、「独自レイアウト」でジンドゥーシステムを使いながらより自由度の高いレイアウトを実現する方法を解説する、2部構成の書籍です。スモールビジネスオーナーを顧客とする制作会社のwebデザイナの方や自社のビジネスサイトを自ら構築したいwebサイト担当者の方に向けて、工数の少ないシステムでありながら本格的かつデザイン性の高いサイトを作成できる方法を、Jimdo Expertのデザイナー陣が伝授します！ ［PART1 ジンドゥークリエイターの基礎知識編］ CHAPTER 01 ジンドゥークリエイターを活用する準備 SECTION 01 ジンドゥークリエイターの特長 SECTION 02 ジンドゥーアカウントの取得とサイト登録 SECTION 03 ジンドゥークリエイターの管理画面と基本機能
CHAPTER 02 カスタマイズとオリジナルデザインの制作で知っておくこと SECTION 01 2つのサイト制作方法 SECTION 02 カスタマイズに必須のHTML仕様を理解する SECTION 03 カスタマイズ用コードを追加する SECTION 04 デザインの確認とデベロッパーツールの活用
［PART2 標準レイアウトのカスタマイズ編］ CHAPTER 03 標準レイアウトでのサイト制作とCSSを使ったカスタマイズ SECTION 01 標準レイアウトでウェブサイトの骨格を作る SECTION 02 スタイル機能を使ってウェブサイトの見た目を整える SECTION 03 CSSを使ってカスタマイズする
CHAPTER 04 jQueryを使ったカスタマイズ SECTION 01 jQueryを使ってウェブサイトの文書構造を変更する SECTION 02 jQueryを使ってナビゲーションをカスタマイズする SECTION 03 jQueryを使って要素をふわっと表示する
CHAPTER 05 スマートフォン表示の最適化 SECTION 01 ジンドゥークリエイターの仕様を確認する SECTION 02 CSSでスマートフォン表示を整える
［PART3 独自レイアウトの作成編］ CHAPTER 06 独自レイアウトの基礎知識 SECTION 01 独自レイアウトとは SECTION 02 独自レイアウトの編集画面 SECTION 03 独自レイアウトのコーディング SECTION 04 独自レイアウト専用の機能 SECTION 05 独自レイアウト制作の注意点
CHAPTER 07 独自レイアウトでのウェブサイト制作＜基本編＞ SECTION 01 独自レイアウトをはじめるための準備 SECTION 02 ウェブサイトの枠組みを作る SECTION 03 ヘッダーエリアを作る SECTION 04 ナビゲーションを作る SECTION 05 フッターを作る SECTION 06 トップページのコンテンツを作る
CHAPTER 08 独自レイアウトでのウェブサイト制作＜応用編＞ SECTION 01 独自レイアウトによる本格的なウェブサイト制作 SECTION 02 テンプレートの構造と仕組みを理解する SECTION 03 テンプレートをジンドゥーへ移行する SECTION 04 画像を表示させて独自レイアウトを完成させる SECTION 05 各ページのメインコンテンツを制作する
付録 APPENDIX 01 ジンドゥークリエイターの基本操作 APPENDIX 02 ホームページの移動手続き
判型：単行本
jQueryとは
「jQuery」は、HTML要素の取得・更新、イベント制御、Ajax通信などを短く書けるJavaScriptのライブラリです。既存サイトの保守や既存機能の修正で触れる場面が多く、まずは既存コードの読み解き力を支える知識として有効です。新規開発では標準JavaScriptや他のフロントエンド技術との棲み分けが進んでいるため、利用場面を意識して学ぶと判断がぶれません。
こんな人向け：前提として、HTML/CSSでページを組み立てられ、JavaScriptの基本構文が読める読者向けです。DOMとイベントの考え方がまだ曖昧な人は、最初に軽く復習してから進めると定着が早くなります。
独学ロードマップでの位置
jQueryの学習は、JavaScript基礎の確認→DOM操作→イベント制御→非同期通信→既存コードへの適用の順で進めると理解がつながります。まず主要操作を確実に身につけてから、実際の画面改修へ移すと「使える範囲」が広がります。
- まず読み込み方法とセレクタの基本を理解し、簡単なHTMLで動かしながら確認する。
- 要素追加・変更・削除、属性やクラスの制御などDOM操作を繰り返し、どの状態で何が変わるかを体験する。
- イベントの登録と解除、委譲など複数要素への対応を比較し、イベント設計の違いを理解する。
- Ajaxの流れを小さな画面で再現し、通信成功・失敗時の表示分岐を自分で実装する。
- 既存ページを題材にリファクタリングし、同じ処理を生のJavaScriptと対比して理解を深める。
独学で足りる？体系的に学ぶ選択肢
独学では、まず公式ドキュメントで仕様を押さえたあと、同じ要件を複数パターンで書いて動作を比べると定着しやすいです。暗記ではなく「なぜこのメソッドを選ぶか」を逐一言語化し、実際の画面で検証する方針が重要です。教材は、進行順が明確で、演習が段階的に難しくなる構成かどうかを重視すると学習継続率が上がります。
独学が不安な人や期限付きで進めたい人には、目標設定と進捗の確認、演習中心の設計がある体系的な学習の選択肢が向いています。特に既存コードを読む時間を確保できる設計なら、実務接続まで見通せるため挫折しにくくなります。 ▶ 給付でいくら戻るか試算
よくある質問
Q. jQueryは今から学ぶ価値がありますか。
価値はあります。現場ではjQueryを含む既存資産を触る機会が残るため、保守・改修の場面で判断の精度が上がります。一方で新規実装として使う場面は比重が変わっているため、位置づけを理解して学ぶと無駄が減ります。
Q. jQueryを学ぶ順番はJavaScriptの後で良いですか。
先に最低限のJavaScript理解があると理解コストが下がるため、基礎と並行しつつ進めるのが現実的です。DOM、イベント、非同期処理の流れを先に掴むと、jQuery側のAPIは記号に見えるので短時間で定着しやすくなります。
Q. 独学でどこまで進めば実務に近づけますか。
独学ではまず既存ページの小改修を再現できる状態を目安にし、動作確認の手順を文章化すると実務移行が安定します。知識だけでなく、環境構築・検証・変更履歴の管理まで含めて回せると、実務で求められる再現性に近づきます。
次の一冊：次の段階は、まず生のJavaScript APIとブラウザ標準機能の理解、次に実務で頻出の非同期設計やアクセシビリティを扱う教材へ進むと、基盤が拡張しやすくなります。最後に近年の開発方式でどのように再利用性を担保するかを比較する学びに進むと、学習の選択軸が明確になります。
