2010/4/3の「電子工作祭り」でのプレゼンです。動画はこちら: http://koress.jp/2010/04/web_koress.html ウェブ・エレクトロニクスとか、そういうお話に興味のある方は、 http://twitter.com/shigaku をぜひフォローしてください。

1. ハードウェアに強いWebエンジニアになるために
koress式 ネットデバイス企画制作
koress project しがく (@shigaku)

2. 自己紹介
&
やってることの紹介

3. 自己紹介
しがく
Twitter: @shigaku
koress project
理事 兼 ロマンティスト
某Web企業で
UIの研究者やってます

4. koress project
ものづくりサークル
メンバー3名
@shigaku
@okaji
@bonoc
koress 検索

5. 作品例: 2ちゃんねる赤色灯
2ちゃんねるで祭りが発生 ⇒ 大回転
祭りをゼッタイに逃さない
LAN直結、PC不要
自宅警備員の必需品

7. ちなみにコピペ用AAもあります

8. 作品例: ソーシャル目覚し時計
http://www.youtube.com/watch?v=FH04wrwQCRA

9. 作品例: 秋月パルス
http://www.youtube.com/watch?v=PPzqdsN57Zo

10. さて・・・
なんでウェブとハードやるの?
なにが嬉しいの?

11. ご質問
Web系エンジニアの方～
電子系エンジニアの方～

12. そう遠くない未来、
たぶん、
ボクたちは、
手を取り合う!

13. なぜ?
それは、もうすぐ…

14. ウェブ・エレクトロニクスの時代
が来る。

15. 2009年に何が起こったか?
突然、ウェブとハードウェアを武器にした、
凄いヤツらが現れた。
Amazon Kindle, Cerevo Cam, Eye-Fi, Poken,
WikiReader, BitCrawler… etc

16. これから始まる大変化
ウェブだけじゃない、
ハードウェアだけでもない。
確かな、革命の音。
でもいまの言葉じゃ言い表せない。
とりあえず、
ウェブ・エレクトロニクスと呼んでみる。

17. ウェブ・エレクトロニクスは
ボクたちの時代の産業
日本の製造業が元気ない?
日本のWebが海外に出て行かない?
本質と付加価値がないと生き残れない。
この時代だからこそ、
ウェブとハードができる、付加価値
のある技術者が強い。

18. ウェブ・エレクトロニクス技術者
- それは、これから来る凄いヤツらのこと。
Webエンジニアの特性を持つ
LL上等・構築上等・障害上等
加えて、特殊能力として
ハードウェアを扱う
ノイズ上等、ラッチ上等、ビット演算上等

19. っちゅーわけで、
まず趣味からでも、やって損はなし。
みんなジョイナス!

20. ここから実践編

21. ちなみに私、2年前は
電子工作の知識ほぼほぼ皆無。
もちろん高専卒でも、電子専攻でもなし。
リアルな実情をお見せいたします。

22. まず、制作環境晒し

23. オシロスコープ (PDS6062)
21世紀は一人一台の時代へ

25. 自作安定化電源 “ウメ一号”

26. お道具箱

27. ハンドドリル (これも中国)

28. PC環境 (lenovo X61s)

29. 書籍

30. 書籍その2
ナウシカ必須
退廃的思想が重要

31. koress式 ネットデバイス企画制作
全体の流れ
1. アイディアを出す
2. 調査をする
3. 部品を買う
4. ハードウェアを作る
5. ソフトウェアを作る
6. ケースを作る
7. プロモする

32. アイディアを出す
自分の考えたアイディアはモチベーション
に直結するので超重要
ただ、ネタもそうそう思い浮かばない
そこで・・・

33. ネット×リアル発想法
•Mixi •電子レンジ
•Twitter •目覚し時計
•Facebook •トイレ
•ニコニコ動画 •コーヒーメーカー
•メール につながる •照明
•Google News •テーブル
•はてな •ぬかどこ
•SNMP •温度センサ
•Hadoop •心臓
酒が入ると発想効率がブーストされる。
が、オーバーブーストの危険もあり、場合によっては
ほとんどそのまま忘れてしまうという諸刃の剣。

34. 王道ならこれ: この業界の登竜門
ネットにつながるコーヒーメーカー
ケンブリッジ大学(1996) The Trojan Room Coffee
Machine
Mixiさん (美釧 萌香 16歳)
チームラボさん (らぼかへ)
御茶ノ水大学 椎尾先生
ネットにつながるトイレ
チームラボさん
カヤックさん
TODO: 盗聴・盗撮回避

35. 調査をする
ハードを作るため、「どんな部品
とどんな回路で実現できるのか」
について目処を立てる
ゼロ知識のときには、ここが、
そびえ立つ壁。
ネットをフル活用するのが
koress式

36. 他人の回路図を読みまくる
とにかく「(作りたいもの) +自作」
でググる
たいていのものは偉大なる過去
の犠牲のもと、自作されている
心拍計、テレビ、etc
ディスプレイに穴があくまで読む
わからなければ調べる・聞く

37. 部品を買う
通販が便利。「電子部品 通販」で一発。
通販」
が、東京圏の方には可能な限り、聖地巡礼
をおすすめします。

38. ハードウェアを作る
ブレッドボードで仮組みをする
回路図どおりに部品をつなぐこと
いきなりハンダ付けするわけじゃない
ソフトの動作確認までして、具合が良さそう
なら、ハンダ付けをする。

39. ソフトウェアを作る
普通のPCで開発 ⇒ マイコンに焼く
転送はRS-232C(over USB)経由
ブレッドボード上のマイコンにデータを焼
き込んでみる

40. デバッグ
スタックトレースとかない
そもそもスタックとかそういうレベルじゃない
典型的エラーメッセージ
ほとんどの場合「何も起きない」
結構よく「煙が出る」
よく「壊れる」
まれに「発火する」
ごくまれに「爆発する」

41. プロモ
ブログ執筆基本
全体の説明。技術向けとマーケ向けはわけたほうがいい。
予告とかも。
アクセス集めるなら
昔は「はてブ」だった。いまはTwitterかな?
ちなみにTwitterのCTRは10%弱 1200で100click程度
プレスリリース
記者の方がいかにコピペできるか、という視点。
導線も、記者視点で用意。

42. プロモ例: 擬人化

43. プロモ例
キンコースとか
1万円ぐらい

44. まとめ
たぶんウェブ・エレクトロニクスが来る
ウェブ・エレクトロニクス
Web系エンジニアと電子系エンジニア、双方が手を
取り合えば、時代が変わる
取り合えば
とりあえず趣味からでもはじめてみる
趣味からでも
ノウハウの部分はこの資料を後でうpします
Talk with me! @shigaku