#author("2021-12-14T03:25:26+00:00","default:sagasite","sagasite")
[[Book]] ＞ [[JavaScript]] ＞ [[Vue.js]] ＞ 初心者からちゃんとしたプロになる JavaScript基礎入門
RIGHT:2021-12-14 (火) 公開
//RIGHT:2020-02-01 (土) 更新
//----- ----- ----- ----- ----- ----- ----- -----
#html{{
<div class="alert alert-info">
<ul>
<li>JavaScriptの入門書</li>
<li>Vue.jsの説明もあります。</li>
</ul>
</div>
}}
//----- ----- ----- ----- ----- ----- ----- -----
#contents
//===== ===== ===== ===== ===== ===== ===== ===== ===== =====
* 初心者からちゃんとしたプロになる JavaScript基礎入門 [#book]
#html{{
<table border="0" cellpadding="5"><tr><td valign="top"><a href="https://www.amazon.co.jp/exec/obidos/ASIN/4844369644/vertex9-22/" target="_blank"><img src="https://m.media-amazon.com/images/I/51vD2KtlVPL._SL160_.jpg" border="0"></a></td><td> </td><td valign="top"><a href="https://www.amazon.co.jp/exec/obidos/ASIN/4844369644/vertex9-22/" target="_blank">初心者からちゃんとしたプロになる JavaScript基礎入門</a><br>西畑 一馬<br>エムディエヌコーポレーション<br>2020-03-25<br>￥2860</td></tr></table>
}}
//===== ===== ===== ===== ===== ===== ===== ===== ===== =====
* 目次 [#contents]
** ■ Lesson 1 JavaScriptの基本 [#y0d56bc8]
01 JavaScriptとは
JavaScriptの仕様
JavaScriptでできること
02 JavaScriptの開発に必要なもの
最低限必要なツール
ブラウザ
エディタ
03 JavaScriptを書いてみよう
JavaScriptを含むファイルを作成する
Consoleを利用したデバッグ
JavaScriptのコメントアウト
04 文字列や数値を表示してみよう
変数を使ってみよう
文字列の操作
数値の操作
変数をブラウザに表示
05 条件分岐を利用してみよう
真偽値を使ってみよう
比較演算子で真偽値を取得
if文で条件分岐
論理演算子で複雑な条件を指定しよう
06 配列を使ってみよう
配列とは
for文を使ってみよう
配列を操作するメソッド
配列を作成するメソッド
配列の状態を取得するメソッド
07 関数を使ってみよう
関数とは
変数のスコープ
関数式と関数宣言
** ■ Lesson 2 JavaScriptのオブジェクト [#l4e28a91]
01 JavaScriptで日付を扱おう
Dateオブジェクト
今日の日付を表示してみよう
未来・過去の日付を表示してみよう
02 タイマーを作ってみよう
タイマーアプリに必要なもの
setTimeoutとsetIntervalを使う
タイマーを作ってみよう
03 オブジェクトで複雑なデータを扱う
オブジェクトとは（連想配列）
オブジェクトの値をブラウザに表示する
オブジェクトの文字を変更してみる
オブジェクトにプロパティを追加してみる
オブジェクトのキーだけを抽出する
04 配列とオブジェクトを組み合わせて複雑なデータを扱う
配列内のオブジェクトの文字を表示する
条件にマッチするオブジェクトのみを表示
元の配列とは違う状態の配列を作る
配列にオブジェクトを追加する
** ■ Lesson 3 Todoアプリを作ってみよう [#v3ef214a]
01 Todoアプリの概要
Todoアプリを作ってみよう
完成版のサンプルを確認する
02 Todoを作って表示する（Create/Read）
Todoアプリのデータ構造を検討する
扱うDOM要素を変数に登録する
ページを開いたときに関数を実行する
ブラウザのイベントをJavaScriptで扱う
テキストフィールドに文字を出力する
03 Todoを完了済みにする（Update）
Todoを完了済みにする
Todoを完了にする
未完了のTodoのみを表示する
04 Todoを編集する（Update）
Todoを編集する
05 Todoを削除する（Delete）
Todoを削除する
** ■ Lesson 4 Vue.jsの基本 [#c50ba8fa]
01 フレームワークを使ってみよう
フレームワークとは何だろう
Vue.js とは何だろう
02 Vue.jsの基本を知ろう
はじめてのVueアプリを作ろう
03 Vue.jsの基本記法を確認しよう
Vueインスタンスの作成
データの登録・参照
属性
条件分岐
ループ
イベント処理
04 Vue.jsでアプリを作ってみよう
Todoアプリを作ろう
Todoリストを表示しよう
Todoリストをフィルタリングしよう
Todoの状態を切り替えよう
Todoを追加しよう
Todoを編集しよう
** ■ Lesson 5 Vue.jsをWebサイトに組み込む [#zcbc072c]
01 よくあるUIをVue.jsで作ってみよう
タブパネルを作ってみよう
モーダルを作ってみよう
ハンバーガーメニューを作ってみよう
02 Vue.jsのプラグインを利用しよう
Vue.jsのプラグインを利用しよう
Swiperを読み込ませよう
Swiperを使ってみよう
//===== ===== ===== ===== ===== ===== ===== ===== ===== =====
* 出版社情報 [#publisher]
- 初心者からちゃんとしたプロになる JavaScript基礎入門｜株式会社エムディエヌコーポレーション
https://books.mdn.co.jp/books/3219203012/
//===== ===== ===== ===== ===== ===== ===== ===== ===== =====
* 著者紹介 [#author]
** 西畑 一馬（にしはた かずま） Lesson1 執筆 [#g799cf6e]
株式会社トゥーアール代表取締役／フロントエンドエンジニア。
2002年よりWeb制作を行ない、2016年2月に株式会社トゥーアールを設立。
ReactやVue.js、Angularなどフロントエンドに特化したWeb制作を行なっている。
「Web制作の現場で使うjQueryデザイン入門」や「JavaScriptコーディング ベストプラクティス」など多数の著書を執筆している。
三度の飯より日本酒が好き。
URL： https://twitter.com/KazumaNishihata
** 須郷 晋也（すごう しんや） Lesson 2 執筆 [#gbdc4e07]
1979年生まれ。
Web制作会社にて大規模サイトのコーディングやCMS導入などを通じてプログラミングに興味を惹かれる。
複数のWeb制作会社を経て現在はフロントエンドエンジニアとして活躍中。
URL： https://twitter.com/Sakunyo
** 扇 克至（おうぎ かつし） Lesson 3 執筆 [#f60d7894]
1978年生まれ。
広告代理店の営業マン、Webデザイナーを経てなぜかフロントエンドエンジニアへ。
現在はReactをベースにFirebaseを利用したアプリケーション制作を得意としている。
好きなゴールド事務は東中野店。
URL： https://github.com/anton072
** 岡島 美咲（おかじま みさき） Lesson 4 執筆 [#r598a993]
いくつかのWeb制作会社を経て、2019年3月に株式会社トゥーアールに入社。
現在はフロントエンドエンジニアとしてReact、Vue.jsを使ったアプリケーション開発に勤しんでいる。
自分にとって新しいことを学ぶことが好き。
アイコンはもい。さん（https://twitter.com/moi_momoco）。
URL： https://twitter.com/mokajima85z
** 岩本 大樹（いわもと たいき） Lesson 5 執筆 [#k08376d7]
1995年生まれ。
京都の美術大学でひょんなことからプログラミング学習を始める。
2013年に東京のWeb会社に就職し、フロントエンド、バックエンド、Unityなどさまざまな分野のエンジニアリングに携わっている。
URL： https://github.com/pepoipod
//===== ===== ===== ===== ===== ===== ===== ===== ===== =====
//* 書評 [#review]
//===== ===== ===== ===== ===== ===== ===== ===== ===== =====
//* 学習メモ [#memo]
//|頁+行|章節|項目|日付|h
//| [[書名_p_L]] | | | |
//----- ----- ----- ----- ----- ----- ----- -----
// A8 Ads - sakura VPS banner
~
#html{{
<center><a href="http://px.a8.net/svt/ejp?a8mat=1O73NW+3B2PRM+D8Y+BXB8X" target="_blank"><img border="0" width="468" height="60" alt="" src="http://www21.a8.net/svt/bgt?aid=101108300200&wid=001&eno=01&mid=s00000001717002003000&mc=1"></a><img border="0" width="1" height="1" src="http://www18.a8.net/0.gif?a8mat=1O73NW+3B2PRM+D8Y+BXB8X" alt=""></center>
}}
//----- ----- ----- ----- ----- ----- ----- -----
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
