マンガで分かる JavaScriptプログラミング講座はてなブックマーク - マンガで分かる JavaScriptプログラミング講座

はじめに

「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。

架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。

(マンガは、左上から右下へと読みます)

プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。

主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデザイナーなどにもおすすめです。

この講座は、何を『書かないか』ということを考えながら作成しました。上級者の方には物足りないかもしれませんが、多くの人にJavaScriptを使ったプログラムの世界を楽しんでもらえればと思います。そして、プログラムの世界のセンス・オブ・ワンダーを感じてもらえればと思います。

第3版完成 2017年09月19日
第2版完成 2010年08月18日
第1版完成 2010年05月10日
文・絵:柳井政和(クロノス・クラウン代表)
バナー 2013/06/09 姉妹版となる
マンガで分かる Java入門講座
を公開しました。

履歴

2017年09月19日 第3版完成。
2017年08月26日 第3版作成開始。
2013年12月12日 「[第4話:数値変数と計算](wiki.cgi?p=number_calc)」の「その他の計算」の誤植を修正。
2013年12月01日 「[第23話:jQueryを利用した通信処理](wiki.cgi?p=jquery_ajax)の「サンプルの入手」に、注意事項を追加。
2013年02月12日 「[第4話:数値変数と計算](wiki.cgi?p=number_calc)」の「様々な計算方法」-「その他の計算」の誤植を修正、加筆。
2012年01月20日 JavaScriptでWebカメラの画像を取得するライブラリ「[crocro.jscam](/html5/jscam/wiki.cgi)」を公開。
2011年03月03日 「[Googleカレンダー自動バックアップ](/pc/soft/gcal_auto_bu/index.html)」を公開
2011年01月22日 第3,4,5,7,8,9,10,14,17,21,22,23話の、解説、マンガ、図版を改良
2010年12月02日 「Twitt tube」を公開
2010年11月04日 JavaScriptライブラリ「[Web AI](/write/web_ai/wiki.cgi)」を公開
2010年11月04日 「人工無脳 ひまねちゃん」を公開
2010年11月04日 「Cigazine」を公開
2010年11月04日 「迷言辞典」を公開
2010年09月07日 22時50分 第8話のスクリプトの間違いを修正、第8,9,13,17,18,21,23話の誤植を修正
2010年08月18日 20時30分 第2版を公開開始
  第2版の変更点
    マンガを分かりやすく改良。
    マンガの線の修正。
    説明文章の拡充。
    図版の充実。
    章の一部分割。
2010年05月10日 18時39分 「[あとがき](wiki.cgi?p=afterword)」 を公開(第1版完成)
2010年05月10日 18時39分 「[第23話:終わりに](wiki.cgi?p=at_the_end)」 を公開
2010年05月10日 16時02分 「[第22話:HTAを利用したウインドウ付きアプリケーション](wiki.cgi?p=hta_win_app)」 を公開
2010年05月09日 20時23分 「[第21話:WSHを利用したローカルアプリケーション](wiki.cgi?p=wsh_local_app)」 を公開
2010年05月08日 21時05分 「[第20話:ブックマークレット](wiki.cgi?p=bookmarklet)」 を公開
2010年05月08日 15時47分 「[第19話:jQueryを利用した通信処理](wiki.cgi?p=jquery_ajax)」 を公開
2010年05月08日 04時30分 「[第18話:jQueryの利用](wiki.cgi?p=jquery)」 を公開
2010年05月07日 16時33分 「[第17話:クッキーの利用](wiki.cgi?p=cookie)」 を公開
2010年05月07日 04時43分 「[第16話:スタイルシート](wiki.cgi?p=style_sheets)」 を公開
2010年05月06日 19時50分 「第15話:イベントやタイマーによる処理」 を公開
2010年05月04日 17時22分 「[第14話:Webページの書き換え](wiki.cgi?p=rewrite_web_page)」 を公開
2010年05月03日 20時32分 「[第13話:WebページのJavaScript](wiki.cgi?p=web_page)」 を公開
2010年05月03日 02時59分 「[第12話:正規表現](wiki.cgi?p=regexp)」 を公開
2010年05月01日 17時44分 「[第11話:配列のソートと無名関数](wiki.cgi?p=sort_anonymous_function)」 を公開
2010年04月30日 22時31分 「[第10話:日付オブジェクト](wiki.cgi?p=date)」 を公開
2010年04月29日 21時10分 「[第9話:型、オブジェクト、クラス](wiki.cgi?p=type_object_class)」 を公開
2010年04月28日 22時40分 「第8話:関数と変数のスコープ」 を公開
2010年04月27日 23時50分 「第7話:ループ処理と配列」 を公開
2010年04月27日 03時03分 「[第6話:真と偽 条件分岐と演算子](wiki.cgi?p=boolean_if_operator)」 を公開
2010年04月26日 22時08分 「[第5話:文字列変数と様々な出力](wiki.cgi?p=string_output)」 を公開
2010年04月26日 19時00分 「[第4話:数値変数と計算](wiki.cgi?p=number_calc)」 を公開
2010年04月26日 04時56分 「[第3話:書いてみよう](wiki.cgi?p=let's_write)」 を公開
2010年04月26日 04時56分 「[第2話:プログラムって何?](wiki.cgi?p=about_program)」 を公開
2010年04月26日 04時56分 「[第1話:プロ部登場](wiki.cgi?p=about_probu)」 を公開

キャラクター紹介

プロ部

必修クラブ。プログラムをマスターするためのクラブ活動。

安見 遊(やすみ ゆう)

キャラ 通称「スリーパー遊」。体を動かしたくない面倒くさがり屋の女の子。
楽らしいという噂を聞き、プロ部を選ぶ。

高美舎 麗(たかびしゃ れい)

キャラ 通称「お嬢」。遊に対抗心を燃やす。
くじ運が悪く、テニス部を狙っていたが、プロ部になってしまう。

内木 守(うちき まもる)

キャラ おっとり君。遊の幼馴染。
いつも遊に振り回される。そしてプロ部に入る羽目に。

桑立 謀(くわだて はかる)

キャラ 先生。プロ部の担当。昼行灯。
なぜか、プログラムが得意。

目次

第1部 JavaScriptプログラミングの基本

第2部 脱初心者プログラミング

第3部 Webページのプログラミング

第4部 ライブラリ

第5部 応用編