無償で公開します。ご自由にお読みください。再配布も自由です。
内容を修正したり、ファイルの一部分だけをコピーしたりして再配布するようなことはしないでください。アイデアを参考にすることはご自由にどうぞ。
内容の間違いや古い内容、プログラムが個別の環境で動作しないことががあっても無保証です。 お読みになっての感想、ご意見をいただけるとありがたく存じます
☆ ☆ ☆
著者は、慶應義塾大学湘南藤沢キャンパスで、1990年度から定年退職するまで27年間、非常勤講師を勤めました。情報基礎関連の科目を担当しました。このキャンパスの特徴は、学生さんが大きな多様性を持つことです。学生さんの興味対象や得意な分野は、政治、芸術、スポーツ、語学、科学など、とても多彩です。ですから、情報処理が得意な方もいれば、苦手な方もいます。このような学生さんを 30数名、1 クラスにまとめて授業をすることは、とても難しいことです。同じ内容を聞いて、「とても難しい」 と感じる学生さんがいる反面、「易しすぎてつまらない」 と感じる学生さんもいます。全員に満足していただける授業を行うことは至難のわざということになります。それから、授業時間の制約もあります。
そこで、定年退職を機に、副読本を作ることにしました。キャンパスでの授業を聞いて、易しすぎてつまらない、と感じる学生さんに、授業では扱えない、上級の情報を提供するのが目的のひとつです。こんな内容を授業時間内に説明したら、ただでさえ難しいと感じている多くの学生さんが興味を失ってしまうだろうというような内容です。それから、授業内容に興味が持てないような学生さんに、授業とは少し視点の異なった情報を提供するという目的もあります。少し極端な話をすれば、大学の授業は、学生さんに必要なすべての情報を提供し、すべてを覚えてもらうことが目的ではありません。むしろ、学生さんの、興味を呼び起こすような情報を提供することで、学生さんに研究のきっかけを与え、学生さんに自主的に研究活動をはじめてもらうことが目的です。
そういう意味で、本 副読本は、すべてを読破していただくことが目的ではありません。ご自分で「面白そう」 というテーマを見つけてもらい、それを拾い読みして、興味を持ったら自分で調べてみる、という きっかけになることを目的にしています。
お読みになって、これは面白い、というものがあったら、nara.yasuhiro@gmail.com まで、メールで教えていただけると、ありがたく存じます。反響の大きいテーマについて、さらに内容を充実させてゆきたいと考えています。
コンピュータリテラシーとは何かを知らなかったななちゃんがそれに取り組むお話
第１回 コンピュータリテラシーって何？
第２回 タッチタイピングって？
キーボードを見ずに入力するのはマジオシャンティ
タッチタイピング練習方法
第３回 インターネット上の情報は正しいか？
第４回 著作権って？
第５回 電子メールのマナー
第６回 ファイルが行方不明？
第７回 アナログとデジタル
第８回 デジタルデータは劣化しないというのは本当？
第９回 情報圧縮 （お絵かきツールで絵がにじむ？！）
情報圧縮ファイル形式
第１０回 プログラミング
ウェブページを見るだけだったななちゃんが自分のホームページを作れるようになるまでのお話
第１回 ウェブページの構造（見出し、改行、箇条書き）を指定（HTML）
第２回 ウェブページの見た目（中寄せ、色、フォント）を指定（CSS）
第３回 ウェブページをアニメ化（JavaScript）
まとめ (1) HTML
まとめ (2) HTML の リンク
まとめ (3) HTML/CSS/JavaScript の関係
JavaScript超入門者ななちゃんがちょっと慣れるまでのお話
第１回 はじめてのプログラム
第２回 コンピュータが話をする （ alert ）
第３回 コンピュータが人間に耳を傾ける （ prompt ）
第４回 コンピュータが判断をする （判断/分岐）
第５回 根に持つタイプ （変数）
第６回 まわって、まわって、まわって、まわる… （くりかえし）
第７回 成績表 （配列）
第８回 まとめて名前をつける （関数）
ななちゃんがデバッグ奥義を教えてもらうという お話
第１回 デバッグとは
第２回 デバッグのやりかた
第３回 デバッグのやりかた：実践編１（デバッガ）
第４回 デバッグのやりかた：実践編２（デバッグ奥儀）
第５回 デバッグのやりかた：実践編３（コンソール）
第６回 デバッグのやりかた：実践編４（便利ツールを作っておこう）
プログラミングをまったく知らなかったななちゃんがもぐらたたきゲームプログラムを
作れるようになるまでのお話
第１回 イベント？
moleface.png
molehit.png
molehole.png
プログラミングをまったく知らなかったななちゃんがアニメーションプログラムを
作れるようになるまでのお話
第１回：ハローワールド
第２回：アニメーション用の画面（キャンバス）
第３回：くりかえし
第４回：ボールのアニメ
第５回：折り返し
第６回：ボールを複数に
第７回：勝手にシンドバッド（古い！）
ボイド（Boids）
第８回：ボイドにルールを埋め込む ボイドルール１（整列）
第９回：ボイドにルールを埋め込むボイドルール２（結合）
第１０回：ボイドにルールを埋め込むボイドルール３（引き離し）
研究課題
電卓アプリの課題でつまずいていたJavaScript入門者ななちゃんが立ち直るまでのお話
第１回 画面をデザインしよう
第２回 JavaScript 部分を書く
第３回 結果を入力欄に戻す
第４回 「＝」キーを設ける
第５回 input2 欄 と 演算子表示欄 を 削る
第６回 「×」と「÷」を追加
第７回 テンキーボタン入力に
第８回 「クリア」キーを設ける、文字フォントを指定する
第９回 table を用いて整列する、小数点キーを設ける
第１０回 連続計算対応に
発展課題
二進数電卓（整数版）
二進数電卓（小数対応版）
Ｎ進数電卓（小数対応版）
プログラミングをまったく知らなかったななちゃんがグラフィックスプログラムを
作れるようになるまでのお話
第１回 コンピュータで絵を描こう
第２回 簡単な図を描いてみよう
第３回 指定した回数だけ繰り返す
第４回 回数をコンピュータに判断してもらおう
第５回 まとまりのある絵を部品化しよう
第６回 大きさを変化できる部品
第７回 まとめ
タートルグラフィックスとは
研究課題（１）
研究課題（２） 再帰
研究課題（３） フラクタル
複数のタートルを操作する環境でななちゃんがオブジェクト指向とは何かを勉強します
第１回 復習！
第２回 マルチタートル！
第３回 書き方の工夫
第４回 プログラムの部品化
第５回 書き方の工夫 （連結）
JavaScript の オブジェクトの使い方のまとめ
新しい HSLカラーの使い方 （CSS 3で追加されました）
ななちゃんがアルゴリズムを勉強するという お話
第１回 アルゴリズムは教養
第２回 アルゴリズム初級編
第３回 並べ替え（ソート）
第４回 検索（サーチ）
第５回 応用（84点とったのは誰？
1ページに収まるような小さいプログラム例でプログラミングの楽しさを発見しましょう
ななちゃんが禁断のプロテクニックを覚えるという お話
第１回 かっこいい生意気テクニックとは
第２回 かっこいい生意気テクニック（続）
第３回 かっこいい生意気テクニック（続々）
第４回 かっこいい生意気テクニック（続々々）
第５回 かっこいい生意気テクニック（続々々々）
第６回 かっこいい生意気テクニック（続々々々々）
第７回 かっこいい生意気テクニック （これでおしまい）
第８回 かっこいい生意気テクニック（まとめ）
ななちゃんがマッシュアップに挑戦するという お話
第１回 マッシュアップとは
第２回 マッシュアップの原理（問題点）
第３回 マッシュアップの原理（解決方法）
第４回 マッシュアップの準備（JSON形式）
第５回 さあ、いよいよマッシュアップ
第６回 マニュアルの見方
第７回 使用上の注意
付録１ 外部サービス：カレンダー
付録２ 外部サービス：天気予報
付録３ 外部サービス：国土地理院の標高API
付録４ 外部サービス：HeartRails Geo API
付録５ 外部サービス：駅データ．ｊｐ
ななちゃんがjQuery に挑戦するという お話
第１回 jQueryとは
第２回 セレクタ部
第３回 操作部（基本）
第４回 操作部（その他）
第５回 イベントモデル
第６回 $.ajaxによるJSONP読み込み
第７回 アニメーション
第８回 プラグイン
F. JavaScript 初級プログラマ禁断の Node.js の巻
ななちゃんがNode.js に挑戦するという お話
第１回 Node.js はなぜ初級プログラマ禁断？
第２回 Node.js ことはじめ
第３回 入出力
第４回 モジュールとパッケージ
第５回 ウェブサーバも作れる！
第６回 外部サービスの呼び出し
第７回 デバッグ支援機能
第８回 Buffer クラス
ななちゃんが文字化けの謎解きに挑戦するという お話
第１回 探検に出発
第２回 UTF-8 の海へ
第３回 UTF-16 の海へ
第４回 EUC と Shift-JIS の海へ
第５回 JIS（ISO-2022-JP）の海へ
第６回 Unicode とは
第７回 文字コードの歴史
第８回 文字化けトリビア(1) 「 ¥ 」 と 「 \ 」
第９回 文字化けトリビア(2) Shift_JIS コードの悲劇
おまけ： JavaScript （ブラウザ） を使って、文字コードを調べる
ななちゃんがDOMの仕組み解明に挑戦するという お話
第１回 探検に出発
第２回 探検の第一歩：名前を確かめる
第３回 クリじい、変です
第４回 探検の第二歩：頼み事をする
第５回 先祖や、酋長のことを聞く
第６回 家系図を把握する
第７回 家を作る
第８回 DOM（Document Object Model）
第９回 イベント
第１０回 スタイルのクラスを動的に変更する
トリビア： いじわるテスト
トリビア： document.getElementById は長ったらしい？
おまけ： UNIX のディレクトリ操作感覚でDOM 探索を行えるプログラム
上級者へのプレゼント： XPath （XML Path Language）
ななちゃんがイベントの秘密解明に挑戦するという お話
第１回 探検に出発
第１回 イベント？
第２回 イベントの設定
第３回 マウスイベント、タッチイベント、ポインタイベント
第４回 子供の喧嘩に親が：イベントの伝搬
第５回 キーボードイベント
第６回 セレクトイベント
第７回 スクロールイベント
第８回 ファイル操作イベント
第９回 ドラッグ＆ドロップイベント
第１０回 タイマーイベント
第１１回 チェンジイベント
第１２回 window のイベント
ななちゃんがプログラムの品質について考えるという お話
第１回 プログラムの品質？
第２回 品質？
第３回 JavaScript を知りたい、使ってみたい（正確性より興味）
第４回 自分専用の便利ツールを作りたい （自分のパソコン上で動けば良い）
第５回 自分専用の便利ツールを人にも使ってもらいたい
第６回 部署のツールとして部員に使ってもらいたい
第７回 社内ツールとして配布する
第８回 チーム開発
第９回 お客様への販売促進に活用する（古いブラウザへの対応、使いやすさへの配慮）
ななちゃんがJavaScriptのスコープについて調べるという お話
第１回 スコープとは
第２回 グローバルスコープと関数スコープ
第３回 ブロックスコープ （Ecma Script 2015 の新機能！）
第４回 透明マント：グローバル変数を使わないための工夫
ななちゃんが文字列操作の世界を探るという お話
第１回 文字列操作とは
第２回 「文字列変換銃」
第３回 「文字列変換銃」を使ってみる
第４回 正規表現
第５回 文字列の抽出と検索
第６回 文字列と配列の相互変換
第７回 文字列－配列相互変換を使った文字列操作
第８回 メソッドチェーン
第９回 うまい方法
第１０回 文字列操作のちょっとしたノウハウ
第１１回 いろいろな文字列変換
第１２回 その他
ななちゃんが配列列操作の世界を探るという お話
第１回 秘密道具：マイコンソール
第２回 配列の基礎
第３回 元の配列を変化させない、複製的操作
第４回 元の配列を変化させる、万能操作
第５回 元の配列の両端の挿入、削除操作
第６回 ちょっと便利な操作
第７回 型付き配列
第８回 多次元配列
ななちゃんがES2015のSet/Mapに挑戦するという お話
第１回 Set とは
第２回 Map とは
ななちゃんがイテラブルの概念を学ぶという お話
第１回 イテラブル（反復可能）とは
第２回 イテレータとは
第３回 イテレータ生成器を簡単に作る「ジェネレータ」
第４回 具体的な「イテラブル」オブジェクト
第５回 まとめ
ななちゃんがシンボルオブジェクトの使い方を学ぶという お話
第１回 Symbol オブジェクトとは
ななちゃんが、JavaScript のプリミティブと、比較（等価演算子）について学ぶという お話
第１回 秘密道具：マイ・コンソール
第２回 プリミティブ(primitive、プリミティブ値、プリミティブデータ型)
第３回 参照渡しと値渡し
第４回 等価演算子 == と 厳密等価演算子 ===
第５回 if 文とプリミティブ
第６回 オブジェクトをプリミティブ値に変換するルール
第７回 ラッパーオブジェクト
第８回 お遊び（実用性まったく無し！）（知的好奇心用）
R.This is not a pineapple pen の巻
ななちゃんが、JavaScript のthis の使い方を学ぶという お話
第１回 第１回 秘密道具：マイ・コンソール
第２回 this の初期値は window、関数（メソッド）呼び出しでは変化しない
第３回 HTML要素の中の this
第４回 イベントハンドラ内の this は、イベントソース要素
第５回 オブジェクト内の this は、そのオブジェクト
第６回 関数の apply、call 呼び出し
第７回 インスタンス内の this は、そのインスタンス
ななちゃんが、JavaScript の関数の使い方の基礎を学ぶという お話
第１回 関数の使い途
第２回 データをふたつ返すには？
第３回 実行時に関数を定義する
第４回 チーム開発のプライバシー保護
ななちゃんが、JavaScript の関数の使い方を詳しく学ぶという お話
第１回 秘密道具：マイ・コンソール
第２回 関数とは
第３回 Function クラス オブジェクトのプロパティとメソッド
第４回 JavaScriptの識別子
第５回 再帰
第６回 クロージャ
第７回 関数の仮引数（デフォルト仮引数と残余仮引数）
第８回 アロー関数
第９回 コンストラクタ関数
ななちゃんが、JavaScript のエラー処理の方法を学ぶという お話
第１回 エラーをキャッチする
第２回 エラーを投げる
第３回 エラーを拡張する
ななちゃんが、データ構造の基礎（リスト、二分木）を学ぶという お話
第１回 秘密道具：マイ・コンソール
第２回 データ構造とは
第３回 リスト構造
第４回 検索、ソーティング
第５回 スタックとキュー
第６回 二分木
第７回 ヒープソート
ななちゃんが、メニューの使い方をマスターするという お話
第１回 秘密道具：マイ・コンソール２
第２回 チェックボックスとラジオボタン
第３回 セレクトボックスの基本的な使い方
第４回 セレクトボックスの情報参照
第５回 セレクトボックスの生成
第６回 オプショングループ
第７回 複数選択型
第８回 応用例
ななちゃんが、行列 データ構造を使ってみるという お話
第１回 秘密道具：マイ・コンソール
第２回 行列とは
第３回 行列のコンストラクタと表示
第４回 基本的な演算子（行列和、スカラー積）
第５回 少し複雑な演算子（転置、行列積）
第６回 複雑な演算子（行列式、逆行列）
第７回 二次元の行列演算子
第８回 さあ、いよいよ使ってみよう！
第９回 写像としての行列
ななちゃんが、複素数 データ構造を使ってみるという お話
第１回 秘密道具：マイ・コンソール
第２回 複素数とは
第３回 複素数のコンストラクタと表示
第４回 基本的な演算子（和/差、積、共役、距離）
第５回 少し複雑な演算子（除算、平方根、極形式、指数関数、対数関数、べき乗）
第６回 複素数の配列とキャンバス
第７回 さあ、いよいよ使ってみよう！
第８回 写像としての複素数
ななちゃんが、ななちゃんがライブラリに挑戦するという お話
第１回 ライブラリとは
第２回 一般的なライブラリ
第３回 jQuery
第４回 Chart.js
第５回 D3.js
第６回 Tone.js