10日でおぼえるJavaScript入門教室 第3版 電子書籍(大槻 有一郎)|翔泳社の本
  1. ホーム >
  2. 電子書籍 >
  3. 10日でおぼえるJavaScript入門教室 第3版

10日でおぼえるJavaScript入門教室 第3版


形式:
電子書籍
発売日:
ISBN:
9784798128887
価格:
2,860(本体2,600円+税10%)
カテゴリ:
Webプログラミング
キーワード:
#Web・アプリ開発,#プログラミング,#ネットワーク・サーバ・セキュリティ,#開発手法
シリーズ:
10日でおぼえる
電子書籍

今こそしっかり身につけたい HTML5 時代のJavaScript

JavaScriptは「早く簡単に作る、早く簡単に変更する」というコンセプトで設計されており、サービスをすばやく立ち上げて、利用者の要求に応えることができる、学習しやすいプログラミング言語です。最近では、HTML5との連携や、手軽なライブラリであるjQueryで注目を集めています。

本書は、JavaScriptの基礎から最新の応用技術までしっかり学びたい人のための学習書です。JavaScriptの基本から、配列、ループ、分岐条件、関数とオブジェクト、ユーザーの操作に応じた処理、DOMを使ったHTMLの要素の操作、ビルトインオブジェクトを使った便利なテク、jQuery、HTML5時代に知っておくべきポイントまで丁寧に解説していきます。

※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

(翔泳社)

目次の登録はありません。

付属データはこちら

お問い合わせ

内容についてのお問い合わせは、正誤表、追加情報をご確認後に、お送りいただくようお願いいたします。

正誤表、追加情報に掲載されていない書籍内容へのお問い合わせや
その他書籍に関するお問い合わせは、書籍のお問い合わせフォームからお送りください。

利用許諾に関するお問い合わせ

本書の書影(表紙画像)をご利用になりたい場合は書影許諾申請フォームから申請をお願いいたします。
書影(表紙画像)以外のご利用については、こちらからお問い合わせください。

追加情報はありません。
この商品の「よくある質問」はありません。

現在表示されている正誤表の対象書籍

書籍の種類:電子書籍

書籍の刷数:全刷


※重版をした際に、内容が修正されている場合があります。「刷数の確認方法(例)」の図を参考に、お手元の書籍の刷数をご確認ください。下の「書籍の刷数」の欄で刷数を選択すると、お持ちの書籍の刷数に合わせて、正誤情報を絞り込むことができます。

書籍によっては表記が異なる場合がございます


本書に誤りまたは不十分な記述がありました。下記のとおり訂正し、お詫び申し上げます。

対象の書籍は正誤表がありません。

 書籍の刷数で正誤情報を絞り込みたい場合は選択してください。

 書籍の種類:

最終更新日:2022年08月25日
ページ数 内容 書籍修正刷 電子書籍訂正 発生刷 登録日
017
(2)の2行目
規定のエンコード]から[Unicode(UTF-8, BOM無)]を選び(1)、[規定の改行コード]
既定のエンコード]から[Unicode(UTF-8, BOM無)]を選び(1)、[既定の改行コード]
2刷 1刷 2012.09.10
017
(2)の図
(3)選択
(3)クリック
2刷 1刷 2012.09.10
017
(3)の図
(2)選択
(2)確認
2刷 1刷 2012.09.10
020
下から2行目
使用される規定の文字コードを
使用される既定の文字コードを
2刷 1刷 2012.09.10
034
図6
図6

修正点は、以下のとおり。
・(2か所)テンイパックS → テンイパックS
・prod_price → prod_name
2刷 1刷 2012.09.10
040
表の「優先順位 3」5項目め
  デクリメント(後置)。
--  デクリメント(前置)。

正しくは、半角マイナス2つです。
2刷 1刷 2012.09.10
057
図2の3行上
変数iを0から1ずつ増やし、4になったら終了
変数iを0から1ずつ増やし、3になったら終了
2刷 1刷 2012.09.10
058
「さまざまなforループ」の1つ目の青い枠内
for(var i=0; i<20; i+=2){ //変数iは0、2、4、8、10、・・・・
for(var i=0; i<20; i+=2){ //変数iは0、2、4、6、8、10、・・・・
1刷 2022.08.25
063
図2
図2

修正点は以下のとおり。
・UMLプロパティ…(html要素を記録)→(URLを記録)
・createElemenrメソッド → createElementメソッド
2刷 1刷 2012.09.10
068
コード第27行
<s cript type="text/javascript">
<script type="text/javascript">
2刷 1刷 2012.09.10
075
ソースコード:10~12行
.blueback{color: blue;}
.redback{color: red;}
.greenback{color: green;}
.blueback{background: blue;}
.redback{background: red;}
.greenback{background: green;}
2刷 1刷 2012.04.09
086
図4の矢印の右
・←prod_data[0] ・←prod_data[0][1]
・←prod_data1[0] ・←prod_data1[1][1]
2刷 1刷 2012.09.10
089
最下行
writePriceTable関数を追加します。
writePriceSim関数を追加します。
2刷 1刷 2012.09.10
104
図4中の赤い字
自然消滅
自動消滅
2刷 1刷 2012.09.10
104
コードの1行前~コード10行目
setDateメソッドで日を変更するようにしたほうがいいでしょう。
function writeCalendar(year, month){
var weekday = ['日', '月', '火', '水', '木', '金', '土'];
document.write('<table>¥n');
var d = new Date(year, month-1, 1);
for(var y=0; y<4; y++){
document.write('<tr>');
for(var x=0; x<10; x++){
var date = y * 10 + x + 1;
d.setDate(date); //日を設定する

document.write('<td>');
getTimeメソッドで現在の日付・時刻をミリ秒で表したものを取得し、それに24時間分を加えてからsetTimeメソッドで再設定する方法もとれます。
function writeCalendar(year, month){
var weekday = ['日', '月', '火', '水', '木', '金', '土'];
document.write('<table>¥n');
var d = new Date(year, month-1, 1);
for(var y=0; y<4; y++){
document.write('<tr>');
for(var x=0; x<10; x++){
var oldt = d.getTime();
d.setTime(oldt + 24*60*60*1000);

document.write('<td>');
2刷 1刷 2012.09.10
113
(13)結果の画像
カレンダー結果画像
2刷 1刷 2012.09.10
127
コードの3~2行上
サンプルでは「btn_appprod」というIDを持つ要素を選択し、そのonclickプロパティにaddProduct関数を代入しています。これで、btn_appprod
サンプルでは「btn_addprod」というIDを持つ要素を選択し、そのonclickプロパティにaddProduct関数を代入しています。これで、btn_addprod
2刷 1刷 2012.09.10
137
図5の「Callオブジェクト」のボックス中
even
event
2刷 1刷 2012.09.10
142
図2 右下の赤い字
NdeListオブジェクトのlengthプロパティ(要素数)
NodeListオブジェクトのlengthプロパティ(要素数)
2刷 1刷 2012.09.10
150
吹き出し
Internet Explorerのバージョン8以前にはcurrentTargetプロパティがありません。互換性を重視するならtargetプロパティを利用してください。
Internet Explorerのバージョン8以前にはcurrentTargetプロパティがありません。代わりにsrcElementプロパティを利用します。
2刷 1刷 2012.04.09
156
サンプルファイル(2ヶ所)
chapter5.css
chap5.css
1刷 2015.05.22
157
リスト1
006行目の <link rel="stylesheet" href="reset.css" type="text/css"> を削除し、以下の行番号を1つずつ繰り上げます。
1刷 2015.05.22
168
サンプルファイル(2ヶ所)
chapter5.css
chap5.css
1刷 2015.05.22
173
図2の3行上
insetBeforeメソッド
insertBeforeメソッド
2刷 1刷 2012.09.10
185
図3のキャプション
▲図3:「1」「8」と指定すると、2文字目から9文字目までのテキストが取り出される
▲図3:「1」「8」と指定すると、2文字目から7文字目までのテキストが取り出される
2刷 1刷 2012.09.10
193
(6)の2行目
validURL関数の中に、
validUrl関数の中に、
2刷 1刷 2012.09.10
194
(8)の2行目
validURL関数の中に、
validUrl関数の中に、
2刷 1刷 2012.09.10
197
表の上から10項目め
¥cX(nはA~Z)
¥cX(XはA~Z)
2刷 1刷 2012.09.10
199
図8の1行下
replaceURL関数では、
replaceUrl関数では、
2刷 1刷 2012.09.10
219
▼表:Screenオブジェクトの主なプロパティ
availWidth タスクバーなどを除いた利用可能な画面の幅を返します。 availHeight タスクバーなどを除いた利用可能な画面の高さを返します。

2つのプロパティを追加します。
2刷 1刷 2012.04.09
226
最下行
goNexPage関数が呼び出されます。
goNextPage関数が呼び出されます。
2刷 1刷 2012.09.10
244
「リスト1 lesson29.html」 34と35行目の間
<div id="output"></div> 上記コードを追記します。
1刷 2022.08.25
267
「4 Webブラウザで表示する」3行目
→[lesson30]フォルダの中にある場合は、
→[lesson32]フォルダの中にある場合は、
1刷 2022.08.25
273
リスト1 lesson30.html 36行目
<tr><th>製品名</th><th>価格</th><th>10個</th></tr>
<tr><th>製品名</th><th>価格</th></tr>
1刷 2022.08.25
279
「リスト1lesson34.html」 38行目
<tr><th>製品名</th><th>価格</th><th>10個</th></tr>
<tr><th>製品名</th><th>価格</th><th>10個</th><th>20個</th><th>30個</th>
1刷 2022.08.25
287
下から2行目
また、サービスの場合は「10個」~「20個」の欄に
また、サービスの場合は「10個」~「30個」の欄に
2刷 1刷 2012.09.10
309
リスト1の第008行
#div_source{font-size:13px; line-height: 1.5em; border: solid 1px blue;
#div_status{font-size:13px; line-height: 1.5em; border: solid 1px blue;
2刷 1刷 2012.09.10
310
(3)の2行目
JSONの読み込みを行う「loadTable関数」と、読み込んだデータを
JSONの読み込みを行う無名関数と、読み込んだデータを
2刷 1刷 2012.09.10
320
3行目
closeAll関数とopen関数を見てみましょう。
closeAll関数とopenAll関数を見てみましょう。
2刷 1刷 2012.09.10
322
(1)の4行目
drawGraph巻数は空になっています。
drawGraph関数は空になっています。
2刷 1刷 2012.09.10

感想・レビュー

ミスタ! さん

2019-06-30

obniz がJavascript対応なので、ちょっと読む。そんなに難しいとは思わなかったけど、覚えれるかな?