Webプログラミング（JavaScript）初級講座

はじめてのWebプログラミング（JavaScript基礎）

開催日時：2017年2月17日（金曜日）10:00～13:00

定員：20名

会費：無料

対象者：教育委員会および小学校、中学校、高等学校の教職員など初等中等教育に直接携わる方

内容：ハンズオン形式（実際にPCを利用しての講座になります。）

学習環境：ノートパソコン、Webブラウザ、エディタ（Visual Studio Code）
※パソコンは、会場にはマイクロソフトのSurfaceが準備されておりますので、ノートPCを持参いただく必要はありません。※お申込み多数の場合は、2名様に1台での体験となる可能性がございますのであらかじめご了承ください。

講師：河口 英生（トライデントコンピュータ専門学校Webデザイン学科講師）

場所：愛知県名古屋市西区牛島町 6-1 ルーセントタワー21階 マイクロソフト中部支社

お申込み：SENSEI PORTALイベントページ（https://senseiportal.com/events/39684/）
もしくは、下記フォームから必要事項をご記入の上、お申し込みください

Webプログラミング（JavaScript）初級講座申し込み

「小中高校の教職員向け「Webプログラミング初級講座」の講師を担当します。」の続きを読む≫

2017.01.23 [月] NodeList と HTMLCollection と Node.appendChild() と

JavaScriptを書いていると、Chrome Developer Toolsのコンソールに「Nodeが…」なんてエラーを、たびたび戴きます。

Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
「appendChild使うときは、Nodeじゃないとダメだよ」

その都度、Googleで調べたり書き直したりして対処していたのですが、すぐに忘れてしまうので備忘録として書いておきます。

目次

1. Nodeとは
2. HTMLCollectionとは
3. appendChildとは
4. 動的と静的の違い

Nodeとは

Node（ノード）

NodeとはHTMLの中にあるすべてをNode（節-ふし）という単位で区切ったインターフェースのことを言います。
HTMLの要素はもちろん、テキストや属性、コメントにいたるすべてがNodeになります。
Nodeの種類には、12種類あり、主なものは下の表の太字「Document（ドキュメント）」「Element（要素）」「Attr（属性）」「Comment（コメント）」「Text（テキスト）」などです。

インターフェース	解説	定数	タイプ
Element	エレメント、要素。HTMLタグを表します。	ELEMENT_NODE	1
Attr	アトリビュート、属性。HTMLタグ内の属性。	ATTRIBUTE_NODE	2
Text	テキストノード、タグ以外の文字データや、空白・タブ・改行（＝ホワイトスペースノード）。	TEXT_NODE	3
CDATASection	CDATA セクション	CDATA_SECTION_NODE	4
EntityReference	エンティティリファレンス	ENTITY_REFERENCE_NODE	5
Entity	エンティティ	ENTITY_NODE	6
ProcessingInstruction	処理命令	PROCESSING_INSTRUCTION_NODE	7
Comment	<!--から-->で囲まれたコメント	COMMENT_NODE	8
Document	HTML文書全体を表します。JavaScriptでは、documentオブジェクト。	DOCUMENT_NODE	9
DocumentType	ドキュメントタイプ	DOCUMENT_TYPE_NODE	10
DocumentFragment	ドキュメントフラグメント	DOCUMENT_FRAGMENT_NODE	11
Notation	ノーテーション	NOTATION_NODE	12

「NodeList と HTMLCollection と Node.appendChild() と」の続きを読む≫

2017.01.16 [月] 2016年のウェブDeBlogをアクセス解析で振り返る

1月も半ばを過ぎ、すっかり2017年ですが、このブログ「ウェブDeBlog」の1年をGoogle Analyticsの数値とともに振り返ってみたいと思います。

昨年の記事投稿数は、55でした。

1月	2月	3月	4月	5月	6月	7月	8月	9月	10月	11月	12月	合計
8	8	2	7	3	5	5	5	2	1	5	4	55

１ヶ月に平均4.6記事の投稿、週に1つ投稿するペースとなります。
閉館日のお知らせやイベントの告知などもありますので、もう少し読んでもらえる記事を増やしたいところです。
2017年は頑張りたいと思います。

セッション数

セッション	ユーザー	ページビュー数	平均セッション時間	直帰率	新規セッション率
39,805	29,941	76,618	00:02:03	67.11%	74.29%

セッション数の推移などを見てみると、5月2日の名古屋近辺のWeb制作会社をまとめた記事「【名古屋近辺のWeb制作会社74社】これからWeb業界を目指す人のためにまとめてみた。」が、思いのほか反響が大きくセッション数が1日だけで979あった他は、1年間を通じて概ね変動は少なかったといえます。
ギザギザになっているのは、週末になると極端にアクセス数が減るため、規則正しくギザギザになっています。
制作会社のまとめ記事は公開後、制作会社さんから掲載の問い合わせをいただいたり、「Web制作 名古屋」で検索すると上位表示されるようになったりと少なからず、その後のセッション数増に影響があったと考えられます。

月別のセッション数を2015年と比較してみると、

	1月	2月	3月	4月	5月	6月	7月	8月	9月	10月	11月	12月
2016	2,778	2,798	2,394	2,680	4,321	2,893	3,213	3,517	3,514	3,721	3,900	4,076
2015	454	523	564	2,220	2,128	2,575	2,505	1,815	1,944	2,415	1,975	2,483
比較	+2,324 (610%)	+2,275 (535%)	+1,830 (424%)	+460 (120%)	+2,193 (203%)	+318 (112%)	+708 (128%)	+1,702 (194%)	+1,570 (181%)	+1,306 (154%)	+1,925 (197%)	+1,593 (164%)

「2016年のウェブDeBlogをアクセス解析で振り返る」の続きを読む≫

2017.01.02 [月] Webサイトでみる映画人気ランキング【2016年12月24・25日】を調べた。

ちょうど週末とクリスマスが重なった今年の12月の映画ランキングとオフィシャルWebサイトをまとめてみました。
全国週末興行成績：2016年12月24日～2016年12月25日（全国動員集計）興行通信社提供

1カ月に1回、最終週の映画動員数ランキングを元に公式サイトを紹介していきます。
Webサイトの画像をクリックすると、リンクに飛びます。

［1］バイオハザード：ザ・ファイナル

バイオハザードも今作で6作目。ファイナルと銘打っての完結編となります。

「Webサイトでみる映画人気ランキング【2016年12月24・25日】を調べた。」の続きを読む≫

2017.01.01 [日] 2017 新年あけましておめでとうございます。

平成29年 新年あけましておめでとうございます。
本年もよろしくお願いいたします。