実践！

未踏ウェブサービス構
築
インタラクションデザインプロ
ジェクト
永田周一
 自己紹介
 永田周一

 紙 copi 、 NOTA の開発者

 LiveCoding 第 1 回主催者
 2007 年より渡米、シリコンバレーで会社設立
 休学し、 Palo Alto というパソコン発祥の地で約 1 年
を過ごす。
 現地で、多くの開発者、研究者、起業家と交流
 開発事例：紙 copi
 1999 年〜

 スクラップブック、メモ帳
 保存動作がなく、ファイルの概念をなくす

 ユーザー数 20 万人超
 研究事例 : NOTA
 2002 年未踏ソフトウェア創造事業

 ウェブ上でリアルタイムにコラボレーションす
る試み

 リアルタイム通信はこれから普及すると言われ
ている
 研究事例 : TwitPaint
 2009 年〜

 お絵かきコンテンツが、細胞分裂するように、コピー
、変化を繰り返しながらウェブ上で増殖していく。

 連画、 CreativeCommons のコンセプトモデル

 目標
 実践的ウェブサービスが設計・構築・運
用までできるレベルになること

 （かなりきびしいが、最短で学べる）
 講義概要

実技 課題
 お約束
 作業・開発日記を書く
 メモを整理して、箇条書きで良いのでブログを書く

 課題に挑戦
 課題終了後、次回の講義で、ショートティーチング
がある
 開発方法
 コードは書かかないと身に付かない（王道のみちはとらな
い）

 ０からの設計ができるようにインターフェイスとデザイン
のセンスも同時に身につけよう

 プログラミング苦手意識ははじめに消せ

 教える方もダイナミックに
 講義方針
 目標：実践的ウェブサービスの設計・構築・運用

 シリコンバレー流のプラグマティックな開発技法
を伝えます。

 プログラミングは「全部自分で経験すること」が
一番大事。

 そのために、答えは教えない。ヒントだけ教えるので
、自分で考えてやってくる。
 それを繰り返すと、一通りのことが身に付いていると
いうカリキュラムをめざす。
 講義予定
1. サーバーの仕組みを知る
 DNS 、 SSH 、 PHP 基礎（各種コマンドとファイルの読み
書き）

2. インタラクティブなウェブを作る
 ユーザーの入力： Form の使い方 Post か Get か？
 デザイン：画像の種類とウェブデザインの作り方

3. DataBase 入門
 MySQL 、クエリ構文、テーブルの設計

1. 最新動向への対対
 Javascript と Flash 、 RSS
 今回は扱いません
5. クロスプラットフォームテクニック
 文字コード問題、 CSS か Table か、 RSS/HTML の仕
様と実際

5. 大きなプロジェクトの管理
 複数ファイルの管理法、バージョン管理方法

5. サーバー運用とセキュリティ
 Apache 設定法、バーチャルドメイン、アクセス解析
、バックアップ法、負荷分散

 上記＋ Tips 的なもの＋哲学的なもので構成

 プログラミングの要諦
 プログラミングは会話であり、相互作用
である

安野光雅
「はじめてであ
うすうがくの絵
本　２」

ふしぎなきかい
 ミッション　第 1 回
 マイ・ドメインを取得する
 Value Domain でオリジナルなドメインをとってみる
 DNS サーバーの設定をして Web サーバーの IP を振る

 ウェブサイトを作る
 SCP のマスター、シェル（ SSH ）のマスター
 コマンド （ chmod 、 cp 、 mv 、 cd 、 ls 、 mkdir ）とパラメー
タ
 http://itc.sfc.keio.ac.jp/pukiwiki/
 ミッション　第 1 回
 PHP を使う
 PHP は、 HTML の延長で考えられた
 <? ?> を書くことでその中で暴れられる

 Print 文をマスター
 日付と時間の構文を例に if 文をマスター
 File の読み書きと for 文をマスター

 課題：未踏なアクセスカウンターを作る
 プログラマー Tips
 Google を使い倒す（ AND 検索、キャッシュ、
言語、その他テクマスター）

 メモを取る習慣づけ（ Social Bookmark 、メ

モソフト etc ）

 Gyazo.com が便利
 連絡先
 メーリングリスト
 rakusai@gmail.com
 Twitter : rakusai
 Github: rakusai