【2023最新】「javascript」のおすすめ本!人気ランキング
この記事では、「javascript」のおすすめ本をランキング形式で紹介していきます。インターネット上の口コミや評判をベースに集計し独自のスコアでランク付けしています。
Amazonで詳しく見る
紹介文
やさしく学べる、入門書の決定版!
3万部突破のベストセラーが充実のアップデート!
JavaScriptをこれから始める人にも、前に挫折したことのある人にも。
手を動かしてサンプルをひとつずつ作っていくことで、知識だけでなく、
現場で活きる、応用・実践につながる基礎力が「この一冊で」身につきます。
ポイント1「サンプルが楽しい。」
よくある“勉強のためのサンプル”を可能な限り排除し、「こういうの見たことある!」「こういうのが作ってみたかった!」というような、実際に仕事に使えそうなサンプルを集めました。なので、最初の「やるぞ!」というモチベーションを維持したまま、最後のページまで読み進めることができます。
ポイント2「つまずきポイントを徹底カバー。」
初学者がつまずきやすい・挫折しやすいポイントを丁寧に拾って「これはどういうこと?」に対処する解説を用意しています。
共感しながら読み進められる文章で「絶対に挫折しない・させない」内容に仕上げました。
【第2版の主な改訂内容】
・ECMA Scriptの新規格に対応。新しい機能・文法のうち、入門者でも取り組みやすく便利なものを紹介
・書籍内の情報を2019年の状況にあわせて全面的にアップデート
・3~6章のサンプルを更新。解説内容をより丁寧にわかりやすくブラッシュアップ
・7章は全面刷新し、より現代的・実践的なテクニックを学べる内容に
【こんな方におすすめ!】
・HTMLとCSSは何となくわかっていて、JavaScriptもやらないと…と思いつつなかなか手がつけられない方
・「フロントエンドエンジニア」という言葉に惹かれる方
・Web業界に入りたい方、または入りたての方
・「他のWebデザイナーに差をつけたい!」というWebデザイナーの方
・「フロントエンドエンジニアやWebデザイナーとまともにコードの話をしたい!」というWebディレクターの方
やさしく学べる、入門書の決定版!
Chapter1 イントロダクション
1-1 これからJavaScriptを始める皆さんへ
1-2 JavaScriptってどういうもの?
1-3 JavaScriptの「プログラミング」と動作の仕組み
1-4 各章の概要
1-5 用意するツール
1-6 サンプルデータのダウンロード
1-7 テンプレートを準備して、いざ出発!
Chapter2 アウトプットの基本
2-1 コンソールにアウトプット ~開発ツールを使ってみよう
2-2 JavaScriptはどこに書く? ~タグとJavaScriptの記述場所
2-3 ダイアログボックスを表示する ~window.alert()
2-4 HTMLを書き換える ~要素を取得する・コンテンツを書き換える
Chapter3 JavaScriptの文法と基本的な機能
3-1 確認ダイアログボックスを表示する ~条件分岐(if)
3-2 入力内容に応じて動作を変更する ~変数、定数
3-3 動作のバリエーションを増やす ~条件分岐(else if)
3-4 数当てゲーム ~比較演算子、データ型
3-5 時間で異なるメッセージを表示する ~論理演算子
3-6 1枚、2枚、3枚…と出力する ~回数が決まっている基本の繰り返し
3-7 コンソールでモンスターを倒せ! ~回数が決まっていない繰り返し
3-8 税込価格を計算する ~ファンクション
3-9 FizzBuzz ~算術演算子
3-10 項目をリスト表示する ~配列
3-11 アイテムの価格と在庫を表示する ~オブジェクト
Chapter4 インプットとデータの加工
4-1 フォームの入力内容を取得する ~入力内容の取得とイベント
4-2 わかりやすく日時を表示する ~Dateオブジェクト
4-3 小数第◯位で切り捨てる ~Mathオブジェクト
Chapter5 一歩進んだテクニック
5-1 カウントダウンタイマー ~時間の計算とタイマー
5-2 プルダウンメニューで指定ページへ ~URLの操作、ブール属性の設定
5-3 プライバシーポリシー承認パネルを作る ~クッキー(cookie)
5-4 イメージの切り替え ~サムネイルのクリックによる画像の切り替え
5-5 スライドショー ~ここまでの知識を総動員
Chapter6 jQuery入門
6-1 開閉するナビゲーションメニュー ~要素の取得とclass属性の追加・削除
6-2 ドロワーを作ってみよう ~CSSと組み合わせてアニメーションを実現
6-3 空き席状況をチェック ~AjaxとJSON
Chapter7 外部データを活用したアプリケーションに挑戦!
7-1 あなたはいまどこ? ~位置情報(navigator.geolocation)
7-2 Web APIを使ってみよう ~OpenWeatherMap APIで天気予報
Amazonで詳しく見る
紹介文
ECMAScript2015によって、いっそう安全で便利な言語へと進化をつづけるJavaScriptのプログラミングスタイルを基礎から解説。手軽さゆえに油断しがちな正しい文法から、進化を遂げた新記法、オブジェクト指向構文、実際の開発に欠かせない知識まで身につけられます。
1 イントロダクション
2 基本的な書き方を身につける
3 基本データを操作する-組み込みオブジェクト
4 くり返し利用するコードを1箇所にまとめる-関数
5 大規模開発でも通用する書き方を身につける-オブジェクト指向構文
6 HTMLやXMLの文書を操作する-DOM(Document Object Model)
7 クライアントサイドJavaScript開発を極める
8 現場で避けて通れない応用知識
Amazonで詳しく見る
紹介文
この文法や機能とどんなときに使えばいいの?プログラムはどこから書いていけばいいの?どんな順番でプログラムを読めばいいの?jQueryはどうやって使うの?たった90行のコードに基本を凝縮。付録・HTMLとCSSの基本。
第1章 JavaScript入門準備(プログラムを学ぶうえでの心構え
JavaScriptとは何か ほか)
第2章 JavaScriptの文法(基本的な文法
文字列と数値 ほか)
第3章 JavaScriptでHTMLやCSSを操作する(windowオブジェクト-JavaScriptで最も重要なオブジェクト
DOM-JavaScriptからHTMLやCSSを操作するしくみ ほか)
第4章 プログラムの読み方と組み立て方
第5章 jQueryでプログラミングを楽にする(jQuery入門準備
基本的な機能と使い方 ほか)
Amazonで詳しく見る
紹介文
1 JavaScriptをはじめる前に
2 開発環境の用意
3 JavaScriptの基礎知識
4 ページの背景色を変えてみよう
5 時間によってページの背景画像を変えてみよう
6 動きのあるテーブルを作ろう
7 チェックボックスと連動したボタンを作ろう
8 タブで切り替えるメニューを作ろう
9 外部からデータを取得してみよう
10 ライブラリーをもっと使ってみよう
付録
Amazonで詳しく見る
紹介文
「JavaScript関連の知識はゼロ」という状態から、JavaScriptの基礎知識や作法、基本構文、基本テクニックなどを無理なく習得し、プログラムが自力で作れるようになるところまで、しっかりとフォロー。基礎を無理なく学べる、図解と短いサンプルを使用したわかりやすい解説。
第1章 基礎知識と準備
第2章 HTML
第3章 CSS
第4章 基本文法
第5章 制御構文
第6章 関数
第7章 オブジェクトの基礎
第8章 イベント
第9章 ブラウザオブジェクト
第10章 DOM
第11章 jQueryの基礎知識
第12章 jQueryの文法
第13章 Ajax
第14章 アニメーション
Appendix 付録・プログラムがうまく動かないときの対処法-デバッグ
Amazonで詳しく見る
紹介文
JavaScriptの入門者向け解説書
入門者を対象に手を動かしながら、学べる形式をとります。冗長な解説は避け、なるべく簡潔にして読者に飽きさせない切り口で解説していきます。
著者 エンタクルグラフィックスさんはHTML5、JavaScriptなどを使ってのリッチコンテンツ作成を得意とされるWeデザイン制作会社。これまでゲームタイトルのローンチサイトを中心に実績多数。
Amazonで詳しく見る
紹介文
JavaScriptについては一通りマスターした中上級者がさらに上を目指すための高度でかつ有用なテクニックを盛り込んでいます。デザインパターン、コーディングパターン、アンチパターンに基づき、いままで以上にJavaScriptを使いこなし、プログラミングの力を向上させ、JavaScriptのエキスパートになるための知識と技を豊富に紹介。次のステップに踏み出したいプログラマにとって貴重な情報源となる一冊です。Yahoo!のエンジニアとして数々の有用なアプリケーションの開発に携わってきた著者がJavaScriptを200%使いこなすための秘伝を伝授します。
1章 はじめに
2章 必須パターン
3章 リテラルとコンストラクタ
4章 関数
5章 オブジェクト作成のパターン
6章 コード再利用パターン
7章 デザインパターン
8章 DOMとブラウザのパターン
Amazonで詳しく見る
紹介文
実践で即役立つテクニックと開発ノウハウを徹底解説した「JavaScriptを利用するWebプログラマ必携の逆引き集」です。
JavaScript開発必須の知識・現場のテクニックを凝縮!
本書は、実践で即役立つテクニックと開発ノウハウ、つまづきやすい・ハマりやすいポイントを徹底解説した「JavaScriptを利用するWebプログラマ必携の逆引き集」です。
JavaScript(ECMAScript)の基本構文や新記法といった基礎的な知識から、オブジェクト指向、組み込みオブジェクト、関数、オブジェクト指向構文、DOM、ブラウザオブジェクトなどの定石・応用テクニック、開発に役立つツール類まで、著者の経験に基づいた実践の場で必ず役立つノウハウ、レシピを提供します。
JavaScriptをいまいち使いこなせていないと感じる方や中級レベルに向けてしっかり足場固めをしたい方、JavaScriptをもっと活用したい方などにおすすめの一冊です。
第1章 基本構文
1.1 <script>要素
1.2 基本構文
1.3 型変換/型判定
COLUMN:ECMAScriptとは?
第2章 演算子/制御構文
2.1 演算子
2.2 制御構文
2.3 例外処理
COLUMN:ECMAScript仕様確定までの流れ
第3章 組み込みオブジェクト[基本編]
3.1 数学
3.2 文字列
3.3 正規表現
COLUMN:ECMAScriptの歴史
3.4 日付
3.5 Promise
3.6 その他
第4章 組み込みオブジェクト[Array/Set/Map編]
4.1 配列
4.2 マップ
4.3 セット
第5章 関数
5.1 関数の基本
5.2 スコープ
5.3 ES2015より前の関数構文
第6章 オブジェクト指向構文
6.1 オブジェクト指向構文
6.2 ES2015より前のオブジェクト指向構文
COLUMN:ブラウザー搭載の開発者ツール(1)――基本機能
6.3 オブジェクトの操作
COLUMN:ブラウザー搭載の開発者ツール(2)――文書ツリー/スタイルシートの確認
COLUMN:ブラウザー搭載の開発者ツール(3)――JavaScriptのデバッグ
第7章 DOM[基本編]
7.1 要素の取得
7.2 属性/テキストの操作
7.3 フォームの操作
COLUMN:ブラウザー搭載の開発者ツール(4)――さまざまなブレイクポイント
7.4 フォーム検証
7.5 文書ツリーの操作
第8章 DOM[スタイル/イベント編]
8.1 スタイルの操作
8.2 イベント処理
COLUMN:ブラウザー搭載の開発者ツール(5)――コードの整形
第9章 ブラウザーオブジェクト[基本編]
9.1 ウィンドウ
COLUMN:JavaScriptをより深く学ぶための参考書籍
9.2 コンソール
9.3 ロケーション/履歴/ブラウザー情報
9.4 位置情報
9.5 Web Storage&クッキー
9.6 音声/動画の再生
9.7 Canvas
第10章 ブラウザーオブジェクト[通信編]
10.1 Fetch
10.2 XMLHttpRequest
10.3 JavaScript間の通信
COLUMN:ブラウザー搭載の開発者ツール(6)―― 通信のトレース
第11章 開発に役立つツール類
11.1 Node.js
11.2 Babel
11.3 webpack
11.4 ESLint
11.5 JsDoc
Amazonで詳しく見る
紹介文
基礎固めに最適の「手を動かしておぼえる」JavaScript定番入門書。必要な知識がしっかり身につく。
JavaScript“標準教科書”が人気講師の書き下ろしで新登場!
初心者から経験者まで。上達するために
「押さえておきたい基礎知識」総ざらい
JavaScriptの独学に最適な標準教科書として、長年にわたって読まれてきた
『独習JavaScript』。オンライン学習スクールUdemyの人気講師、CodeMafiaこと、
外村将大 氏による完全書き下ろしで新登場です!
本書では、JavaScriptでプログラミングを行う際に必要となる、
基本的な知識/概念/機能、文法/プログラムの書き方を、
さまざまなサンプルプログラムを例示しながら、詳細かつ丁寧に解説します。
プログラミングの基礎知識がない方でも、解説→例題(サンプル)→理解度チェック
という3つのステップで、JavaScriptの基礎を完全習得できます。
【本書「はじめ」により抜粋】
JavaScriptは、初心者にもわりあい馴染みやすい(プログラムを書くのが比較的簡単な)
半面、本格的なプログラムを書こうとすると途端に難易度が上がるプログラミング言語です。
それは、他のプログラミング言語ではあまり見られない、JavaScript特有の言語仕様が関係
しています。そのため、本書ではそれらの「落とし穴(JavaScript のクセや動作原理など)」
についても、図解とともに丁寧に解説しています。
私自身、初心者だったときに「なぜそのように動くのか?」まで解説してくれる書籍に
出会えず、JavaScriptの本質的な部分を理解するのにとても苦労しました。その経験を踏まえ、
初心者の方でもJavaScriptの本質をきちんとつかめるよう本書を執筆しました。
--------------------
【ポイント】
●JavaScriptの独学に最適な教科書として好評の『独習JavaScript』最新版。
初心者がJavaScriptを学ぶにふさわしい一冊
●JavaScriptでプログラミングを行う際に必要となる基本的な知識/概念/機能、
文法/書き方を、網羅的かつ体系的に習得できる
JavaScriptの入門者、これからJavaScript言語で開発を始めたい初学者から、再入門者、
学生・ホビープログラマまで、「一からJavaScriptを学びたい」
「JavaScriptプログラミングの基本をしっかり身につけたい」という方におすすめの一冊です。
Chapter 1 イントロダクション
Chapter 2 JavaScript開発の基礎
Chapter 3 変数とデータ型
Chapter 4 演算子
Chapter 5 制御構文
Chapter 6 関数
Chapter 7 スコープ
Chapter 8 thisキーワード
Chapter 9 クラス
Chapter 10 組み込みオブジェクト
Chapter 11 コレクション
Chapter 12 反復処理
Chapter 13 非同期処理
Chapter 14 DOM
Chapter 15 イベント
Chapter 16 モジュール
Chapter 17 Node.js
Amazonで詳しく見る
紹介文
JavaScriptの言語的特性で知っておくべきポイントをまとめた書籍。「オブジェクト」の理解を中心に据えて、ひと通り経験した後に陥りがちな落とし穴であるthis、プロトタイプチェーン(継承)、スコープチェーンなどをサンプルを使って解説した。
JavaScriptオブジェクト
オブジェクトとプロパティを扱う
オブジェクト(Object())
関数(Function())
グローバルオブジェクト
this
スコープとクロージャ
関数のprototypeプロパティ
配列(Array())
String()
Number()
Boolean()
プリミティブ型文字列、数値、真偽値
null
underfined
Math関数
Amazonで詳しく見る
紹介文
最新情報を網羅し全面的に改訂された決定版。動きが速い分野の記述を大幅に削除し、JavaScript言語について徹底して解説。
サイ本で知られるJavaScriptの改訂版!
旧版出版から9年を経て、最新情報を網羅し全面的に改訂されたJavaScriptの決定版です。大きく変更されたES6 (ES2015)以降は、大規模な変化はこの先しばらくないと言われています。旧版にあったjQueryも含めて動きが速いクライアントフレームワークについての記述を大幅削除し、安定したJavaScriptの言語について徹底解説します。
Amazonで詳しく見る
紹介文
JavaScript入門者に向けて、基本的な文法やWeb開発に必要な知識をひとつひとつ丁寧に解説します。
ロングセラーの入門書、9年ぶりにリニューアル!
プログラミングの基礎とJavaScriptの基本文法を
やさしく解説した入門書の定番が、装い新たに登場です。
変数やデータ型、関数、オブジェクトなどはもちろん、
Webに関する知識やHTML/CSSのベースも解説しているので、
本書を一冊読めば、これからWebサイトやWebアプリを開発するうえで、
ずっと役に立つスキルの土台を身につけることができます。
またDOMやイベント、非同期処理といった少し複雑な言語機能も丁寧に解説。
ブラウザ上で実際のコードを動かしながら、一つひとつ、
「なぜその機能が必要なのか」を掘り下げて理解を深められます。
初心者が自力でプログラムを書けるようになるまで、しっかりフォローするので
知識・経験ゼロでも安心して読み進めることができます。
【本書の対象読者】
・はじめてプログラミングを学ぶ人
・これまでに学習で挫折してしまった人
・JavaScriptでWebサイトやWebアプリの開発を始めたい人
【目次】
第1章 JavaScriptの紹介と準備
第2章 JavaScriptを書いてみよう
第3章 変数
第4章 データ型と演算子
第5章 配列
第6章 条件分岐
第7章 繰り返し処理
第8章 関数
第9章 オブジェクト
第10章 標準組み込みオブジェクト
第11章 HTML&CSS
第12章 ブラウザオブジェクト
第13章 DOM
第14章 イベント
第15章 通信と非同期処理
第16章 総合演習
第1章 JavaScriptの紹介と準備
第2章 JavaScriptを書いてみよう
第3章 変数
第4章 データ型と演算子
第5章 配列
第6章 条件分岐
第7章 繰り返し処理
第8章 関数
第9章 オブジェクト
第10章 標準組み込みオブジェクト
第11章 HTML&CSS
第12章 ブラウザオブジェクト
第13章 DOM
第14章 イベント
第15章 通信と非同期処理
第16章 総合演習
Amazonで詳しく見る
紹介文
JavaScriptのセオリーを徹底解説。基本からクライアントサイド、サーバサイドまで最新の技術を完全網羅。
1 JavaScript-overview
2 JavaScript言語仕様
3 クライアントサイドJavaScript
4 HTML5
5 Web API
6 サーバサイドJavaScript
Amazonで詳しく見る
紹介文
Web系の基本言語としてますます重要度の高まるJavaScript言語。定番の入門書が最新対応でリニューアル!
ネットの基本言語JavaScriptのやさしい入門書がリニューアル!
JavaScriptはプログラミングの入門言語、ネット系/Web系プログラミングの
基本言語として重要な位置を占めています。『JavaScriptの絵本 第2版』は
プログラミングの知識のない方でも気軽に始められるやさしい入門書です。
本改訂では、進化してきたJavaScriptの利用法にも配慮し、さまざまな点で
内容を見直しました。
・絵を多用し、短い解説で絵本のようにビジュアルに理解することができます。
・2ページを単位とした説明、基礎に絞り込んだ内容でスピーディに習得。
・予備知識は不要。「プログラミングとはなにか」から説明します。
・最新の言語仕様に対応し、JavaScriptのライブラリの活用法なども説明します。
・JavaScriptのオブジェクト指向も解説。オブジェクト指向に易しく入門できます。
【翔泳社の「絵本」シリーズのラインナップをアップデート】
翔泳社の「絵本シリーズ」は、豊富なイラストと簡潔な解説で
コンピュータ技術に入門できる初心者向けのシリーズです。
言語/技術の超初心者や手軽に習得したい方に最適な入門書です。
新しい「絵本シリーズ」では、旧来の分かりやすさ、親しみやすさ、
基礎に徹した内容というコンセプトはそのままに、Web/ネットが全盛となった
現在のコンピュータ技術の潮流に合わせた解説を施しています。
JavaScriptをはじめる前に
第1章 HTML
第2章 JavaScriptの実装
第3章 変数と演算子
第4章 制御文
第5章 関数
第6章 一般的なオブジェクト
第7章 ブラウザのオブジェクト
第8章 JavaScriptのオブジェクト指向
付録
Amazonで詳しく見る
紹介文
JavaScriptの文法を基礎これから学びたいという初心者のための入門書。基本文法からゲームの作成まで、楽しくプログラミングを学べます。
JavaScriptをはじめて勉強する方のための“超”入門書です。文法は、本書後半で取り組むブラウザゲーム「ブラックジャック」のプログラミングに必要な内容を厳選して解説。はじめての方でも最後まで楽しく学べます。
Chapter01 JavaScriptをはじめよう
Chapter02 データ型と演算子を学ぼう
Chapter03 配列を学ぼう
Chapter04 制御構文を学ぼう
Chapter05 関数を学ぼう
Chapter06 組み込みオブジェクトを学ぼう
Chapter07 JavaScript でHTMLを書き換える方法を学ぼう
Chapter08 ブラックジャックを作ろう(プログラムの基盤づくり)
Chapter09 ブラックジャックのプログラムを完成させよう
Chapter10 ブラックジャックを改良しよう
Amazonで詳しく見る
紹介文
第1章 JavaScriptに慣れ親しむ
第2章 変数のスコープ
第3章 関数の扱い
第4章 オブジェクトとプロトタイプ
第5章 配列とディクショナリ
第6章 ライブラリとAPI設計
第7章 並行処理
Amazonで詳しく見る
紹介文
ES6(ECMAScript 6)の入門書。シンプルな例題を多用しながらES6によるウェブ開発をわかりやすく丁寧に解説。
JavaScriptの最新規格ES6(ECMAScript 6)をバランスよく解説!
ES6(ECMAScript 6)の入門書。シンプルな例題を多用しながらES6によるウェブ開発をわかりやすく丁寧に解説します。従来バージョンを使用中のJavaScriptプログラマーにも、これからJavaScriptを習得したい入門者にも有用な情報が満載です。本書を読めば、letやconstによる宣言とスコープ、関数の基本と高度な使い方、オブジェクトとオブジェクト指向プログラミング、イテレータやジェネレータやプロキシといったES6の新機能、非同期プログラミング、クライアントサイドのDOMやjQuery、サーバーサイドのNode.jsなど、JavaScriptの最新バージョンを使った開発に関する総括的な知識をバランスよく得られます。
Amazonで詳しく見る
紹介文
巻頭特集 10分でわかる最新動向と歴史-JavaScriptによる開発の現場(本書の対象読者と前提知識-JavaScriptを書こう!
Ajax/HTML5/ECMAScript5-JavaScriptの歴史 ほか)
特集1 複雑化するコードを構造化!-Backbone.jsで学ぶMVCフレームワーク「実践」入門(jQueryによる開発を構造化するBackbone.js-クライアントサイドフレームワークが必要な理由
Backbone.Modelによるモデルの定義、属性値の設定/取得/検証、イベント処理-モデル実装入門 ほか)
特集2 高品質なアプリケーション開発を実現-シングルページ時代の大規模開発を支えるAltJS CoffeeScript入門(基本機能の紹介と開発環境の準備-CoffeeScriptファーストステップ
簡易な文法と一貫したコーディングスタイルを理解しよう-CoffeeScript文法入門 ほか)
特集3 開発効率化の必須アイテム-開発現場を支えるタスクランナー Grunt活用入門(Gruntが選ばれる理由-開発の「作業」に欠かせないタスクランナー入門
Gruntを使ってみよう-環境構築とタスクの記述 ほか)
Amazonで詳しく見る
紹介文
プログラミング初心者でも本書を学習すれば現場で生きるスキルが身につく!
JavaScriptの基礎から実用的な知識まで完全網羅!プログラミング初心者でも本書を学習すれば現場で生きるスキルが身につく!
Chapter1 Intoroduction
Chapter2 速習編 ~とりあえず書いてみる~
Chapter3 基本編1 変数
Chapter4 基本編2 関数
Chapter5 基本編3 様々な処理
Chapter6 基本編4 JavaScriptのオブジェクト指向
Chapter7 基本編5 DOM
Chapter8 基本編6 非同期処理と通信処理
Chapter9 基本編7 Canvas
Chapter10 実践編 Webページをつくろう
Chapter11 応用編 フレームワーク
Amazonで詳しく見る
紹介文
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章 さらに効率のよいコードに改善する
Amazonで詳しく見る
紹介文
「JavaScript脱初心者」を目指す人に向けた一冊です。「とりあえず動くコード」から脱却するための勘所をまとめました。
「とりあえず動くJavaScript」から脱却したい人へ!
初級者から中級者へのステップアップ指南書
JavaScriptは「なんとなく」「勘で」書いても動いてしまうことがある一方で、
独特の癖があり奥が深いため、初心者から脱するのが難しい言語です。
本書は「入門者向けの本は一冊読み終わったけど、もっと良いコードを書きたい」
「バグの出にくいコードの書き方を知りたい」という開発者のために、
JavaScriptで特につまずきやすい部分を丁寧に解説します。
■対象読者
・フロントエンドのスキルアップを目指す現役エンジニア
・フロントエンドエンジニアとしての転職/異動を考えるJavaScript初級者
・職業としてのエンジニアを目指し、独学でJavaScriptを勉強したいと考えている学習者
(現場経験がなくとも自身で初歩的な学習を完了している学習者であれば、
本書の対象読者となりえます)
■つまずきやすいため紙面を割いているトピック
・非同期処理(async/await、Promise)
・AJAX(Fetch API)
・this
・スコープ
・プリミティブ型/オブジェクト型と参照
■その他取り上げているトピック
・クロージャ
・ES5からES6
・Node.jsとnpm
・トランスパイル
・DOM
・例外
STEP0 肩慣らし
0-1 JavaScriptの操作の基本を確認する
0-2 JavaScriptで表示を操作する
0-3 JavaScriptで複数の要素を操作する
STEP1 動くアプリケーションを作ってみる
1-1 仕様の確認~簡単な動作確認をしよう
1-2 経過時刻をカウントし、見た目を整えよう
1-3 カウント停止を実現し、バグに対応しよう
1-4 ドンドン増えるログを出してみよう
1-5 リファクタリングして柔軟性を上げよう
1-6 DOM(Document Object Model)の概念を知ろう
STEP2 ES6を学習する
2-1 JavaScriptのバージョンについて
2-2 ステップ1のアプリケーションをES6対応にリファクタリング
2-3 クラスについて知ろう
2-4 ステップ1のアプリケーションにクラスを適用する
STEP3 ES6で書いていく
3-1 仕様の確認~画像を一枚表示しよう
3-2 複数画像を順番に表示できるようにしよう
3-3 画像を自動で更新し見た目を整えて完成
STEP4 押さえておくべきJavaScriptの言語特性について
4-1 スコープ
4-2 等価演算子(==)と厳密等価演算子(===)
4-3 this
4-4 undefined
STEP5 Node.jsとnpmを知ろう
5-1 Node.jsとは
5-2 npmとは
5-3 Node.jsのインストール
5-4 npmパッケージを導入する
5-5 http-serverを起動する
5-6 ローカルインストールについて
STEP6 AJAXを使ってみよう
6-1 AJAXとは
6-2 JSONに触れてみよう
6-3 AJAXを体験してみよう
6-4 サンプルアプリケーションを作成してみよう
6-5 コードをリファクタリングしてみよう
6-6 CORSについて
STEP7 その他のJavaScriptの特性
7-1 無名関数
7-2 即時関数
7-3 クロージャ
7-4 例外
7-5 プリミティブ型/オブジェクト型と参照
STEP8 非同期処理について知ろう
8-1 同期・非同期
8-2 async/await
8-3 Promise
8-4 非同期処理でよくある悩みへの対応
8-5 課題
STEP9 トランスパイル~レガシーブラウザへの対応~
9-1 トランスパイルとは
9-2 トランスパイラを導入してみよう
9-3 トランスパイルを実行してみよう
9-4 Polyfillについて
STEP10 総合演習
10-1 仕様の確認~クイズデータ取得と確認
10-2 各画面を作成しよう
10-3 クイズを表示しよう
10-4 クイズの正解率を集計しよう
10-5 解答に制限時間を設定してみよう
10-6 見た目を整えて完成
APPENDIX
付録A コードがうまく動かない時・デバッグについて
付録B 知っておくべき知識
Amazonで詳しく見る
紹介文
変化に対応できる基礎を身につけよう!
本書の「第1部 基本文法」では、JavaScriptの文法と機能について、実際の利用方法を示しながら解説しています。また「第2部 ユースケース」では、小さなアプリケーションを例にあげながら、JavaScriptの現実の開発での使い方にも言及しています。
本書は、プログラミング言語のリファレンスのようにJavaScriptのすべての機能を解説してはいません。ECMAScript 2015以降の新しい書き方を中心に、既存のコードに頻出する古い書き方を含めて解説しています。
JavaScriptは激しく変化している言語です。このような変化に対応できる基礎を身に付けられるよう、単に書き方を解説するのではなく、プログラミングの現場で直面する問題を自分自身で解決するのに必要な調査方法についても焦点を当てています。
本書では、JavaScriptの文法や機能だけではなく、実際にどのように使われているかも解説しています。JavaScriptを身につけるためには、現実の使い方を知ることが重要だからです。本書を読むこと
はじめに
著者紹介
第1部 基本文法
第1章 JavaScriptとは
第2章 コメント
第3章 変数と宣言
第4章 値の評価と表示
第5章 データ型とリテラル
第6章 演算子
第7章 暗黙的な型変換
第8章 関数と宣言
第9章 文と式
第10章 条件分岐
第11章 ループと反復処理
第12章 オブジェクト
第13章 プロトタイプオブジェクト
第14章 配列
第15章 文字列
第16章 文字列とUnicode
第17章 ラッパーオブジェクト
第18章 関数とスコープ
第19章 関数とthis
第20章 クラス
第21章 例外処理
第22章 非同期処理: コールバック /Promise/Async Function
第23章 Map/Set
第24章 JSON
第25章 Date
第26章 Math
第27章 ECMAScriptモジュール
第28章 ECMAScript
第2部 ユースケース
第29章 アプリケーション開発の準備
第30章 ユースケース: Ajax通信
第31章 ユースケース: Node.jsでCLIアプリケーション
第32章 ユースケース: Todoアプリケーション
付録A 参考リンク集
Amazonで詳しく見る
紹介文
プログラミング言語TypeScriptの解説書。型システムを最大限活用するためのコードの記述方を学ぶことができる。
プログラミング言語TypeScriptの基礎から実践までを網羅的に解説!
プログラミング言語TypeScriptの解説書。TypeScriptの型に関する基礎的な内容からその応用、エラー処理の手法、非同期プログラミング、各種フレームワークの利用法、既存のJavaScriptプロジェクトのTypeScript移行の方法まで、言語全般を総合的に解説します。本書全体を通じて、TypeScriptの洗練された型システムを最大限活用するために、コードをどのように記述すべきか、なぜそうすべきかを学べます。
Amazonで詳しく見る
紹介文
4万人が学んだベストセラーが、5年ぶりの大改訂!
小さなサイト作りを通してHTMLとCSSの基礎が学べる入門書の決定版!
第2版ではPCだけでなくスマホやタブレットにも対応したサイトが完成します。
ソースコードは現在のトレンドに合わせ、解説もいっそう丁寧にわかりやすくなりました。
これからWeb制作を始める人にも、HTML/CSSを学び直したい人にもおすすめの、充実の内容です!
最新HTML5.2準拠。Windows/Mac対応
chapter01 Webサイト制作を始める前に
01 Webサイトとその構成要素
02 Webブラウザの機能と種類
03 Webサイトを公開するまで
04 制作に使うソフトのインストール
chapter02 HTMLの基礎
01 HTMLはWebページを制作するための言語
02 HTMLの基本的な書式
03 親子、子孫、兄弟 ~HTMLの階層関係
chapter03 制作の準備と基本のHTML
01 Webサイト制作の準備
02 すべてのHTMLで共通するタグ
chapter04 見出し、段落、リスト
01 見出しテキスト
02 テキストの段落
03 ナビゲーションの設置
04 番号なしリスト(非序列リスト)
chapter05 リンクと画像の挿入
01 サイト内リンクと相対パス
02 外部サイトへのリンクと絶対パス
03 画像の表示
04 キーボードで入力しにくい文字の表示
05 ページの部分ごとに要素をまとめる
06 class属性
07 コメント文
chapter06 2ページ目以降を効率的に作成する
01 index.html以外のファイルの作成
02 段落にテキストと画像を含める
03 テキストを太字にする・改行する
04 id属性と特定の場所へのリンク
05 テーブル(表)
06 番号付きリスト(序列リスト)
07 CSS適用を考えた要素のグループ化
chapter07 CSSの基礎
01 HTMLの「見た目」を整えるCSS
02 CSSの基本的な書式
03 主なセレクタと書き方
04 CSSを書く場所
05 CSSファイルを作成する
06 HTMLファイルとCSSファイルを関連付ける
chapter08 CSSでページのスタイルを調整
01 背景色の設定
02 テキスト色、フォントサイズの設定
03 マージン、ボーダー、パディング
04 行間の調整
05 リンクテキスト色の変更
06 コンテンツの行揃え
07 ブロック表示/インライン表示の変更
08 背景画像の指定
09 スタイルを上書きする
10 繰り返さない背景画像
11 ページの最大幅の設定
12 ページに固有のスタイルを適用
chapter09 フロートとテーブルのスタイル
01 テキストの回り込み
02 テーブルの整形
03 フレックスボックスで2コラムレイアウト
04 access.htmlのスタイルを作成しよう
chapter10 フォームの作成
01 フォームの基礎知識
02 お問い合わせページの概要
03 フォーム全体の親要素
04 プルダウンメニュー
05 ラジオボタンとチェックボックス
06 テキストフィールド
07 テキストエリア
08 送信ボタン
09 ラベル
10 フォームのスタイルと属性セレクタ
chapter11 モバイル端末に対応する
01 レスポンシブデザイン
02 ビューポートの設定
03 画像をレスポンシブデザインに対応させる
04 メディアクエリとブレイクポイント
05 ページ全体とナビゲーションのモバイル対応
06 コラムレイアウトの調整
07 フォームの調整
chapter12 Webサイトの公開
01 Webサイト公開までの準備
02 Webサーバーに接続
03 ファイルのアップロード
04 Webサイトの最終確認
Amazonで詳しく見る
紹介文
個人の地域密着型アウトドアショップがデジタルマーケティングで業績を飛躍的にアップさせていくストーリーに乗せて、DMの基礎を…
個人の地域密着型アウトドアショップがデジタルマーケティングで業績を飛躍的にアップさせていくストーリーに乗せて、DMの基礎を学ぶ
Amazonで詳しく見る
紹介文
2010年の刊行から約100,000部の実績を誇るロングセラーを、ECMAScript 2022に対応した内容で200ページ増の大幅改訂。最新の基本文法から、開発に欠かせない応用トピックまで解説します。JavaScriptらしく書くために大切なオブジェクトの扱い方や、大規模開発でさらに実用的になったオブジェクト指向構文を学び、しっかりと動くプログラムの作り方を本質から理解できます。
Chapter 1 イントロダクション
1.1 JavaScriptとは?
1.1.1 JavaScriptの歴史
1.1.2 復権のきっかけはAjax、そしてHTML5の時代へ
1.1.3 JavaScriptライブラリからフレームワークの時代へ
1.2 標準JavaScript「ECMAScript」とは?
1.2.1 ECMAScriptのバージョン
1.2.2 ECMAScript仕様策定の流れ
1.2.3 ブラウザーの対応状況
1.3 JavaScript実行環境のもう1つの選択肢 Node.js
1.3.1 Node.jsとは?
1.3.2 実行環境によって利用できる機能は異なる
1.4 JavaScriptアプリを開発/実行するための基本環境
1.4.1 準備すべきソフトウェア
1.4.2 Visual Studio Codeのインストール
1.4.3 サンプルファイルの準備
1.5 ブラウザー付属の開発者ツール
1.5.1 開発者ツールを概観する
1.5.2 HTML/CSSのソースを確認する -[要素]タブ
1.5.3 通信状況をトレースする -[ネットワーク]タブ
1.5.4 スクリプトをデバッグする -[ソース]タブ
1.5.5 ストレージ/クッキーの内容を確認する -[アプリケーション]タブ
1.5.6 ログ確認/オブジェクト操作などの万能ツール -[コンソール]タブ
Chapter 2 基本的な書き方を身につける
2.1 JavaScriptの基本的な記法
2.1.1 JavaScriptで「こんにちは、世界!」
2.1.2 文字コードのルール
2.1.3 JavaScriptをHTMLファイルに組み込む - script要素
2.1.4 文(Statement)のルール
2.1.5 コメントを挿入する
2.2 変数
2.2.1 変数を宣言する
2.2.2 識別子の命名規則
2.2.3 よりよい命名のための指針
2.2.4 定数を宣言する
2.3 データ型
2.3.1 データ型の分類
2.3.2 論理リテラル(boolean)
2.3.3 数値リテラル(number)
2.3.4 文字列リテラル(string)
2.3.5 配列リテラル(array)
2.3.6 オブジェクトリテラル(object)
2.3.7 関数リテラル(function)
2.3.8 未定義値(undefined)とヌル値(null)
Chapter 3 値の演算操作を理解する - 演算子
3.1 演算子とは?
3.2 算術演算子
3.2.1 加算演算子(+)
3.2.2 インクリメント演算子(++)とデクリメント演算子(--)
3.2.3 小数点を含む演算には注意
3.3 代入演算子
3.3.1 基本型と参照型による代入の違い -「=」演算子
3.3.2 定数は「再代入できない」
3.3.3 分割代入(配列)
3.3.4 分割代入(オブジェクト)
3.4 比較演算子
3.4.1 等価演算子(==)
3.4.2 厳密な等価演算子(===)
3.4.3 小数点数の比較
3.4.4 条件演算子(?:)
3.5 論理演算子
3.5.1 ショートカット演算(短絡演算)
3.6 ビット演算子
3.6.1 ビット論理演算子
3.6.2 ビットシフト演算子
3.6.3 例:ビットフィールドによるフラグ管理
3.7 その他の演算子
3.7.1 配列要素、プロパティを削除する - delete演算子
3.7.2 値の型を判定する - typeof演算子
3.7.3 補足:型の変換
3.8 演算子の優先順位と結合則
3.8.1 優先順位
3.8.2 結合則
Chapter 4 スクリプトの基本構造を理解する - 制御構文
4.1 制御構文とは?
4.2 条件分岐
4.2.1 条件式の真偽で処理を分岐する - if命令
4.2.2 複数の条件式で多岐分岐を表現する - else if命令
4.2.3 if命令の入れ子
4.2.4 補足:中カッコの省略は要注意
4.2.5 条件式を指定する場合の注意点
4.2.6 式の値によって処理を分岐する - switch命令
4.3 繰り返し処理
4.3.1 条件式によってループを制御する - while/do...while命令
4.3.2 補足:無限ループ
4.3.3 指定回数だけループを処理する - for命令
4.3.4 連想配列の中身を順に処理する - for...in命令
4.3.5 配列の要素を順に処理する - for...of命令
4.3.6 配列を反復処理するための専用メソッド
4.4 ループの制御
4.4.1 ループを途中で終了する - break命令
4.4.2 特定の周回をスキップする - continue命令
4.4.3 入れ子のループをまとめて中断/スキップする - ラベル構文
4.5 制御命令のその他の話題
4.5.1 例外を処理する - try...catch...finally命令
4.5.2 例外をスローする - throw命令
4.5.3 JavaScriptの危険な構文を禁止する - Strictモード
4.5.4 デバッガーを起動する - debugger命令
Chapter 5 基本データを操作する - 組み込みオブジェクト
5.1 オブジェクトとは?
5.1.1 オブジェクト=プロパティ+メソッド
5.1.2 オブジェクトを生成するための準備 - new演算子
5.1.3 メソッド/プロパティの呼び出し - ドット演算子
5.1.4 静的プロパティ/静的メソッド
5.1.5 組み込みオブジェクトとは
5.2 文字列を操作する - Stringオブジェクト
5.2.1 文字列の長さを取得する
5.2.2 文字列を大文字⇔小文字で変換する
5.2.3 部分文字列を取得する
5.2.4 文字列を検索する
5.2.5 文字列に特定の部分文字列が含まれるかを判定する
5.2.6 文字列の前後から空白を除去する
5.2.7 文字列を置き換える
5.2.8 文字列を分割する
5.2.9 文字列が指定長になるように指定文字で補足する
5.2.10 文字列をn回繰り返したものを取得する
5.2.11 文字列をUnicode正規化する
5.3 数値リテラルを操作する - Numberオブジェクト
5.3.1 Numberオブジェクトの定数
5.3.2 数値形式を変換する
5.3.3 文字列を数値に変換する
5.3.4 基本的な数学演算を実行する
5.4 日付/時刻値を操作する - Dateオブジェクト
5.4.1 日付/時刻値を生成する
5.4.2 日付/時刻要素を取得する
5.4.3 日付/時刻要素を設定する
5.4.4 日付/時刻値を加算/減算する
5.4.5 日付/時刻の差を求める
5.4.6 日付/時刻値を文字列に変換したい
5.5 値の集合を管理/操作する - Arrayオブジェクト
5.5.1 配列を生成する
5.5.2 要素を追加/削除する
5.5.3 配列に複数要素を追加/置換/削除する
5.5.4 配列から特定範囲の要素を取得する
5.5.5 配列の内容を検索する
5.5.6 入れ子の配列をフラット化する
5.5.7 配列内の要素を結合する
5.5.8 配列内の要素を移動する
5.5.9 配列ライクなオブジェクトを配列化する
5.5.10 配列を複製する
5.5.11 配列の要素を並べ替える
5.5.12 配列の内容を順に処理する
5.5.13 配列を指定されたルールで加工する
5.5.14 任意の条件式によって配列を検索する
5.5.15 条件式に合致する要素が存在するかを判定する
5.5.16 配列から条件に合致した要素だけを取得する
5.5.17 配列内の要素を順に処理して1つにまとめる
5.6 連想配列を操作する - Mapオブジェクト
5.6.1 マップを初期化する
5.6.2 マップの値を設定/取得する
5.6.3 マップから既存のキーを削除する
5.6.4 マップからすべてのキー/値を取得する
5.6.5 Object⇔Mapを相互変換する
5.6.6 弱い参照キーのマップ
5.7 重複しない値の集合を操作する - Setオブジェクト
5.7.1 セットを初期化する
5.7.2 セットの値を追加/削除する
5.7.3 セットの内容を取得/確認する
5.8 正規表現で文字列を自在に操作する - RegExpオブジェクト
5.8.1 正規表現の基本
5.8.2 RegExpオブジェクトを生成する
5.8.3 文字列が正規表現パターンにマッチしたかを判定する
5.8.4 正規表現パターンにマッチした文字列を取得する
5.8.5 正規表現オプションでマッチングの方法を制御する
5.8.6 正規表現のマッチング結果をまとめて取得する
5.8.7 正規表現で文字列を置き換える
5.8.8 正規表現で文字列を分割する
5.8.9 例:正規表現による検索
5.9 その他のオブジェクト
5.9.1 JavaScriptでよく利用する機能を提供する - Globalオブジェクト
5.9.2 オブジェクト⇔JSON文字列を相互に変換する - JSONオブジェクト
5.9.3 シンボルを作成する - Symbolオブジェクト
Chapter 6 繰り返し利用するコードを1ヵ所にまとめる - 関数
6.1 関数の基本
6.1.1 ユーザー定義関数が必要な理由
6.1.2 ユーザー定義関数の基本
6.1.3 関数名
6.1.4 仮引数と実引数
6.1.5 戻り値
6.2 関数を定義するための3種の記法
6.2.1 Functionコンストラクター経由で定義する
6.2.2 関数リテラルで定義する
6.2.3 アロー関数で定義する
6.2.4 関数定義の際の注意点
6.3 変数はどの場所から参照できるか - スコープ
6.3.1 スコープの基本
6.3.2 仮変数のスコープ
6.3.3 スコープから見たvar/let命令
6.3.4 スコープに関わるその他の注意点
6.4 引数のさまざまな記法
6.4.1 JavaScriptは引数の数をチェックしない
6.4.2 引数の既定値を設定する
6.4.3 可変長引数の関数を定義する
6.4.4 スプレッド構文による引数の展開
6.4.5 名前付き引数でコードを読みやすくする
6.5 関数呼び出しと戻り値
6.5.1 複数の戻り値を返したい
6.5.2 関数自身を再帰的に呼び出す - 再帰関数
6.5.3 関数の引数も関数 - 高階関数
6.5.4 「使い捨ての関数」は匿名関数で
6.6 高度な関数のテーマ
6.6.1 テンプレート文字列をアプリ仕様にカスタマイズする - タグ付きテンプレート文字列
6.6.2 変数はどのような順番で解決されるか - スコープチェーン
6.6.3 その振る舞いオブジェクトの如し - クロージャ
Chapter 7 JavaScriptらしいオブジェクトの用法を理解する - Objectオブジェクト
7.1 オブジェクトを生成する
7.1.1 オブジェクトをリテラルで表現する
7.1.2 コンストラクター経由でオブジェクトを生成する - new演算子
7.1.3 より詳しい設定付きでオブジェクトを生成する
7.2 オブジェクトの雛型「プロトタイプ」を理解する
7.2.1 プロトタイプの基本
7.2.2 プロトタイプチェーンの挙動を確認する
7.2.3 プロパティを追加/更新/削除した場合の挙動
7.3 すべてのオブジェクトの雛型 - Objectオブジェクト
7.3.1 オブジェクトをマージする
7.3.2 オブジェクトを複製する
7.3.3 プロパティを操作する
7.3.4 不変オブジェクトを定義する
Chapter 8 大規模開発でも通用する書き方を身につける - オブジェクト指向構文
8.1 クラスの基本
8.1.1 最もシンプルなクラスを定義する
8.1.2 クラスに属する情報を準備する - プロパティ
8.1.3 クラスに属する処理を準備する - メソッド
8.1.4 クラスを初期化する - コンストラクター
8.1.5 静的プロパティ/静的メソッドを定義する
8.1.6 文脈によって中身が変化する変数 - thisキーワード
8.1.7 既存のクラスにメソッドを追加する
8.2 利用者に見せたくない機能を隠蔽する - カプセル化
8.2.1 カプセル化とは?
8.2.2 プライベートメンバーの実装
8.2.3 ゲッター/セッター
8.2.4 補足:不変クラスを定義する
8.3 既存のクラスを拡張する - 継承
8.3.1 継承の基本
8.3.2 基底クラスのメソッド/コンストラクターを上書きする
8.3.3 基底クラスのメソッドを呼び出す - superキーワード
8.3.4 継承以外のクラス再利用の手段 - 委譲
8.3.5 補足:ミックスイン
8.3.6 オブジェクトの型を判定する
8.4 アプリを機能単位にまとめる - モジュール
8.4.1 モジュールを定義する
8.4.2 モジュールを利用する
8.4.3 import命令のさまざまな記法
8.4.4 export命令のさまざまな記法
8.5 オブジェクト指向構文の高度なテーマ
8.5.1 列挙可能なオブジェクトを定義する - イテレーター
8.5.2 列挙可能なオブジェクトをよりかんたんに実装する - ジェネレーター
8.5.3 オブジェクトを基本型に変換する
8.5.4 オブジェクトの基本的な動作をカスタマイズする - Proxyオブジェクト
Chapter 9 HTMLやXMLの文書を操作する - DOM(Document Object Model)
9.1 DOMの基本を押さえる
9.1.1 マークアップ言語を操作する標準のしくみ「DOM」
9.1.2 文書ツリーとノード
9.2 クライアントサイドJavaScriptの前提知識
9.2.1 要素ノードを取得する
9.2.2 文書ツリー間を行き来する - ノードウォーキング
9.2.3 イベントをトリガーにして処理を実行する - イベントドリブンモデル
9.3 属性値やテキストを取得/設定する
9.3.1 属性値を取得する
9.3.2 属性値を設定する
9.3.3 属性値を削除する
9.3.4 要素のプロパティを取得/設定する
9.3.5 JavaScriptからスタイルを操作する
9.3.6 テキストを取得/設定する
9.4 フォーム要素にアクセスする
9.4.1 入力ボックス/選択ボックスの値を取得する
9.4.2 チェックボックスの値を取得する
9.4.3 ラジオボタンの値を取得する
9.4.4 ラジオボタン/チェックボックスの値を設定する
9.4.5 複数選択できるリストボックスの値を取得する
9.4.6 アップロードされたファイルの情報を取得する
9.5 ノードを追加/置換/削除する
9.5.1 innerHTMLプロパティとどのように使い分けるか
9.5.2 ページに新たなコンテンツを追加する
9.5.3 既存のノードを置換/削除する
9.5.4 HTMLCollection/NodeListを繰り返し処理する場合の注意点
9.6 より高度なイベント処理
9.6.1 イベントリスナーを削除する
9.6.2 イベントに関わる情報を取得する - イベントオブジェクト
9.6.3 イベント処理をキャンセルする
9.6.4 イベントの動作オプションを指定する
9.6.5 イベントリスナーに任意の追加情報を引き渡す
Chapter 10 クライアントサイドJavaScript開発を極める
10.1 ブラウザーオブジェクトで知っておきたい基本機能
10.1.1 ブラウザーオブジェクトの階層構造
10.1.2 ブラウザーオブジェクトにアクセスするには
10.1.3 確認ダイアログを表示する - confirmメソッド
10.1.4 タイマー機能を実装する - setInterval/setTimeoutメソッド
10.1.5 ウィンドウサイズ/位置などの情報を取得する
10.1.6 コンテンツのスクロール位置を設定/取得する - scrollXxxxxメソッド
10.1.7 表示ページのアドレス情報を取得/操作する - locationオブジェクト
10.1.8 履歴に沿ってページを前後に移動する - historyオブジェクト
10.1.9 JavaScriptによる操作をブラウザーの履歴に残す - pushStateメソッド
10.2 デバッグ情報を出力する - consoleオブジェクト
10.2.1 コンソールにログを出力する
10.2.2 知っておくと便利なログメソッド
10.3 ユーザーデータを保存する - Storageオブジェクト
10.3.1 ストレージにデータを保存/取得する
10.3.2 既存のデータを削除する
10.3.3 ストレージからすべてのデータを取り出す
10.3.4 ストレージにオブジェクトを保存/取得する
10.3.5 ストレージの変更を監視する
10.4 非同期通信の基本を理解する - Fetch API
10.4.1 SPAとは?
10.4.2 Fetch APIの基本
10.4.3 リクエスト時にデータを送信する
10.4.4 異なるオリジンにアクセスする
10.4.5 補足:クロスドキュメントメッセージングによるクロスオリジン通信
10.5 非同期処理を手軽に処理する - Promiseオブジェクト
10.5.1 Promiseオブジェクトの基本を押さえる
10.5.2 非同期処理を連結する
10.5.3 複数の非同期処理を並行して実行する
10.5.4 Promiseの処理を同期的に記述する
10.5.5 非同期処理を伴う反復処理を実装する
10.6 バックグラウンドでJavaScriptのコードを実行する - Web Worker
10.6.1 ワーカーを実装する
10.6.2 ワーカーを起動する
Chapter 11 現場で避けて通れない応用知識
11.1 コマンドラインからJavaScriptコードを実行する - Node.js
11.1.1 Node.jsのインストール
11.1.2 JavaScriptファイルの実行
11.1.3 ライブラリをインストールする
11.1.4 ライブラリの復元
11.2 アプリのテストを自動化する - Jest
11.2.1 テストコードの基本
11.2.2 実行コマンドの準備
11.2.3 単体テストの実行
11.2.4 テスト実行時の役立つオプション
11.3 フロントエンドアプリの開発環境をすばやく立ち上げる - Vite
11.3.1 Viteの特徴
11.3.2 Viteの基本
11.3.3 本番環境向けのビルドを実施する
11.3.4 JavaScript以外のリソースにも対応
11.4 JavaScriptの「べからず」なコードを検出する - ESLint
11.4.1 ESLintの基本
11.4.2 リアルタイムに解析結果を確認する
11.4.3 ESLintルールのカスタマイズ
11.5 ドキュメンテーションコメントでコードの内容をわかりやすくする - JSDoc
11.5.1 ドキュメンテーションコメントの記述ルール
11.5.2 ドキュメントの生成
Column
VSCodeの便利な拡張機能(1) - Trailing Spaces
VSCodeの便利な拡張機能(2) - Regex Previewer
本書の読み進め方 - 著者からのメッセージ
ブラウザー環境でJavaScriptのコードを実行する - paiza.IO
VSCodeの便利な拡張機能(3) - JavaScript (ES6) code snippets
VSCodeの便利な拡張機能(4) - IntelliSense for CSS class names in HTML
よく見かけるエラーとその対処法
VSCodeの便利な拡張機能(5) - Code Spell Checker
VSCodeの便利な拡張機能(6) - Todo Tree
知っておきたい!JavaScriptの関連キーワード(1) - altJS
知っておきたい!JavaScriptの関連キーワード(2) - TypeScript
ECMAScript期待の機能
VSCodeの便利な拡張機能(7) - Bookmarks
知っておきたい!JavaScriptの関連キーワード(3) - WebAssembly
知っておきたい!JavaScriptの関連キーワード(4) - コンポーネント指向
VSCodeの便利な拡張機能(8) - SFTP
知っておきたい!JavaScriptの関連キーワード(5) - Web Components
知っておきたい!JavaScriptの関連キーワード(6) - importmaps
script要素の知っておきたい属性(1) - async属性
script要素の知っておきたい属性(2) - integrity属性
VSCodeの便利な拡張機能(9) - 拡張テーマ
script要素の知っておきたい属性(3) - integrity属性の作り方
script要素の知っておきたい属性(4) - crossorigin/referrerpolicy属性
本書を読み終えた後に
Amazonで詳しく見る
紹介文
学生や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 カウントアップゲーム
[補講] プラグインの利用
索引
Amazonで詳しく見る
紹介文
HTML5&CSSも身につく!初心者のためのラクラク参考書!
1 本書でつくるサンプルゲーム
2 HTML+CSSの基本
3 JavaScriptの基本
4 Canvasの基本
5 実践:ゲームプログラミング
6 物理エンジンを使ったゲーム
Amazonで詳しく見る
紹介文
基本構文からUI・スマホ開発の定石テクニックまで、プロが選んだ三ツ星レシピ。
第1章 基本構文
第2章 関数とオブジェクト指向
第3章 基本オブジェクト
第4章 ページ操作
第5章 エフェクト&インタラクション
第6章 UI開発-パネル/メニュー/データ表現編
第7章 UI開発-入力補助/テンプレートエンジン/Canvas編
第8章 アプリ開発
第9章 スマホ開発
第10章 CoffeeScript
Amazonで詳しく見る
紹介文
JavaScript言語とプラットフォームについて包括的かつ明快に説明。ECMAScript5(コア言語の最新バージョン)とHTML5(Webプラットフォームの最新バージョン)についてまとめています。第6版で新たに、サーバサイドJavaScript、jQueryライブラリ、HTML5 APIの記述が追加されました。今回の改訂では、全章を刷新し、最新のプログラミングスタイルやベストプラクティスをとり入れました。最新のJavaScriptを極めたいプログラマ必携の一冊です。
JavaScrpitの概要
第1部 コアJavaScript(字句構造
型、値、変数
式と演算子
文
オブジェクト
配列
関数
クラスとモジュール
正規表現パターンマッチング
JavaScriptのサブセットと拡張
サーバサイドJavaScript)
第2部 クライアントサイドJavaScript(Webブラウザに組み込まれたJavaScript
Windowオブジェクト
ドキュメントの制御
CSSの制御
イベント処理
HTTPの制御
jQueryライブラリ
クライアントサイドストレージ
メディアとグラフィックの制御
HTML5 API)
Amazonで詳しく見る
紹介文
ES6以降の新しいJavaScriptの基礎から応用までを網羅した入門書。設計思想やプログラムのしくみも掘り下げる。
ES6以降の新しいJavaScriptの基礎から応用までを網羅!
JavaScriptの入門書。対象読者は、完全なプログラミング初心者からプログラミングの初級者ですが、中級以上の方のクライアントサイドJavaScriptの知識の更新にも利用できます。本書ではChrome DevToolsのコンソールにコマンドを入力してその動作を確認しながら、JavaScriptの基本や多種多様なWeb APIをひとつひとつハンズオン形式で学びます。また、コードの背景にある設計思想や、プログラムの挙動のしくみについてもしっかり掘り下げます。本書のゴールは、読者がJavaScriptの全体像を掴み、業務の内容や興味に応じて必要な知識を自分自身で探求できるようになることです。
Amazonで詳しく見る
紹介文
jQueyのその先へ。サンプルをつくりながら学ぶ制作現場の実装スキル
jQueyのその先へ。
サンプルをつくりながら学ぶ制作現場の実装スキル
JavaScriptの基本書は数多く存在しますが、実際の開発で、どうコードに落とし込めばいいかとなると、とたんに「壁」を感じる人がたくさんいます。本書は、そんな人たちが、これだけ学べば「壁」が越えられるという5つ(❶オブジェクト指向の考え方、❷UI・インタラクティブ表現としてのイベント、❸Canvas APIによるグラフィック表現、❹Ajaxを利用したAPI連携とデータ検索、❺シングルページアプリケーションの実装)を集中的に学んでいく学習書です。それぞれ読んで理解しできる「基本」と、具体的なコードを書きながら学べる「実践」とのセットで学べるので、現場で使えるスキルが効率よく学べます。
Chapter01 オブジェクト指向
Chapter02 UI・インタラクティブ表現
Chapter03 グラフィック表現
Chapter04 AJAX・API連携・データ検索
Chapter05 シングルページアプリケーション
Amazonで詳しく見る
紹介文
大学・短大・専門学校向けテキスト。JavaScriptの基礎から解説、実習を通して基本を身に付けられる。Windows対応。
大学・短大・専門学校向けプログラミング言語のテキスト。JavaScriptの基礎から解説し、実習を通して基本を身に付けられる。Windows対応。実習で、1冊を通して1つのプロジェクトを完成させられる。
1章 Webページの基本
2章 JavaScriptの基本文法
3章 JavaScriptによるWebページ処理
4章 Webアプリの作成-表示機能-
5章 Webアプリの作成-保存機能-
6章 JavaScriptライブラリーの利用
Amazonで詳しく見る
紹介文
JavaScriptを学んで、データ操作やグラフ作成を簡単にやってみよう!
本書は、Google Colaboratory(以下、Colaboratory)を使って、やさしくJavaScriptを学習する本です。
※Colaboratoryは、Googleが提供している、無料で利用できるプログラミングの実行環境です。学習に必要なのはWebブラウザ(Google Chrome)とGoogleのアカウントだけ。新しくソフトをインストールする必要はありません。会社のルールでソフトのインストールに制限があったり、古いPCやスペックの低いPCでも、すぐに学習できるようになっています。
一般的なJavaScriptの入門書では、JavaScriptのほかにHTMLやCSSを用意する必要がありますが、本書ではColaboratoryを使うことで、学習に関係のないHTMLやCSSの用意は不要となり、JavaScriptの学習にのみ専念することができまます。また、ボタンをクリックするだけで、同じ画面の中ですぐに結果を確認できます。
さらに、Colaboratoryなら、さまざまな環境からアクセスして使うことができますので、自宅PCや会社のPCと環境を変えながら学習することもできます。そして、作成した表やグラフに文章を付けてレポートにし、それをそのまま誰かと共有することもできるのです。
本書はそのようなColaboratoryの利点を活かし、プログラミングで仕事を効率化したい方、共有したりレポート化することに興味のある方を対象に、JavaScriptの使い方をまとめました。
Chapter 1 ColaboratoryでJavaScript!
Chapter 2 HTMLとJavaScriptの基礎を覚えよう
Chapter 3 関数とオブジェクトをマスターしよう
Chapter 4 JspreadsheetでExcelライクなテーブルを活用しよう
Chapter 5 Chart.jsでチャートを使おう
Chapter 6 Wordファイルを生成しよう
Chapter 7 Docxtemplaterで差し込み出力をしよう
Chapter 8 leaflet + OpenStreetMapでマップ表示
Chapter 9 Google GeoChartでマップチャート
Chapter 10 Google Chartで業務用チャート
Amazonで詳しく見る
紹介文
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 のまとめ
■練習問題の解答
・索引
Amazonで詳しく見る
紹介文
これ1冊で「Webページ制作からサーバーの開発」までわかる!
「Webアプリケーションってどうやって作るの?」
「これからWeb業界に入るから、重要技術をざっと知っておきたいな」
本書は、そんな、Web制作、Webアプリケーションをこれから始めたい人を対象にした書籍です。
この本では、本格的なWebを作る上で必要となる以下の技術の基本についてコンパクトに説明してあります。
・HTML ― Webページの内容を記述するための技術
・スタイルシート ― Webページにスタイルを適用するための技術
・JavaScript ― Webページの中で様々な処理を実行する言語
・Node.js ― サーバープログラムを開発するためのJavaScriptエンジン
・Express ― Node.jsでWebを作るためのフレームワーク
・SQLite3 ― 本格リレーショナルデータベース
これらの基本的な使い方がわかれば、本格的なWebアプリケーションを作れるようになるでしょう。これらの技術が身につけば、「クライアント(Webページ)からサーバーまでを開発する」ことが可能になります。
本来なら、これらをマスターするにはたくさんの入門書や参考書籍が必要となってしまいますが、すべて用意し学ぶのは初心者にはかなりな負担です。そこで本書では、「これだけわかれば何かできる」という最低限の知識に絞って一冊にまとめました。
===
本書ではまず、Chapter 1で本書で学ぶことの概要をつかみ、開発環境を整えます。
続いてChapter 2では、Webページを作れるように、ページの構造を作るHTML、色やサイズなどのスタイリングをするCSSを基礎から学びます。
続いてChapter 3では、Webページに動きをつけられるように、JavaScriptというプログラミング言語を学びます。
そしてChapter 4では、Node.jsという、サーバーサイドの開発ができるJavaScriptについて学びます。
Chapter 5では、Node.jsとExpressというフレームワークと組み合わせて、サーバー側の処理も行う簡単なWebアプリケーションを作ります。
そしてChapter 6では、Webアプリケーションを作る上で重要な役割を担う、データベースについて学びます。本書ではSQLiteを使用します。
最後のChapter 7では、本書で学んだことをすべて組み合わせて、Todo管理アプリケーションを作ります。このアプリケーションは、ユーザーのログイン管理、タスクの作成・取得・更新・削除の機能を備えており、いろいろなアプリケーションの基本となる形になっています。
この本を読んだだけでは、これらの技術を完璧にマスターすることはできませんが、どんな技術が必要で、それらをどう組み合せれば、Webアプリケーションを作ることができるのかを理解することができます。
「これから始める初心者だけれど、手ごたえを感じたい」、そんな人におすすめの1冊です。
■Part 1 基本編
〇 Chapter 1 Webプログラミングを始めよう
1-1 Webの開発ってどんなもの?
1-2 開発環境を整えよう
〇 Chapter 2 HTML/CSSを学ぼう
2-1 HTMLの基礎を覚えよう
2-2 より複雑なコンテンツ
2-3 スタイルシート(CSS)を使おう
2-4 Bootstrapでスタイル設定しよう
〇 Chapter 3 JavaScriptを学ぼう
3-1 JavaScriptの基礎を覚えよう
3-2 関数・配列・オブジェクト
3-3 Document Object Modelを使おう
〇 Chapter 4 Node.jsを学ぼう
4-1 Node.jsを準備しよう
4-2 入出力をマスターしよう
4-3 外部データにアクセスしよう
4-4 覚え書きツールを作ろう
■Part 2 開発編
〇 Chapter 5 Expressフレームワークを学ぼう
5-1 Expressの基本を理解しよう
5-2 ExpressでWebアプリを作ろう
5-3 Webページ作成をマスターしよう
〇 Chapter 6 データベースを使おう
6-1 SQLite 3を使おう
6-2 Node.jsからSQLite 3を利用しよう
6-3 SQLの基本を学ぼう
6-4 CRUDを作成しよう
〇 Chapter 7 本格Webアプリを作ろう
7-1 ToDoアプリを作ろう
7-2 利用者の管理機能を作ろう
7-3 ToDo関連を作成しよう
Amazonで詳しく見る
紹介文
実際のWebサイト制作に使えるコードを多数紹介。プロのデザイナーとして必須のスキルが身につく。
1 JavaScriptの基本
2 Webページの操作-変数の利用
3 文字の加工-文字列処理
4 値による表示の変更-条件分岐
5 複雑化した処理の整理-関数
6 大量のデータの処理-配列とループ処理
7 JavaScriptのデータ構造-オブジェクト
8 キャンバス-Canvas 1
9 画像、音声、動画の利用-Canvas 2、Audio、 Video
Amazonで詳しく見る
紹介文
エラーの読み方、わかりますか? この本で初心者を卒業しよう
「いずれWebエンジニアとして仕事をするようになりたい」
「JavaScriptの入門書を1冊読んだけど、理解がぼんやりしている」
「現場に出て恥ずかしくないように勉強しておきたい」
本書は、そんな風に思っている人にぴったりな、JavaScriptのプログラミング力をぐっとアップする1冊です。
解説では、文法の基本はもちろん、エラーやドキュメントの読み方まで説明。
ミッションでは、「瞬間的に分からなければいけない問題」を解くことで理解力を深め、瞬発力をアップします。
プロに近づく確かな1冊が欲しい方に!
1章 トレーニングを始める前に
2章 基本的なデータと計算
3章 命令と条件分岐
4章 少し高度なデータ
5章 処理を繰り返す
6章 関数を作る
7章 オブジェクトをさらに理解する
8章 HTMLを操作する
9章 JavaScriptの新しい構文
10章 ドキュメントとエラーを読む
ミッションの解答・解説
Amazonで詳しく見る
紹介文
【シリーズ累計35万部!】
【全国の書店員がオススメする本 第1位受賞を連発!】
【ここまで丁寧に解説している入門書はないと話題沸騰!】
とことん丁寧なJavaScriptの入門書
ついに登場!
・最初の一歩が踏み出せる! 初心者に寄り添うやさしい解説
・最新の技術が身につく! 今のJavaScriptの書き方・使い方
・絶対に知っておきたい! アニメーションとイベントの知識
・プログラミングの基本から実装方法まですべて学べる
Webクリエイターボックスの
Manaが教えるプログラミング&Webサイトの動かし方
この1冊で必要なことがすべて学べる!
プログラムもアニメーションも全部学べる!
サンプルデータはWebサイトよりダウンロードできます。
●本書の対象読者
・これからJavaScriptを学びはじめたい人
・以前にJavaScriptの学習を試みたが挫折してしまった人
・Webサイトに動きやイベントをつけてみたい人
・HTMLとCSSの基礎を終え、次の目標を探している人
・jQueryを卒業し、最新のJavaScriptを学び直したい人
●CONTENTS
CHAPTER 1 最初に知っておこう! JavaScriptでできること
CHAPTER 2 JavaScriptに触れてみよう!
CHAPTER 3 JavaScriptの基本を学ぼう!
CHAPTER 4 イベントで操作しよう!
CHAPTER 5 複数のデータを使ってみよう!
CHAPTER 6 アニメーションを加えよう!
CHAPTER 7 Webページを作ってみよう!
CHAPTER 8 エラーと解決方法
Amazonで詳しく見る
紹介文
本書は、JavaScript標準であるECMAScri pt 6以降に対応した、完全かつ簡潔なガイドブックです。古いバージョンについては解説をスキップし、現在のはるかに強力なモダンJavaScriptの中核技術からスタートできます。関数型/オブジェクト指向/非同期プログラミングのテクニックやヒントを本書で習得し、開発生産性の飛躍的な向上をぜひ目指してください。Java、C#、C/C++など他言語の経験者、初中級者がモダンJavaScriptを本格的に学べる一冊です。
Amazonで詳しく見る
紹介文
プログラム作りを楽しもう。はじめてでも大丈夫!この1冊で基礎をしっかりマスターできます!
1 JavaScriptでビジュアルWebプログラミング
2 JavaScriptでプログラムを作る
3 イベント処理とオブジェクト操作
4 JavaScriptの標準オブジェクト
5 HTML要素を動的に操作する
6 ラケットゲームを作成する
7 プログラムテクニックを身に付ける
8 データ構造とアルゴリズム
9 リバーシゲームに挑戦
Amazonで詳しく見る
紹介文
これから始めて、JavaScriptもVue.jsもTypeScriptも理解しよう!
「JavaScriptを学ぼう」
そんなふうに思っても、「JavaScript」は現在では、非常に関連技術の多い言語になっています。JavaScript関連のキーワードを上げてみると、「ECMAScript / TypeScript / Vue.js / Nuxt.js / React / Angular / jQuery」など、上げていったらキリがありません。
これらは「JSライブラリー」とか「JSフレームワーク」などと呼ばれているJSの周辺技術で、現在のウェブサイト制作や、ウェブアプリ開発では、これらの周辺技術の理解が必須になっています。
本書は、こういった事情に合わせて、今JavaScriptを学ぶなら、この周辺技術は必須だと筆者が考える以下の内容について解説しています。
JavaScript/ECMAScript/Vue.js/TypeScript
ぜひ本書を通じて、JavaScriptの魅力と現在のJavaScript開発のトレンドを抑えて頂けると幸いです。これからのウェブ開発にお役に立つことを願っています。
(「はじめに」より一部修正)
「Chapter1 JavaScriptを学ぶための準備をしよう」では、JavaScriptを学ぶための環境構築を行います。といっても、Google Chrome(ウェブブラウザー)と、Visual Studio Code(エディター)をインストールするだけの簡単な準備です。
「Chapter2 JavaScriptの基本を学ぼう」では、JavaScriptを基本からみっちり学びます。四則演算、制御構造、変数、配列、関数といった基本的なところから、イベントリスナーの使い方、クラスの定義、モジュール、非同期通信、Cookieの使い方など、JavaScriptを実務で使う際には必須となるような実践的な内容まで学びます。EcmaScript2015の文法で学びますが、必要に応じて古い文法についても説明しています。
「Chapter3 TypeScriptの基本を学ぼう」では、TypeScriptについて知っておきたいことを一通り学びます。TypeScriptの基本的な使い方から、関数、さまざまな型、クラス宣言、インターフェイスの使い方などまで解説します。
「Chapter4 Vue.jsの基本を学ぼう」では、現在制作の現場でよく使われているライブラリであるVue.jsについて学びます。基本的なディレクティブの使い方を学んだあと、メソッドやコンポーネント、ミックスインの定義方法を学び、実用的なプログラムを作ります。
「Chapter5 Vue CLIでアプリを作ろう」では、Vue CLIを使って、簡単なメモ管理のアプリケーションを作成します。プロジェクトの作成から始まり、ルーティングを設定し、新規追加・一覧・編集・削除の機能を作っていきます。Vuexを使って、データの保存も行い、コンポーネントを作って共通のパーツを追加するところまで行います。
Chapter 1 JavaScriptを学ぶための準備をしよう
Chapter 1-1 JavaScriptの基本的な開発環境を整えよう
Chapter 1-2 ECMAScriptとJavaScript
Chapter 1-3 「犬」で学ぶオブジェクト指向
Chapter 2 JavaScript の基本を学ぼう
Chapter 2-1 テンプレートをつくろう
Chapter 2-2 画面に文章を表示しよう - document.write
Chapter 2-3 警告ウィンドウで注意をひこう - alert
Chapter 2-4 1年が何秒間かを計算しよう - 四則演算
Chapter 2-5 秒数を知りたい日数をユーザーが入力できるようにしよう - 変数
Chapter 2-6 現在の秒数を表示しよう - Date
Chapter 2-7 今日の日付を表示する - テンプレート文字列
Chapter 2-8 HTMLの中に文章を表示しよう - プロパティ(1)
Chapter 2-9 タイトルを書き換えよう - プロパティ(2)
Chapter 2-10 ユーザーの入力をチェックして警告を表示しよう - if
Chapter 2-11 1から365までの数字を表示しよう - while、for
Chapter 2-12 曜日を日本語で表示しよう - 配列
Chapter 2-13 英単語と日本語の対応表を作ろう - ハッシュ(連想配列)
Chapter 2-14 文字列の中からキーワードを検索しよう - indexOf
Chapter 2-15 数字かどうかを判定しよう - isFinite
Chapter 2-16 消費税を四捨五入して求めよう - Math.round
Chapter 2-17 足し算ゲームを作ろう - Math.random
Chapter 2-18 偶数か奇数かを判断しよう - 剰余算
Chapter 2-19 よく使う処理をまとめる - 関数
Chapter 2-20 クラスを定義しよう
Chapter 2-21 JSONデータを読み込もう
Chapter 2-22 ボタンのクリックに反応して、重複クリックを防ごう - addEventListener
Chapter 2-23 テキストフィールドに値が入力されていなかったらエラーにしよう - blur
Chapter 2-24 チェックボックスがチェックされているかを確認しよう - change
Chapter 2-25 郵便番号の形式をチェックしよう - 正規表現
Chapter 2-26 別のページに移動しよう - location.href
Chapter 2-27 タイマーを作ろう - setnterval
Chapter 2-28 JavaScriptを外部ファイルにしよう
Chapter 2-29 JavaScriptで読み込んで使えるファイルを作ろう - モジュール
Chapter 2-30 非同期通信でデータを読み込もう
Chapter 2-31 ブラウザーに情報を保存しよう
Chapter 3 TypeScript の基本を学ぼう
Chapter 3-1 ES2015を古いウェブブラウザーでも使おう
Chapter 3-2 トランスコンパイラーの種類とTypeScript
Chapter 3-3 TypeScriptを使ってみよう
Chapter 3-4 TypeScriptで関数を使ってみよう
Chapter 3-5 TypeScriptをもっと柔軟に使ってみよう
Chapter 4 Vue.jsの基本を学ぼう
Chapter 4-1 Vue.jsとは
Chapter 4-2 Vue.jsをインストールする
Chapter 4-3 Vue.jsで画面に文章を表示する
Chapter 4-4 クラスを付加して、装飾しよう - v-bind
Chapter 4-5 フェードインしながら表示させよう
Chapter 4-6 フォームの値をVue.jsと接続しよう - v-model
Chapter 4-7 営業時間外の場合に警告を表示しよう - v-if
Chapter 4-8 Vue.jsで1から365までの数字を表示しよう - v-for
Chapter 4-9 Vue.jsで曜日を日本語で表示しよう - 配列
Chapter 4-10 ボタンのクリックに反応して、重複クリックを防ごう - v-on
Chapter 4-11 コンポーネントを作ろう
Chapter 4-12 時計コンポーネントを作ろう
Chapter 4-13 ミックスインでよく使う処理をまとめよう
Chapter 4-14 足し算計算機をつくろう
Chapter 5 Vue CLIでアプリを作ろう
Chapter 5-1 この章の概要
Chapter 5-2 Vue CLIとは
Chapter 5-3 新しいプロジェクトを作成しよう
Chapter 5-4 ファイル構成を確認しよう
Chapter 5-5 Vue Routerを利用してルーティング処理を入れよう
Chapter 5-6 メモの追加画面を作成しよう
Chapter 5-7 メモの追加画面を動作させよう
Chapter 5-8 Vuexを使ってデータを保管しよう
Chapter 5-9 一覧画面を作ろう
Chapter 5-10 編集画面を作成しよう
Chapter 5-11 保存ボタンがクリックされるまで、ストアが変更されないようにしよう
Chapter 5-12 メモを削除しよう
Chapter 5-13 共通パーツをコンポーネントで作ろう
Chapter 5-14 ストアの内容を保存しよう
Amazonで詳しく見る
紹介文
JavaScript初心者でも安心して学べる超入門書の登場!
【本書の概要】
Webサービスの開発現場で人気のJavaScript。
はじめてJavaScriptに触れる方も多くなってきています。
本書はそうしたJavaScript初心者の方に向けて
簡単なサンプルを作りながら、JavaScriptのプログラムの仕組みを
体験してもらう書籍です。
【対象読者】
JavaScriptのついて、何も知らない超初心者
【1年生シリーズ・3つのポイント】
・対話形式で解説し、イラストを交えながら、基礎知識を解説します。
・初めての方でも安心して学習できるよう基本文法もしっかり解説します。
・平易でサンプルを用意していますので、安心してプログラムを体験できます。
【本書のポイント】
クロネコ先生とマウス君と一緒に
基本的なプログラムから、作って楽しい音楽アプリの作成まで
体験して、プログラミングのしくみを学ぶことができます。
【著者】
リブロワークス
書籍の企画、編集、デザインを手がける編集プロダクション。手がける書籍はプログラミングからExcelまでIT系を中心に幅広い。最近の著書に『Unityの寺子屋 定番スマホゲーム開発入門』(MdN、大槻有一郎名義、共著)、『今すぐ使えるかんたんEx Excel作図入門』(技術評論社)などがある。
第1章 JavaScriptで何ができるの?
第2章 計算するプログラムを作ろう
第3章 コンピュータに判断させよう
第4章 プログラムの外側を作ってみよう
第5章 遊べる音楽アプリを作ってみよう