<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>橋本商会 &#187; 工房</title>
	<atom:link href="http://shokai.org/blog/archives/tag/%e5%b7%a5%e6%88%bf/feed" rel="self" type="application/rss+xml" />
	<link>http://shokai.org/blog</link>
	<description>なんか作ったりした記録を忘れないうちに書くblog</description>
	<lastBuildDate>Sun, 20 May 2012 10:50:20 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com/" />
			<item>
		<title>Arduinoボードを自作して、Flash+C#+Arduinoでフォトブラウザ作った</title>
		<link>http://shokai.org/blog/archives/1183</link>
		<comments>http://shokai.org/blog/archives/1183#comments</comments>
		<pubDate>Tue, 19 Dec 2006 16:02:10 +0000</pubDate>
		<dc:creator>moblog</dc:creator>
				<category><![CDATA[未分類]]></category>
		<category><![CDATA[Arduino]]></category>
		<category><![CDATA[C#]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[oklab]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[工房]]></category>

		<guid isPermaLink="false">http://shlog.sakura.ne.jp/blog/?p=1183</guid>
		<description><![CDATA[技術のエクササイズ、テクササイズの第9回課題でArduinoボードを作った。テクササイズのサイトはパスワードかかってますが。 Arduinoは何度も書いてるけど、Atmel ATmega8/ATmega168を使いやすく [...]]]></description>
			<content:encoded><![CDATA[<p>
<p>技術のエクササイズ、<a href="http://web.sfc.keio.ac.jp/~hatayan/oklab/tech/09/">テクササイズの第9回課題</a>で<a href="http://www.arduino.cc/">Arduino</a>ボードを作った。テクササイズのサイトはパスワードかかってますが。</p>
<p>Arduinoは何度も書いてるけど、Atmel ATmega8/ATmega168を使いやすくする開発環境で、<a href="http://www.arduino.cc/en/Main/Hardware">基盤の仕様</a>やブートローダーも全部オープンソースになっているプロジェクトです。</p>
<p>なのでArduinoボードを購入せずに、部品買ってきてゼロから自分で作る事もできる。</p>
<p><a href="http://www.flickr.com/photos/shokai/325097050/" title="Photo Sharing"><img src="http://static.flickr.com/139/325097050_597fd34ba3_m.jpg" width="240" height="180" alt="Handmaid Arduino-board" /></a><a href="http://www.flickr.com/photos/shokai/325097770/" title="Photo Sharing"><img src="http://static.flickr.com/135/325097770_b465839436_m.jpg" width="240" height="180" alt="Handmaid Arduino-board" /></a><br /><br />
3時間以上かかった</p>
<p>オープンっていうか、RS232C-UART変換と16MHzの発振子を使うことを守れば、基本的に何でも良い。Arduinoのサイトに<a href="http://www.arduino.cc/en/Main/StandalonePartList">パーツリスト</a>や<a href="http://www.arduino.cc/en/Main/ArduinoBoardSerial">回路図</a>があるが、今回は日本で入手しやすいパーツ（秋月や千石など。DigiKeyは小ロットだと高いので使わない）で作った。</p>
<p><span id="more-1183"></span><br /><br />
プログラムを書き込んで、LEDを点滅させている所<br /><br />
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/48ZzigparVM"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/48ZzigparVM" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object></p>
</p>
]]></content:encoded>
			<wfw:commentRss>http://shokai.org/blog/archives/1183/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>テクササイズ第6回：FMSでお絵かきチャット</title>
		<link>http://shokai.org/blog/archives/1173</link>
		<comments>http://shokai.org/blog/archives/1173#comments</comments>
		<pubDate>Fri, 08 Dec 2006 14:59:59 +0000</pubDate>
		<dc:creator>moblog</dc:creator>
				<category><![CDATA[未分類]]></category>
		<category><![CDATA[oklab]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[工房]]></category>

		<guid isPermaLink="false">http://shlog.sakura.ne.jp/blog/?p=1173</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>
<p>技術のエクササイズ、<a href="http://web.sfc.keio.ac.jp/~ussy/oklab/2006f/texe/">テクササイズの第6回</a>でFlash Media ServerのSharedObjectを使って、2年前に作った<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2004/04/flash.html">Flashお絵かきコンポーネント</a>をネットワーク対応してみた。</p>
<p>動いている所。<br /><br />
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/TNSC96a5-Gs"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/TNSC96a5-Gs" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object><br /><br />
LAN内の他のマシンでも動かそうとしたけど何か動かなかったので一台で複数起動。</p>
<p><a href="http://shokai.org/archive/flash/061113_texecize06/shared-paint.fla">ソースコードなど</a>（他にFMSでのビデオ撮影や、ShardObjectの簡単なサンプルも混ざってます）<br /><br />
shard-paint.flaが今回のお絵かきコンポーネント改。</p>
<p>なんか線が繋がってしまうバグがあるが、一年ぐらい前にやったバイトで<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2005/12/snoopydaf2005.html">スヌーピー展に出展して</a>たヤツでは、繋がってなかったんだよな。あの時はLocalConnectionでやってたｋど。どうやってたんだっけ…</p>
<p><span id="more-1173"></span><br /><br />
一応ソースコードも。<br /><br />
<a href="http://shokai.org/archive/flash/061113_texecize06/shared-paint.fla">shared-paint.fla</a><br /><br />
</p>
<blockquote><p>varisPressing:Boolean=false;//押しているか<br /><br />
varlineWeight:Number=5;//線の太さ<br /><br />
varlineColor:Number=0xFF0000;//線の色<br /><br />
varlineAlpha:Number=100;//線の濃さ</p>
<p>lineStyle(lineWeight,lineColor,lineAlpha);</p>
<p>//SharedObjectを使う</p>
<p>//ネットコネクションを作成してtexe_testアプリケーションに接続する<br /><br />
varnc:NetConnection=newNetConnection();<br /><br />
nc.connect(&#8220;rtmp://localhost/texecize06_shared-paint&#8221;);</p>
<p>//サーバーからの返答を確認する<br /><br />
nc.onStatus=function(infoObj){<br /><br />
//返答内容のトレース<br /><br />
showMessage(infoObj.code);<br /><br />
//接続が成功した場合<br /><br />
if(infoObj.code==&#8221;NetConnection.Connect.Success&#8221;){<br /><br />
statusLabel.text=&#8221;Connected!!&#8221;;<br /><br />
sharedObject_init();//SharedObjectを作る<br /><br />
}<br /><br />
//接続が失敗した場合<br /><br />
else{<br /><br />
statusLabel.text=&#8221;ConnectionError!!&#8221;;<br /><br />
}<br /><br />
}</p>
<p>functionsharedObject_init(){<br /><br />
//SharedObjectを作る<br /><br />
//getRemoteメソッドの第一引数はSharedObjectの名前、第二引数はURL。URLはNetConnection.uriプロパティで取得できる。<br /><br />
so=SharedObject.getRemote(&#8220;shared_text&#8221;,nc.uri);</p>
<p>//SharedObjectが変更されたときの処理<br /><br />
//SharedObjectが変更されるとonSyncイベントが呼び出されるのでイベントハンドラメソッドを作る<br /><br />
so.onSync=function(){<br /><br />
trace(&#8220;SharedObjectが変更されました&#8221;);<br /><br />
switch(so.data.mode){<br /><br />
case&#8221;moveTo&#8221;:<br /><br />
moveTo(so.data.x,so.data.y);<br /><br />
break;<br /><br />
case&#8221;lineTo&#8221;:<br /><br />
lineTo(so.data.x,so.data.y);<br /><br />
break;<br /><br />
}<br /><br />
}<br /><br />
<br /><br />
//SharedObjectをサーバーに接続<br /><br />
so.connect(nc);<br /><br />
}</p>
<p>/*マウスを押した時*/<br /><br />
this.onMouseDown=function(){<br /><br />
isPressing=true;//押してますよ<br /><br />
moveTo(_xmouse,_ymouse);//線の始点設定<br /><br />
so.data.mode=&#8221;moveTo&#8221;;<br /><br />
so.data.x=_xmouse;<br /><br />
so.data.y=_ymouse;<br /><br />
}<br /><br />
/*マウスを動かした時*/<br /><br />
this.onMouseMove=function(){<br /><br />
if(isPressing){//押してる時<br /><br />
lineTo(_xmouse,_ymouse);//始点から指定座標まで線を引く<br /><br />
so.data.mode=&#8221;lineTo&#8221;;<br /><br />
so.data.x=_xmouse;<br /><br />
so.data.y=_ymouse;<br /><br />
}<br /><br />
}<br /><br />
/*押してたマウスを上げた（離した）時*/<br /><br />
this.onMouseUp=function(){<br /><br />
isPressing=false;//押してませんよ<br /><br />
}<br /><br />
/*マウスを押したまま外に出た時*/<br /><br />
this.onDragOver=function(){<br /><br />
isPressing=false;//押してませんよ<br /><br />
}</p></p></blockquote>
<p>
</p>
]]></content:encoded>
			<wfw:commentRss>http://shokai.org/blog/archives/1173/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>動くモノをどうやって作れるようになるか</title>
		<link>http://shokai.org/blog/archives/1159</link>
		<comments>http://shokai.org/blog/archives/1159#comments</comments>
		<pubDate>Sat, 25 Nov 2006 12:18:33 +0000</pubDate>
		<dc:creator>moblog</dc:creator>
				<category><![CDATA[未分類]]></category>
		<category><![CDATA[oklab]]></category>
		<category><![CDATA[工房]]></category>

		<guid isPermaLink="false">http://shlog.sakura.ne.jp/blog/?p=1159</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>
<p>１．<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/11/how-to-make-ubicomp-devices.html">動くモノはどうやって作られているか</a><br /><br />
２．動くモノをどうやって作れるようになるか</p>
<p>奥出研の初級cc工房というお勉強会で喋った事を、またテープ起こししてみた。10日ぐらいアップするのを忘れてた。<br /><br />
今回は、必死でモノを作っている時に頭の中や手の先で行なっている事と、それの下準備として、どういう基礎を付ければ良いかを喋った。</p>
<p>061109(木) CC工房テープ起こし<br /><br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br /><br />
こんにちは。じゃあ工房が始まります。今日はたった今アジェンダを流したが、先週が、今動いているようなモノがどうやって作られているか？だったので、今回はどうやって作れるようになるかという内容になると思う。多分。</p>
<p>前回PHPをやったが、今回はやらない。PHPはデータを加工してFlashに渡すのに向いていると言った。例えば、PHPでweb上のデータを取ってきて、FLASHで読み込んでビジュアライズする様な物もそのうちやる。<br /><br />
今日はとりあえず、Flickrという写真のサイトから検索して、写真を出してくるというのを作ってみてきた。sakasaiとかuriuとかzanmaiとか検索すると写真が出てくる。webから検索してくると、XMLというデータ形式で出てくるが、Flickrではこれを組み替えると写真のアドレスになる。PHPとかでXMLを整形して、Flashに渡してやるというのがよくやる方法。</p>
<p>XMLは単純なテキストデータで、その中の種類にHTMLとかもある。XHTMLとか言うらしいが。単純なテキストなのでPHPが加工に向いている。</p>
<p><a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/11/flash-flickr-rest-api.html">この写真をflickrから検索する奴には</a>、全然プログラムを書いていない。50行ぐらいでとても簡単に書かれていて、<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/11/omen-texecize04.html">テクササイズのカメラセンシング</a>よりも全然簡単。でも、多分これを見て同じモノをパクって作る事はできると思うけど、1から作るのは奥出研の人の9割はできない。だから、何人かは荒れ地を切り開いていく人になって欲しい。</p>
<p>別に奥出研はプログラミングをやる研究室ではなくて、他にも色々とやれる事はある。工作の素材探したりとか、全然違う「電車作りたい」とか言い出してもいい。口だけでなければ何やっても良いと思う。</p>
<p><span id="more-1159"></span><br /><br />
でも俺が説明できるのは、自分がこういうプログラミングをどういう風に頭を使って作っているか？そしてどう勉強してできるようになったのか？だけなので、とりあえず今日はそういう話をします。話を聞いた上でそれをやらなくて良いと思っても良い。それはつまり面白いモノを作るのが目的であって、みんな同じ様な技術者になってもしょうがない。</p>
<p>＞実際技術系の人の方が少ないか？</p>
<p>技術系というかデザインには全部技術があるんだけど、まあプログラミングとかをやる人は少ない。やる人が少ない事をやった方が良いというのはある。例えば、教えあう機会があるわけだから、何回も電子工作を教えて、そのお返しに色んな人から違うことを教えてもらえる。出し抜く事、つまりいち早く他の人が知りたいと思うことをリスク覚悟で勉強するのが重要。後で知識が交換できるから。例えばこれから誰が卒業するのか？とかを観察すると、何をすべきかわかるかもしれない。</p>
<p>＞畑山さんとか？</p>
<p>畑山さんはまだ卒業しない。来年かな？</p>
<p>例えば映像の撮り方をちゃんとしっている人が全然いなくなってきた。合宿で俺はカメラの使い方がよくわからなかった。映像には色んな文法があるらしいんだけど、それをわかりやすく教える事ができたら、お返しに色々教えてもらえる事がある。まあこれから半年で研究室やめようと思っても俺は止めないけど、今後何が重要になるかを自分で見つけて時間を投入するのはとても重要。</p>
<p>古市＞僕は結構プログラミングとか興味あって、やっぱり応用きくじゃないですか</p>
<p>どういう時に？</p>
<p>古市＞プログラミングがプログラミングに応用きく。色んな分野で使われる。ちょっとコンピュータシミュレーションとかでもちょっと使っていたし、他にも色々。</p>
<p>コンピュータに何ができないかわかっていないと、別にプログラミングに詳しくなくて良いんだけど、たまに無茶いう人がいるじゃないか。人間とお友達になれるロボットとか。普通にプログラム書いた事があればわかると思うけど、相当無茶言ってるのがわかる。そのギリギリの線引きがわかってないと、これから先色々苦労はあると思う。無茶な経営戦略立てちゃったり。</p>
<p>生井さんはチアやってるんだっけ？あれはすごいプログラムっぽいよね。人の動きの組み合わせというか、アルゴリズム体操が頭に浮かんでるけど。</p>
<p>生井＞私は考えるのは苦手</p>
<p>まあいいや。<br /><br />
テクササイズとかでどうしてみんなが分からないかというと、基礎が無いから。基礎はデータ構造とアルゴリズム、そしてデザインパターン。英語とかでも「私は田中です」とかやるけど、そういうのを全くわかっていないでいきなり話すことはできない。<br /><br />
実はFlashやこないだのPHPもそうだけど、基礎ができている人たちがプログラミングしてきた事の中から、「こういう風にしたほうがいい」という経験が蓄積される。そのプラクティスから、最近の言語の仕様は作られている。<br /><br />
最初アセンブラやC言語など古い言語があった。ある程度色々な人が色々な現場で使っていたら、定石ができてきた。それが萩野先生や大岩先生がやっている様な、アルゴリズムとデータ構造の授業で教えられている事。それを勉強した人が、定石に基づいて言語を作っている。定石を知っていると新しいプログラミング言語を勉強するのが簡単になる。これが基礎の１段階目。</p>
<p>もう１つ、抽象的な基礎みたいなのが出来てきて、それがデザインパターン。デザインパターンとは何かというと・・・１個例を言います。</p>
<p>Iteratorパターンというものがある。本棚があるとして、0番目、1番目と本棚をたどっていく。普通は配列でやると思うが、なぜかIteratorパターンを使うとあまり配列を使わなくなる。最初コレを使えと言われた時は、普通に配列でやった方が良くないか？と思うだろうけど、色々な理由があってIteratorを使う。Iteratorを知っていると、FlashのDataSetオブジェクトとか、PHPのforeach文とかがわかる。</p>
<p>Iteratorは、例えば本棚が途中で分岐しているとか、1次元の配列で表現できないようなデータ構造の場合でも、データ構造の形を意識せずに順番に使えるように設計されている。プログラマが、データの構造の形に関係なしにイテレータでnext()というメソッドを実行すると、次のデータにアクセスできるというもの。<br /><br />
でも、これを知らないで、新しいプログラミング言語のリファレンスを見ると「これはnext()で次に進みます」とかだけ書いてある事があるので、仕様を見ても使い方もわからないし、Iteratorという言葉すら出てこない事が多い。こういうデザインパターンの様な常識のルールから、言語仕様が作られている。</p>
<p>古い言語から積み立てられた経験が、言語に戻されている。だから例えば順番にやりたい→foreachだ、と知っているとすぐGoogle調べられる。foreachという単語や用語が分からなければ検索して学習する事はできない。<br /><br />
そういう意味でデザインパターンは抑えておくべき。</p>
<p>データ構造とアルゴリズムの基礎を半分ぐらい、そしてデザインパターンをとりあえず5個ぐらい知っていると、あまりリファレンスをしっかり読まなくても「これ～～パターンじゃないか？」とかわかってすぐできる。</p>
<p>こういう基礎を奥出研は無視している。例えば奥野がRFIDリーダの使い方がわからないのもそういう事。PhidgetのRFIDリーダは、マイコンで使うFuseBitの概念を知らなければ起動すらできない。</p>
<p>そういう工房をそのうちやろうと思う。学部生卒業して院生になったら時間がいっぱい取れると思うんだけど。今16単位ぐらい必要なので無理。</p>
<p>アルゴリズムとデータ構造というのは、並び替えとか、SFCという文字でピラミッドを作れ、とかクイズみたいなものを何個かやってたらわかる。最低限は再帰とポインタと、それを使ったデータ構造を自分で実装するぐらいまでを勉強するべき。</p>
<p>でも時間は有限だし、面白いモノを作る事が目的なので、基礎ばかりやっててもしょうがない。俺はそういうコンピュータサイエンスの王道はある程度までしかやらない様にした。あまり数学が好きではなかったので、そのまま進むと計算を速くする効率を求めたり、暗号の作成とかになる。俺は数学がよくわからないから、そこに踏み込んだら勝ち目はないと思った。だからたくさんの言語の良い所を寄せ集めるプログラミングをどうすれば自分ができる様になれるか？と最初にコンセプトを持った。そうしたら、これらの基礎だけは逃してはならないとわかった。結構冷静にリサーチしてから勉強を始めた。</p>
<p>情報収集はとても重要。他の大学や、隣の分野を調べる。奥出研は結構まじめで抽象的なテーマをやっているけど、技術的にはアートの人がやっているのも取り込めるし、村井研の人たちがやっているようなネットワークの技術も浅くなら取り込める。<br /><br />
割とその分野でトップあたりを走っている人がblogを書いている事があって、それをずっと読む。俺の理解できないレベルの電子回路のblogを書いている人がたくさんいるが、読んでいる内に単語力が付いて、最近少しは理解できるようになってきた。最初は単語力が重要で、Googleで検索する時の取っ掛かりになる。良くわからなくてもがんばって読めば、「何を言っているか」わからないけど、「何を問題にしているか」はわかるようになる。各分野のトップあたりの人の問題意識を想像する。</p>
<p>こないだ学会に行って思ったのは、奥出研でやってるとどの話題にも絡める。英語話せないけど。</p>
<p>＊＊＊＊</p>
<p>Flickrは写真をアップして、tagを使ってPhotoSet作って友達と共有して、コミュニケーションできるSNS。SNSだけど写真を前面に押し出しているからあまり自己紹介とかは目立たない。proアカウントにすると年間10ドルぐらいで毎月2GB使えるし、月が変わる毎に0に戻る。アップロードも、flickrUploadrとかjUploadrが使える。YouTubeと違って、まとめて何枚も写真をアップロードできる。文字でtagを付けられて、amayanやtakacみたいな人名とか、zanmaiやshonandaiみたいな地名でも何でも検索できる。</p>
<p>写真のSNSみたいなんだけど、写真共有サービスと言っている通り中で閉じていないで外に開かれている。blogに貼り付けたり、blogに自分の最近撮った写真を小さく表示するwidgetや、他のSNSから写真を読み込まれていたりもある。<br /><br />
奥出研のチームのGroupもあるし、regunaryというフットサルチームのGroupもある。cameratossといってカメラ投げる人が投稿するGroupもある。</p>
<p>-35:10</p>
<p>俺はプログラミングは得意ではなかったけど、ある時パァーっと開けてしまった。高校の頃VisualBasicをやったけど、チュートリアルが面白くなくて3日でやめた。意味が無いと思った。<br /><br />
でもプログラミング入門の授業で、自分の実力では無理なものを作ろうと思って、ずっと考えて寝ないでやっていたら体育のフリスビーの時に、考えていないのにパッとバグがわかってしまった。考えたくないのに頭が勝手に動いてしまう状態になっていた。その時から開けた。<br /><br />
俺は基本的に怠けるから、やれと言われないと勉強しない。でもそこで学習して、やらなかったら留年する状態にしたらどうか？と思った。後先考えて、このまま何も特技が無いまま2年生に進級するよりも、無理を越える自分の性質を信じて無茶な授業を取ったらできるようになった。</p>
<p>小人現象というのがある。こないだ八木さんにも起こったらしいが、悩んで寝て起きたら分かっている現象。みんなそれはよくある事だと言っている。小人現象を使いこなせると凄い。夏休みはかなり無茶なものを作らないとならなかったから、一日を2分割して、2回寝るようにした。まあ寝るというより寝落ちするぐらい疲れていただけだが、それぐらいせっぱ詰まってやると、不思議と自分でも無理だと思っていた事が解決できる。</p>
<p>実際プログラム書いたり、難しい問題を解いている人間の頭の中というのは不思議な事が起こっている。気が付いたら小人が解いていたり、気が付いたら１日経っていたり。去年気が付いたら30時間経っていた事があった。その間リンゴしか食べていなかった。段々そういう状態に入れる様に自分を作るのは重要。しかし、その考えないでも考えてしまうという状態になるには、基礎が身体に染みついていないとできない事。</p>
<p>どうやって作れるようになるかは、最初基礎がある。ある程度まで行ったら毎日トップの人のblogなどをチェックして、話の流れをチェックしておく。議論のポイントや、使いやすいツールなどを抑えてメモを溜めていく。そして小人現象を使って突破する。</p>
<p>最近設計図を書かないのが流行っているらしい。作っているプログラムが設計図だと、みんな言っている。厳密にこないだのクラス図などを描いて、作りながら動かしながらやっていくという方法があるけど、段々色々な設計図が全部見えてくるというのもある。一番大きいのはシナリオで、そのモノが人をどう幸せにするかが自分の大きなモチベーションになるが、同時にクラス図みたいな抽象的な図も見えるし、同時に電子がどう動いているかみたいなイメージも見える。頭に何か見えたらスケッチを描いたりする。</p>
<p>＞設計図を描かなくてもわかる様になったという事か？</p>
<p>多分頭の中に描いている。設計図は１個出るのではなくて、同時に10種類ぐらい見えているもの。でもクラス図と回路図の間はつながらない。それは頭の中でつなげてるだけなので、図の描き方も工夫しないとならないのかもしれない。<br /><br />
途中でスケッチみたいなのはたくさん描く。回路図だって、部品の配置図とはまた別だし。</p>
<p>設計図を描くなと言っているのではなくて、初めから詳細に書けるわけが無いと言っている。例えば理工学部の人達は、トランジスタはこう使う、とかナントカコントローラはこう配線する、とかは習ってからやる。でも、俺みたいなちょこちょこっと色々つまみぐいしている人は、何と何を使うべきかはわかるが、どう線をつなげば良いかはわからない。<br /><br />
授業でも、いきなり「回路図を描いてこい」という電子おもちゃ設計論というのがあるが、一回使った事が無い部品は詳細な回路図なんて描けない。部品をリストアップする事ならできるけど。</p>
<p>やり方をわかっているモノだったら回路図を描ける。しかし中の詳細な仕組みが分かっていないと描けない設計図がたくさんあるので、そういうのは飛ばしていかないと時間が足りなくなる。</p>
<p>そういう時の考え方として、富豪的プログラミングというものがある。製品レベルではありえないぐらいに、リソースをガンガン使っても構わないという考え方。<br /><br />
最近になってパソコンのスペックが上がったり、部品が安くなったりしている。CPUの最適化をしないでとりあえず最適なユーザインタフェースを作るとか、あとは最近はCPUが良くなってコンパイル時間が短くなったので、今まできっちり設計図を描いていたのだけど、逆にどんどんコンパイルして試していけば良いじゃないか？という考え方。</p>
<p>具体的には、電子工作の場合では部品は100円もしないモノばかりなので、を使い捨てだと考えて、富豪的に壊れる事を織り込み済みでどんどん試していく。<br /><br />
電子工作の場合では、どうやったら壊れるか？を知ってしまえば、壊れないようにする事ができる。普通に勉強した人は三端子レギュレータの仕組みの後に、使い方を勉強すると思う。でも俺は壊れる方法と、壊れたときの回路の焼ける嫌な匂いと、こうやったら動くという実例を知っている。オームの法則とか理論はわからないけど、動かし方は知っている。</p>
<p>一番酷い例では、傾斜センサーが調子悪くて、俺が指で触っていた時だけ動いていた。だから指の抵抗値を測ってそこに抵抗を刺したら完成した。<br /><br />
滅茶苦茶にやっている様に見えるけど、基礎は抑えている。デジタル回路の場合、基礎はオームの法則ではない。</p>
<p>マイコンの出来る事は４つだ、という事を理解している。マイコンが出来ることは、電流を出す事、電流が入ってきた事を検知する事、電流が入っている量を計算する事、時間を計る事の４つ。<br /><br />
そう思った理由は、身の回りの物がそれだけで実現できそうだなと思ったから。直感で思ったけど、理工学部で4年間で学ぶカリキュラムでやったら絶対に間に合わないので、直感を信じて抑えるべき基礎だけ抑えて、後は事例の積み重ねでやるのがインターネット時代の勉強方法。何がわからないか、何を勉強すべきかがわかれば、Googleで検索して沢山の実例を見る事ができる。</p>
<p>俺らが全てまともにやっても個々では敵わない。絵を専門にやっている人には絵で敵わないし、プログラム専門にやっている人にはプログラムで敵わない。でも全部やらないとならないのが俺らの分野であるモノづくり。</p>
<p>しかし全部手を出そうと言っても4倍動けるわけではない。となると効率よくやるしかない。だから積み立てて行ってる専門家の話がギリギリわかる程度の基礎が必要だし、他の人よりもリサーチが必要。毎日1時間ずつ監視の目を光らせるし、毎日1時間新しい事を勉強する。</p>
<p>はてなブックマークとかでメモを取る。例えばずっと前にFlickr WebServiceというのがあるな、というのを見つけて、基本的に何ができるのかを調べてメモを作っておいた。検索結果がXMLで返ってくる事がわかった。また、FlashでどうやればXMLをparseできるのかな？というのも今年の9月にメモした。FlashでXPathが使えるというサイトとライブラリがあったので、そこで調査を止めた。</p>
<p>そのメモがあったので、昼の３時ぐらいから初めて1時間ぐらいでこの２つができた。<br /><br />
・<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/11/flash-xpath4as2.html">XPath4AS2でXPathテスター</a><br /><br />
・<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/11/flash-flickr-rest-api.html">FlashでFlickr REST-APIを呼ぶ</a></p>
<p>リサーチしてメモを溜めるのは重要。なんとなく理解する程度で、１年後に自分が読んだら理解出来る程度のメモを溜めて、暖めておく。そして引き出してきて、組み合わせる。</p>
<p>新しいことをやろうとしても単語がわからなくて理解出来ない。トップを走っている人のblogを流し読みし続けると、単語力が付く。新しいプログラミング言語を勉強する時は、有名な人を３人ぐらいピックアップしてblogを読むようにして、３ヶ月ぐらい読んでいるだけ。<br /><br />
すると、どういう言語の特徴があるのか、そしてどういうツールで開発しているのかのメモが溜まる。それを見て自分の環境を作る。基本的に人の真似しかしないのは、時間が無くなってしまうから。だから俺は既に誰かがやってる事しかできないが、多分創作している範囲は凄く広い。色々調べたが、webサービス、システムプログラミング、アート的なGUIのデザイン、電子工作を４つ全部組み合わせている人はあまり居ない。３つまでは結構居る。</p>
<p>&#8212;&#8212;00:59:40 ここから実習&#8212;&#8212;</p>
<p>**FlashとXML, XPathについて**</p>
<p>&#8212;&#8212;01:20:10 ここまで実習&#8212;&#8212;</p>
<p>＞達人がやっている事がどういう事なのか垣間見た気がする</p>
<p>次の話も考えていたけどマニアックすぎるかもしれない。<br /><br />
全体性を保って作りたいというのがある。それは何故かというと、部品で作ったら違う物になってしまう。しかし手は2本しかないので、一度に作れる場所は1カ所しかない。ではどうやるか？</p>
<p>上手く作っていかなければ、傘を回した時どれぐらいの速度で写真がスクロールするかとかを微調整できない。決めうちで作る事は簡単だが、インタラクションの微調整ができるコードや回路の書き方がある。<br /><br />
最近参考にしているのは、webの人達が俺と同じように4つぐらいの処理系を使って作っている事。その人達がどう考え、どう設計して作っているかを調べている。テスト駆動開発という、agile的な、設計図を描かない素早い開発手法の一種がある。Test Driven Development(TDD)と言って、テストを作ってからプログラムを作るというもの。for文がどうとか、細かいアルゴリズムの所ではなくて、こうやったらこう動くという定義だけ書いて、後から中身を書く。メソッドの中身を描かないで、メソッドをある程度揃えて、後から中身を書くという様な事。</p>
<p>その方法論をツール化した、達人が頭の中で行なっている事を道具化したテストツールというモノがある。でもまだあんまり調べてない。<br /><br />
でも目星は付いているので、俺らのやっているようなデザインにも取り入れられるだろうと思っている。</p>
<p>もう一つ、モジュールで作るといのがある。Pileusは最初Flashでカメラを扱おうと思っていたが、画質が悪かった。つまり用件を満たしていなかったので、違う部品でカメラを作らなければならなかった。また、回転のセンシングは加速度センサーという任天堂のWiiとかに入っている物でやるか、もしくはジャイロセンサという模型飛行機やヘリコプタが機体を制御する時に使うセンサーのどちらでやろうか？というのを、どちらでも切り替えられるように分割して設計する方法がある。<br /><br />
どういうレベルでモジュールを切り分ければ良いか？というベストプラクティスがある。そういう開発経験を上手く形にすれば、効率的な開発を自然にできるツールになるのではないか？と考えている。</p>
<p>要するに、色んな工夫をしているが、工夫を言葉にして説明し難い。だから、言葉にして説明するのではなく、良いモジュールの切り分けになりやすくなる「ひな形」作り、そして「こういう所に気を付けたら良いよ」、というプラクティスをまとめたい。</p>
<p>でも良くわからない部分がかなりある。<br /><br />
たくさん設計図が頭の中に見えている、という事も関係してくると思う。</p>
<p>テクササイズは、「こうやったら動く」というのはやってるけど、同時に理論的な背景も少しはやった方がよいと思う。例えばこないだのwebcamを使った画像解析での重心の取り方も、Microsoftが画像処理の技術文書を出しているので、少し読むとテクササイズでやったアルゴリズムの欠点がわかる。</p>
<p>単純に全てのピクセルを走査して重心を取ると、認識される物体が２つあった時は、２つの物体の中間の何もない所が重心になってしまう。そういう時はラベリング処理をすると、隣接するピクセルのみを一つの物として認識するので、２つ別々に物体の重心を取れる。</p>
<p>ラベリング処理という考え方を聞いたことがあれば、画像処理を行うライブラリを使うときに「ラベリング処理」という設定項目が絶対にある。それが何だかわかれば簡単にラベリング処理ができて嬉しいのだけど、知らなければ「番号つけるのかな」とか勘違いして遠回りしてしまう。</p>
<p>どこまで努力するか、そして払ってしまう時間などのコストは常に考えながら「基礎」を身に付けなければならない。</p>
</p>
]]></content:encoded>
			<wfw:commentRss>http://shokai.org/blog/archives/1159/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>動くモノはどうやって作られているか</title>
		<link>http://shokai.org/blog/archives/1127</link>
		<comments>http://shokai.org/blog/archives/1127#comments</comments>
		<pubDate>Tue, 07 Nov 2006 15:04:19 +0000</pubDate>
		<dc:creator>shokai</dc:creator>
				<category><![CDATA[未分類]]></category>
		<category><![CDATA[oklab]]></category>
		<category><![CDATA[工房]]></category>

		<guid isPermaLink="false">http://shlog.sakura.ne.jp/blog/?p=1127</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>
<p>１．動くモノはどうやって作られているか<br /><br />
２．<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/11/how-to-make-ubicomp-devices2.html">動くモノをどうやって作れるようになるか</a></p>
<p>奥出研の初級CC工房という新規履修者向けのお勉強会で、1時間ぐらい喋ったのを自分でテープ起こししてみた。<br /><br />
もちろん<a href="http://www.vector.co.jp/soft/win95/art/se389873.html">KeyPlayer</a>使った。</p>
<p>今回は2周目の第一回という事で、自己紹介した後に、どうやってモノを動くようにしているか？という技術や開発手法や勉強方法について喋った。後半は、まさに地獄研究室。</p>
<p>061102(木) CC工房テープ起こし<br /><br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br /><br />
こんにちは、橋本翔です。奥出研に入ったのは2年生の春で、今4年の秋。一緒に入った人はいっぱいいたけど、段々半分ずつになった。最初18人ぐらいいて、半年で10人ぐらいになって、5人ぐらいになった。瓜生さんと樹とタカシとまりたが同期。吉田さんは後輩。</p>
<p>2年生で入った頃に電子工作が流行り始めた頃で、手紙メディアを作った。持ち歩くポストと、なんでもスキャンして便箋とかにできるうわじきって奴と、電子ペーパーで、書いたり送ったりできる。デジタルメディアの良い部分と普通の手紙の味を混ぜた。<br /><br />
色々よくわからない研究室で大変だったけど、がんばったらこんなん出来てた。</p>
<p>2年の秋にはシャツ型のゲーム機を作った。あとそれでやるゲームを8個ぐらい作った。ELシートという光るシートと、ワイヤーを服に織り込んで、さわったら光るようにしてた。最近脇田先生がやってるような事を2年ぐらい前にも奥出研でやってた。でも向こうの方が技術とか色々進んでる。</p>
<p><span id="more-1127"></span><br /><br />
3年の春にはコソコソしたいので、持ち歩くSNSみたいなのを作ってた。これは面白かった。あと<a href="http://www.moo-pong.com/">moo-pong</a>の手伝いをしたり。<br /><br />
あと、TreasureHolderというのがある。値札ってスーパーとかにいっぱいあるけど、コレで覗くと、自分の個人情報とかから検索して、「昔おばあちゃんが使ってた味噌だから、食べたらなつかしいかもよ？」とか出る。コレを通して見ると、値札の部分だけが光って見える。カメラだとある赤外線だけが見えるので、人間の目には見えないんだけど、現実世界の中のモノの情報をうまく出す事が出来る。この頃は可視光の通信にはまってた。論文とか通ってたりする。</p>
<p>最近はこの<a href="http://www.ok.sfc.keio.ac.jp/pileus/">Pileus</a>を作っている。このイラストは俺が間違ってアップした奴で、本当はカメラは上じゃなくて手元の部分にある。蔓延しちゃってどうしようかと思ってるけどまあいいや。雑誌とかにも載ってる。<br /><br />
設計図が大変な事になってる。まず傘があって、グリグリ動かせる所に電子工作が必要。画面の表示の部分にFlashが必要。通信やデバイスの制御にWindowsのプログラミングが必要。独自のサーバも持っているからPerlやデータベースも必要。いっぱい色んな言語を使ってプログラムを書いている。色々組み合わせてる種類は奥出研最多かもしれない。</p>
<p>他の奥出研のプロダクトも、Flashだけではできないから色々使っている。何ができないか？Flashは画面の中だけだから、センサーとか使おうとしたら足りない。あとFlashは通信ができるけど、文字列を高速に扱おうとすると遅くなって、カクカクになって人に触ってもらうと「なんかこれカクカクしてますね」とか言われる。<br /><br />
Flash最大の弱点は、ファイルの保存が出来ないこと。例えばさっきの手紙の奴でも、手紙描いてもデータ保存出来ない。だから渡せないからモノとして完成しない。<br /><br />
何故かというと、Flashはwebブラウザから使う奴だから、ユーザのパソコンに保存するのではなく、webサーバーに保存する用にできている。Flashだけだとできないけど、表示するパワーはFlash凄いから、その部分だけ上手く使ってやると良い。</p>
<p>色々使っていると、いつのまにか20個ぐらいプログラミング言語とかマイコンとか使ってた。<br /><br />
Javaは使わない。なぜかというと、Javaは何でもできるからある意味何にもできない。コンピュータ言語の歴史、特に最近新しく出来た言語は面白い。昔何でもできる言語が設計されてた。Cとか、Javaぐらいまでは。何でもできる様に設計したお陰で、もの凄くややこしくなってしまった。ファイルに何か書き込む時、Javaで30文字ぐらい必要だけど、Perlだったら10文字ぐらい。用途に特化すると言葉は簡単になる。なんでもできる代わりに、何やっても大変な言語になってしまった。</p>
<p>凄く簡単にした言語というと、proce55ingとかがある。中はJavaで動いているらしい。例えばnew Serial(～～);とかやっているこの1行は、多分JavaCommunicationAPIを作ってシリアルポートと何かやっている。中でJavaに変換してやってくれている。用途に特化する事で簡単に書けるようになっている言語がある。</p>
<p>VisualStudioのC#とかは別の方法で解決している。ボタンとかをマウスで配置できたりとかする。プログラムコードはJavaと同じぐらい難しくなっているけど、ほとんど自動で作ってくれる。例えばダブルクリックするだけでボタンを押した時のイベントのひな形を作ってくれる。</p>
<p>大体こういう簡単な言語とかを使って、組み合わせてやる。何故かというと数学ができないから。<br /><br />
コンピュータの学会にはおおまかに分けると2通りの人がいる。高校で数学一番で、微分と積分がうにょうにょで行列がどうのこうのとか言っちゃう人が、カメラの制御をしてこの部分に人の顔がある…とか数学で解析してくれる。でも俺はよくわからないから、そういう人が便利なツールを作ってくれているのを使う。ツールを寄せ集めてやっているが、あまりJavaで書かれていなかったりする。だから結果的にJava使わないというのもある。まあMOTEの空間位置情報の奴みたいにJavaでしかなかったらJava使っちゃうけど。</p>
<p>このPileusって傘は自分で全てJavaで組んだら5万行ぐらいになると思うけど、色々オープンソース寄せ集めたら2000行ぐらいになった。プログラム部分はほぼ一人で30日ぐらいで作れたけど、それをJavaで作ったら指が追いつかないというかいつ終わるんだよ？という事になる。100万文字ぐらい打って腱鞘炎になる。</p>
<p>そういう意味で、奥出研のやり方は特殊です。</p>
<p>なので、今日は後でFlashの弱点を補うためにPHPというのをやります。とても簡単で強力な言語。HTMLでホームページ作る時に、<?php ～～～ ?>と書くとすぐプログラムになって動いてしまう。今持っているスキルに足すことができるので色々楽しくなる。</p>
<p>自分のwebに<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2005/01/movable_type3.html">カウンター作ったり</a>できる。<br /><br />
あとこれは履修マップといって、昔作った。どの授業とどの授業がこういう関係があるというのを可視化してみたかった。とりあえず授業名とかのリストをデータベースみたいに、テキストで作った。でもベタうちのテキストはFlashで読めない。PHPを10行ぐらい書いたら、Flashで読める整形されたXML形式になる。PHPはテキストとかの整形も得意。Flashからデータを渡されてそれを保存したりとかも簡単。<br /><br />
大体5行ぐらいでできる。</p>
<p>2年前に和田さんという人がいて、PHPとFlash合うよって言われて、<?php ?>だけ教えてくれてすぐ帰っちゃった。それでカウンターとかこういうの作って見せてたら、色々サンプルをくれて勉強した。</p>
<p>色々やっているといつのまにか20個ぐらいプログラム言語できるようになってるけど、そんな深く知らない。全部中途半端。ただ特徴的な部分だけ知っている。例えばFlashではアニメーションと簡単な通信しかやり方しらないけど、アニメーションぐらいしか担当させないからそれで足りてる。１個深くやるよりいっぱいやった方が色々相互に参考になるし。<br /><br />
新しいプログラム言語を勉強する時に、単語を覚えるのが得意な人とか、数学が得意な人とかで違うのかもしれない。俺は数学が好きだけどあんまり得意じゃないから、覚える部分の脳味噌と相談して、一発でやりたい事をできる言語を使って、それぞれの部分を担当させる。</p>
<p>＞言語間のつじつまはどうやって合わせるのか？</p>
<p>まずつじつまの合う奴しか勉強しない。これはいい質問。<br /><br />
どうやるかというと、他の言語に通信できる言語じゃないと勉強しない。2つポイントがある。1つは何が得意な言語か？というのと、もう1つはどうやって外に通信するのか？というのを調べて制約を覚えておく。<br /><br />
Flashだったら通信方法みたいなのはいっぱいある。localconnection, fscommand, xmlsocket, xmlconnector, sharedObject, loadVariables, ActiveXのsetVariable/setVariableとか色々ある。でもシリアルポートと通信するのは一個も無いから、電子工作したのと接続するのは絶対できないので、間に何か噛まさないとならないな、とわかる。FlashのマニュアルでIOとかconnect検索すると大体でてくる。どうやって使うかは難しいけど、何とつながるかは優先的に調べてメモっておくと後々役に立つ。</p>
<p>そういうのを<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2005/12/post_451.html">blogにまとめたのがある</a>。　<br /><br />
はてなという会社の伊藤さんという人が、よくわからないんだけど直交する技術という事を言っていた。全然違う技術だけど、微妙に重なってる部分があったら両方できたらすごいの作れるよねとか言っている。<br /><br />
それに触発されて、マイコンからwebまで合体したらどうなのか？みたいなのを俺がblogに書いた。マイコンで触った事のあるのを全部まとめてみたり、Flashで何ができるかとか、美大の人が使うMax/MSPってのがあるよねとか、.NETというのはパソコンの中の事はなんでもできるとか。</p>
<p>例えばこの<a href="http://web.sfc.keio.ac.jp/~shokai/archives/technology/programmingelectronics/keyplayer/">KeyPlayer</a>というテープ起こし専用のつもりで作ったソフトがある。こういうのは自分でがんばれば作れる。<br /><br />
キーボードで戻ったり進んだりできる。テープ起こししてて、そのままウィンドウ変えないで戻したりできる。やたら速く喋るな、と思ったら再生レートを落としたりできる。これでマウスとか何も触らずにキーボードだけでテープ起こしできる。<br /><br />
でも予想外に、目の見えない人が使えるって喜んでた。あとITMediaって有名なニュースサイトで紹介されてたりする。</p>
<p>あと<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/08/clip2plaintext.html">Clip2PlainText</a>っていうツールも作ってみた。論文書いてた時にPDFからWordにコピペすると変な装飾が付いてしまうけど、コレを一回実行すると綺麗になる。7行ぐらいしか書いていないけどできちゃってる。何故か<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/09/clip2plaintext_1.html">窓の杜で紹介されて</a>600件ぐらいダウンロードされている。<br /><br />
コレを作ったのは、論文提出まであと3時間ぐらいだったけど、コピペしながら直したら30分ぐらいロスするけどこのツール作るのは10分ぐらいでできそうだから作った。そしたら実際ギリギリ間にあった。お陰で国内ではソフト作ってる人っぽくなった。海外ではクレイジー傘2.0を作ってる人っぽくなってよくわからない。</p>
<p>&#8212;&#8212;&#8212;ここまで061102_1.WMA&#8212;&#8212;&#8212;-<br /><br />
&#8212;&#8212;&#8212;ここから061102_2.WMA&#8212;&#8212;&#8212;-</p>
<p>あんまりお金はかからないで結構作れる。<a href="http://www.ok.sfc.keio.ac.jp/shootball/">shootball</a>とかは結構かかってるかも。</p>
<p>畑山＞<a href="http://www.paravie.com/">paravie</a>は金ないから、ビューアの液晶はパチンコ台の液晶をヤフオクで落として分解して使った。</p>
<p>Pileusは大がかりな部品が無いので安い。プロジェクタは13万ぐらいだけど、研究室にある奴を借りた。<a href="http://www.phidgets.com/index.php?module=pncommerce&#038;func=itemview&#038;IID=48">RFIDリーダ</a>が2番目に高くて、6000円ぐらい。あとは2000とかでハンズで買った部品でできてる。一番高いのは飛行機代。パソコンは私物。</p>
<p>無理矢理でもいいから質問して下さい。</p>
<p>＞RFIDリーダってのは何ですか？<br /><br />
無線電波で問いかけると、ID番号を返してくれる不思議なタグがある。これで番号がわかる。段ボール箱とかに付けて物流管理とかに使われている。moo-pongの場合は、ボールの中に映像は入っていないけど、この番号のボールにはこの映像だ、という関連づけだけがされていて、ボール1個1個は安い。このボールを扱うと映像を写真みたいに手渡したりとかできる。</p>
<p>RFIDは、このphidgetって奴は20円ぐらい。物流とかで使うのは1個1円切ってる。あと砂粒みたいなサイズのもある。<br /><br />
村井研の人達は忘れものしない様にモノに全部RFIDタグついてるらしい。<br /><br />
あとあの森田はタグ付けられている。加藤文俊先生の授業で、SFCの中で位置がわかるようにすごいパワーでるRFIDタグを付けられている。何時から何時まで、Ω館にいたとかがバレている。</p>
<p>＞どうやって学習していったのか？翔さんは。</p>
<p>色んな種類の学習があるから簡単には言えない。どうデザインするか、チームはどう回すか、とか時間の感覚がどうのこうのとかもあるらしい。どれ？</p>
<p>＞まず何をするべきか？</p>
<p>何の為に？じゃあ何になりたい？今あるモノを真似る必要は無い。</p>
<p>＞色んな技術を知っていると、何か作ろうとして困った時つまり一つの技術でできない時もできるという事ですよね？</p>
<p>いや、色々な技術を覚えていないとできないけど、覚えていればできるという訳ではない。つまり技術だけではできない。<br /><br />
となると何が必要なのか？というのは俺もよくわからない。仲間じゃないか？一人でやってると気が狂いそうになる。</p>
<p>＞どういうグルワ遍歴をへたか？</p>
<p>一学期目はケンカばっかしてた。よくわからなかったから。１学期やってみないとペースつかめなくてどうしょうもないというもある。２学期目に意識したのは、１学期目に樹に言われてむかついてた事なんだけど「アイディア出せ」と言われて出せるものではない。じゃあどういう時に出るかというと、いつのまにか出てる。でもやっぱり考えてるような考えてないようなぼーっとしてる時に出ている。じゃあどうするか？そのチームのミーティングが楽しくて仕方がないようにすれば、いつでも考えるのではないか？と仮説を立てた。ミーティングで一番最初に笑えるように準備してきたりとか、おやつ用意したりとか、レポートを面白いようにわざと書いたりとか、アジェンダでボケたりとかしてたら段々テンションが上がってきて、頭が柔らかくなってきた。</p>
<p>そういうのは必要なんだけど、でも冷静にココを狙うというのもやらないとならなくて、２学期目は最後爆死した。</p>
<p>１学期目はケンカしながらだけど必死でやってた。最初大学の研究室というのは怖ろしい所だと思っていた。ゼミっていうと先生が居て、週一回お話を聞いて帰るみたいな気がするけど、研究室というと必死な感じがする。例えば「ラップアップしたのか？」とか怒られる。</p>
<p>奥出先生は頭が良いけど、ちょっと言ったことない事も「言った」と言うこともあるけど、でも基本的に正しいと思う。だからまず先生のテンポとかを理解するために、先生の本を全部揃えて読んだ。<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4791759524/shokai-22/ref=nosim/">アメリカン・ポップ・エステティクス</a>と、<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4309241174/shokai-22/ref=nosim/">物書きがコンピュータに出会うとき</a>、が好き。でも全部絶版。</p>
<p>＞奥出先生は最近丸くなったのか？</p>
<p>なった。最初の頃プレゼンの時俺は震えていた。公開処刑みたいになっていた。瓜生さんとか１ヶ月でチーム解散させられた。なのでプレゼンは毎回死を覚悟して、白い着物着ている気持ちで前に行く。</p>
<p>合宿の輪読とかは<a href="http://yusukebe.com/archives/06/03/29/171820.html">まさに地獄</a>。「日付変わったから今日は終わり」みたいな感じ。昼から始まって、日付変わるまでやる。</p>
<p>畑山＞俺は輪読でエコノミー症候群になった。立ち上がれなくなった。</p>
<p>30枚スライド作ってきて、2ページ目で「知性が無い。終わり」とか言われて終わる。石橋さんは一番酷くて、表紙で「英語がよくわからなかった」と言ったら「じゃあもう一回読んできて」って言われて表紙で終わった。色々覚悟しながらプレゼンする。</p>
<p>＞奥出研でうまくやれるようになったのはいつから？</p>
<p>２学期目ぐらい。１学期目でわけわからなかったら、夏休みに全チームと前の年のスライドとかいっぱい見て、それぞれの進め方が上手い所とかをまとめていた。あと授業の資料を全部見た。</p>
<p>それでわかったんだけど、みんなそれぞれ持論があって適当にやってる感じで良いと思う。話は違うかも知れないけど、強い組織というのは、目が先生だけであと50人手足というのではないと思う。全員目玉で違う方向向いて、色々試しているというのが強い組織だと思う。言われた事やらされてもやる気でないし。</p>
<p>そういう感じでDesign Thinkingしてください。１学期目は楽しく、死なない程度にでもギリギリまで限界を見てくれると良いと思う。<br /><br />
１学期目でうまくデモにならなかったけど、学期末で既にFlashとC#とAVRマイコンで、今使ってる技術のフレームワークの原型みたいなのを<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2004/08/avr_flash.html">作っていた</a>。全く同じ構成。</p>
<p>＞今の最終発表はどういう感じなのか？</p>
<p>こういう風にバリバリ動いてしまってたりするチームと、中に人間が入っていて「スポイトで吸うと表面の模様が移せるんですよ」とかいうチームもある。まあ見せれないよりは良い。</p>
<p>でも良い話がある。マウスとウィンドウシステムを開発したエンゲルバートという人は、まともな学会でデモしたんだけど中に17人入っていた。その人がペラペラ喋ってプレゼンして、「マウスの中にホイールが入っていて、横と縦の動きがわかって、画面上のポインタが動く」とか言ってるんだけど、中に17人入っていてプレゼンの動きに合わせて必死でやっていた。<br /><br />
隣の大学から画面だけ無線で中継して出していた。でもそれが凄い事が伝わったので、マウスとウィンドウシステムがちゃんと開発されて今のWindowsとかがある。</p>
<p>「それが出来たら凄い」という事と、「もうちょっと頑張ればできそうだ」という事を証明できたらokなのかもしれない。</p>
<p>じゃあせっかくなのでPHPをやろうかー</p>
<p>&#8212;&#8212;&#8212;ここまで061102_2.WMA&#8212;&#8212;&#8212;-<br /><br />
&#8212;&#8212;&#8212;ここから061102_3.WMA&#8212;&#8212;&#8212;-</p>
<p>（PHPを使ってみる）</p>
</p>
]]></content:encoded>
			<wfw:commentRss>http://shokai.org/blog/archives/1127/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>テクササイズ課題4：お面 &#8211; Flashでカメラ画像処理</title>
		<link>http://shokai.org/blog/archives/1125</link>
		<comments>http://shokai.org/blog/archives/1125#comments</comments>
		<pubDate>Mon, 06 Nov 2006 02:58:41 +0000</pubDate>
		<dc:creator>shokai</dc:creator>
				<category><![CDATA[未分類]]></category>
		<category><![CDATA[oklab]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[工房]]></category>

		<guid isPermaLink="false">http://shlog.sakura.ne.jp/blog/?p=1125</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>
<p>技術のエクササイズ、テクササイズの第4回課題として、「お面」を作った。眠い。</p>
<p>・<a href="http://www.ok.sfc.keio.ac.jp/2006/autumn/koubou/tech-exercise/text/04/">テクササイズ第4回 奥出研的WEBCAM入門</a><br /><br />
・<a href="http://www.ok.sfc.keio.ac.jp/2006/autumn/koubou/tech-exercise/blog/">テクササイズまとめblog</a></p>
<p>webcamを接続して、顔に目立つマーカー（赤とか青）を付けて、そのマーカーをクリックしてください。<br /><br />
<object width="440" height="330"><param name="movie" value="http://shokai.org/archive/flash/061106_omen/kadai-03.swf"></param><embed src="http://shokai.org/archive/flash/061106_omen/kadai-03.swf" type="application/x-shockwave-flash" width="440" height="330"></embed></object></p>
<p>→<a href="http://shokai.org/archive/flash/061106_omen/kadai-03.fla">SourceCode(Flash8)</a></p>
<p>動いているところのビデオ。</p>
<p><span id="more-1125"></span><br /><br />
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/N7cU0e0juEk"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/N7cU0e0juEk" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object></p>
<p>Videoを貼り付けたMovieClipからBitmapDataを作って、1ピクセルずつ調べて、近い色の座標から重心を取っている。条件にRGBが合致するピクセル全てのxy座標を平均するだけ。<br /><br />
けっこう乱暴なやり方をやっているので、カメラ内にもう一つマーカーと同じ色が現れたら狂ってしまう。<br /><br />
ここからは、マーカー毎にラベリング処理をしなければならない。</p>
<p><a href="http://www.microsoft.com/japan/msdn/academic/Articles/Algorithm/03/">アルゴリズム入門 : 第 3 章 画像処理入門 1</a>に詳しく説明されている。</p>
</p>
]]></content:encoded>
			<wfw:commentRss>http://shokai.org/blog/archives/1125/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>ながせ！！</title>
		<link>http://shokai.org/blog/archives/1103</link>
		<comments>http://shokai.org/blog/archives/1103#comments</comments>
		<pubDate>Sun, 15 Oct 2006 17:08:23 +0000</pubDate>
		<dc:creator>shokai</dc:creator>
				<category><![CDATA[未分類]]></category>
		<category><![CDATA[oklab]]></category>
		<category><![CDATA[工房]]></category>

		<guid isPermaLink="false">http://shlog.sakura.ne.jp/blog/?p=1103</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>
<p><a href="http://www.ok.sfc.keio.ac.jp/~yoshiro/2006/autumn_texexcise/01/">テクササイズ第01回</a>の<a href="http://www.ok.sfc.keio.ac.jp/~yoshiro/2006/autumn_texexcise/01/6.html">課題3</a>として、「ながせ！！」を作った。<br /><br />
<a href="http://www.flickr.com/photos/shokai/270347282/" title="Photo Sharing"><img src="http://static.flickr.com/116/270347282_3690edb717.jpg" width="500" height="375" alt="ながせ！！" /></a></p>
<p>■ダウンロード<br /><br />
<a href="http://shokai.org/archive/cs2.0/0610_texecize/061016_Texecize-01.zip">SourceCode(VS2005, Flash8, PhidgetRFID)</a></p>
<p>■ながせ！！ ルール<br /><br />
課題ではルーレットを作れといわれたんだけど、いつのまにかブルーレットを作っていた。<br /><br />
<a href="http://www.flickr.com/photos/shokai/270349050/" title="Photo Sharing"><img src="http://static.flickr.com/79/270349050_e9f7315c28.jpg" width="500" height="375" alt="つまった" /></a></p>
<p><span id="more-1103"></span><br /><br />
下からうんこが上がってくる。そこにブルーレットを置くと、撃退できる。<br /><br />
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/hcFddG5PWHg"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/hcFddG5PWHg" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object><br /><br />
つまり、<strong>ブルーレット置くだけでつまらなくなる！ ！</strong></p>
<p>うんこが上まで来てしまうと、つまってしまいんす。<br /><br />
あと、便器の貯水タンクの水が無いと、水が流せない。残量に注意！</p>
<p>■技術的なこと<br /><br />
スクリーンの裏にRFIDタグを貼り付けて、ブルーレットの位置を検知してみた。<br /><br />
<a href="http://www.flickr.com/photos/shokai/270345586/" title="Photo Sharing"><img src="http://static.flickr.com/111/270345586_dd2d45042b.jpg" width="500" height="375" alt="DSC08795" /></a></p>
<p>PhidgetRFIDを<a href="http://grouplab.cpsc.ucalgary.ca/software/phidgets/">GroupLabのPhidget.NETライブラリ</a>で使って、自作の<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/09/cflash.html">C#に埋め込んだFlashと通信するライブラリ</a>でFlashに渡す。<br /><br />
あとは適当。</p>
<p>■関連<br /><br />
・<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/03/c20_-_phidgetrf.html">s.h.log: C#2.0 &#8211; PhidgetRFIDkitを使ってみる (あとDelegateとかInvokeとか)</a><br /><br />
・<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/09/cflash.html">s.h.log: C#に埋め込んだFlashと通信するライブラリ</a><br /><br />
・<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/04/phidgetinterfac.html">s.h.log: C#2.0 &#8211; PhidgetInterfaceKitのセンサを試す</a></p>
<p>■その他のながせ！！ビデオ<br /><br />
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/r8LaqKrG76E"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/r8LaqKrG76E" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object></p>
<p><object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/bbc5ioP2RkY"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/bbc5ioP2RkY" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object></p>
<p><object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/GrFhXtYET6s"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/GrFhXtYET6s" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object></p>
</p>
]]></content:encoded>
			<wfw:commentRss>http://shokai.org/blog/archives/1103/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>イラレでスライドを作る方法</title>
		<link>http://shokai.org/blog/archives/1086</link>
		<comments>http://shokai.org/blog/archives/1086#comments</comments>
		<pubDate>Sun, 01 Oct 2006 06:07:47 +0000</pubDate>
		<dc:creator>shokai</dc:creator>
				<category><![CDATA[未分類]]></category>
		<category><![CDATA[oklab]]></category>
		<category><![CDATA[工房]]></category>

		<guid isPermaLink="false">http://shlog.sakura.ne.jp/blog/?p=1086</guid>
		<description><![CDATA[Adobe Illustratorで1枚ずつのスライドページを作って、それらをAcrobatでまとめて1つのスライドにする方法を説明します。 スクリーンショットの取り込みにはGrabbrを使いました ■新規作成 イラレで [...]]]></description>
			<content:encoded><![CDATA[<p>
<p>Adobe Illustratorで1枚ずつのスライドページを作って、それらをAcrobatでまとめて1つのスライドにする方法を説明します。<br /><br />
スクリーンショットの取り込みには<a href="http://xurble.org/projects/grabbr">Grabbr</a>を使いました</p>
<p>■新規作成<br /><br />
イラレでファイル→新規<br /><br />
<a href="http://www.flickr.com/photos/shokai/257036350/" title="Photo Sharing"><img src="http://static.flickr.com/121/257036350_55a3453c10_o.png" width="233" height="109" alt="イラレでファイル→新規" /></a></p>
<p>サイズ800&#215;600, 横向き, 単位はピクセル<br /><br />
<a href="http://www.flickr.com/photos/shokai/257036944/" title="Photo Sharing"><img src="http://static.flickr.com/117/257036944_ac37891731_o.png" width="429" height="254" alt="イラレでファイル→新規" /></a></p>
<p>新規作成した。黒線の中が「アートボード」といいます<br /><br />
<a href="http://www.flickr.com/photos/shokai/257037508/" title="Photo Sharing"><img src="http://static.flickr.com/118/257037508_2f60d86a85_m.jpg" width="240" height="174" alt="イラレ 新規作成した" /></a></p>
<p>適当にレイアウトしてみます。<br /><br />
右下赤枠内のレイヤーウィンドウに注目。タイトル以外はデザインとして使い回すので、別レイヤーにしてロックをかけておきます。<br /><br />
<a href="http://www.flickr.com/photos/shokai/257040567/" title="Photo Sharing"><img src="http://static.flickr.com/109/257040567_6239693c6c.jpg" width="500" height="362" alt="イラレ レイアウト" /></a></p>
<p><span id="more-1086"></span><br /><br />
1枚目を作りました。<br /><br />
<a href="http://www.flickr.com/photos/shokai/257042020/" title="Photo Sharing"><img src="http://static.flickr.com/89/257042020_a657cc6f13_m.jpg" width="240" height="174" alt="イラレ スライド1枚目を作る" /></a></p>
<p>■写真の取り込み<br /><br />
webブラウザからドラッグアンドドロップで写真を取り込む事もできます<br /><br />
<a href="http://www.flickr.com/photos/shokai/257043411/" title="Photo Sharing"><img src="http://static.flickr.com/120/257043411_6b18a9a758.jpg" width="500" height="375" alt="イラレ 写真をブラウザから取り込む" /></a></p>
<p>また、デジカメで撮った写真などを取り込む時は写真のサイズに注意。左側赤枠注目<br /><br />
<a href="http://www.flickr.com/photos/shokai/257044244/" title="Photo Sharing"><img src="http://static.flickr.com/79/257044244_ddf5883c5b.jpg" width="500" height="375" alt="イラレ 写真を縮小して取り込む(1)" /></a></p>
<p><a href="http://www.vector.co.jp/soft/win95/art/se153674.html">縮小専用</a>などで小さくして取り込みましょう。スライドが800&#215;600ピクセルで作られているので、それ以上大きな写真はあまり意味ありません<br /><br />
<a href="http://www.flickr.com/photos/shokai/257044993/" title="Photo Sharing"><img src="http://static.flickr.com/110/257044993_f2d9a70188.jpg" width="486" height="335" alt="イラレ 写真を縮小して取り込む(2)" /></a></p>
<p>そこそこの大きさで取り込まれました<br /><br />
<a href="http://www.flickr.com/photos/shokai/257045587/" title="Photo Sharing"><img src="http://static.flickr.com/86/257045587_7a7b2b6e0e_m.jpg" width="240" height="174" alt="イラレ 写真を縮小して取り込む(3)" /></a></p>
<p>色々編集していたら2枚目ができました<br /><br />
<a href="http://www.flickr.com/photos/shokai/257046431/" title="Photo Sharing"><img src="http://static.flickr.com/104/257046431_100ce922c5_m.jpg" width="240" height="174" alt="イラレ スライド2枚目ができた" /></a></p>
<p>両方とも .ai形式で保存します<br /><br />
<a href="http://www.flickr.com/photos/shokai/257047003/" title="Photo Sharing"><img src="http://static.flickr.com/118/257047003_6566ebc03c_m.jpg" width="240" height="140" alt="イラレ スライド2枚目を保存" /></a></p>
<p>■Acrobatでスライドを1つのpdfにまとめる<br /><br />
保存した.aiの1枚目だけを、Acrobatにドラッグアンドドロップ<br /><br />
<a href="http://www.flickr.com/photos/shokai/257047906/" title="Photo Sharing"><img src="http://static.flickr.com/109/257047906_6b44f293c5.jpg" width="500" height="375" alt="acrobat スライドを1つのpdfにまとめる(1)" /></a></p>
<p>「名前を付けて保存」で、pdf形式で保存する<br /><br />
<a href="http://www.flickr.com/photos/shokai/257048403/" title="Photo Sharing"><img src="http://static.flickr.com/113/257048403_4c66755310.jpg" width="500" height="350" alt="acrobat スライドを1つのpdfにまとめる(2)" /></a></p>
<p>左側のページタブを開いて、2枚目以降の.aiファイルをドラッグアンドドロップ。順番に並べる。<br /><br />
<a href="http://www.flickr.com/photos/shokai/257049715/" title="Photo Sharing"><img src="http://static.flickr.com/100/257049715_c0c874e81c.jpg" width="500" height="350" alt="acrobat スライドを1つのpdfにまとめる(3)" /></a></p>
<p>ウィンドウ→全画面表示で、見てみましょう。これで終わり。<br /><br />
<a href="http://www.flickr.com/photos/shokai/257050509/" title="Photo Sharing"><img src="http://static.flickr.com/90/257050509_98ae0e5f60.jpg" width="500" height="350" alt="acrobat プレビュー" /></a></p>
<p>pdfの保存も忘れずに。</p>
</p>
]]></content:encoded>
			<wfw:commentRss>http://shokai.org/blog/archives/1086/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>はんこ作りその3::CADデータをモデラで切削する</title>
		<link>http://shokai.org/blog/archives/1026</link>
		<comments>http://shokai.org/blog/archives/1026#comments</comments>
		<pubDate>Tue, 25 Jul 2006 10:17:34 +0000</pubDate>
		<dc:creator>moblog</dc:creator>
				<category><![CDATA[未分類]]></category>
		<category><![CDATA[Craft&Modeling]]></category>
		<category><![CDATA[oklab]]></category>
		<category><![CDATA[工房]]></category>

		<guid isPermaLink="false">http://shlog.sakura.ne.jp/blog/?p=1026</guid>
		<description><![CDATA[はんこを3Dモデリングできたので、実際に削ります。 ■目次 １．準備編、ソフトのインストール ２．IllustratorとStrata3Dでモデリング ３．Modelaで削る ← いまここ ・作ったデータのアーカイブ ・ [...]]]></description>
			<content:encoded><![CDATA[<p>
<p>はんこを3Dモデリングできたので、実際に削ります。</p>
<p>■目次<br /><br />
１．<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/07/modela_equip.html">準備編、ソフトのインストール</a><br /><br />
２．<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/07/modela_cad.html">IllustratorとStrata3Dでモデリング</a><br /><br />
３．Modelaで削る ← いまここ</p>
<p>・<a href="http://shokai.org/archive/ok/2006/koubou/060725_stamp/">作ったデータのアーカイブ</a><br /><br />
・<a href="http://www.flickr.com/photos/shokai/sets/72157594211165249/">作業中の写真</a></p>
<p>これが<a href="http://www.rolanddg.co.jp/product/3d/3d/mdx-20_15.htm">MDX-20</a>というモデラです。PCからはプリンタとして認識されています。<br /><br />
掘削データに従ってドリルがガリガリ動いて、綺麗に削ってくれます<br /><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="350" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.youtube.com/v/zREJP1pfPLI" /><embed type="application/x-shockwave-flash" width="425" height="350" src="http://www.youtube.com/v/zREJP1pfPLI"></embed></object></p>
<p>ちなみに、MDX-20はMITのFabLabも使っているらしい…</p>
<div class="amazlet-box" style="margin-bottom:0px;">
<div class="amazlet-image" style="float:left;"><a name="amazletlink" href="http://www.amazon.co.jp/exec/obidos/ASIN/4797333146/shokai-22/ref=nosim/" target="_blank"><img style="border: none;" src="http://images-jp.amazon.com/images/P/4797333146.09.MZZZZZZZ.jpg" alt="ものづくり革命  パーソナル・ファブリケーションの夜明け" /></a></div>
<div class="amazlet-info" style="float:left;margin-left:15px;line-height:120%">
<div class="amazlet-name" style="margin-bottom:10px;line-height:120%"><a name="amazletlink" href="http://www.amazon.co.jp/exec/obidos/ASIN/4797333146/shokai-22/ref=nosim/" target="_blank">ものづくり革命  パーソナル・ファブリケーションの夜明け</a></p>
<div class="amazlet-powered-date" style="font-size:7pt;margin-top:5px;font-family:verdana;line-height:120%">posted with <a title="ものづくり革命  パーソナル・ファブリケーションの夜明け" href="http://www.amazlet.com/browse/ASIN/4797333146/shokai-22" target="_blank">amazlet</a> on 06.07.25</div>
</div>
<div class="amazlet-detail">ニール・ガーシェンフェルド 糸川 洋<br /><br />
ソフトバンククリエイティブ (2006/02/11)</div>
<div class="amazlet-link" style="margin-top: 5px"><a name="amazletlink" href="http://www.amazon.co.jp/exec/obidos/ASIN/4797333146/shokai-22/ref=nosim/" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
</div>
<p><span id="more-1026"></span><br /><br />
■ModelaPlayerで掘削データを作る<br /><br />
ModelaPlayer4でDXFを読み込む（<a href="http://shokai.org/archive/ok/2006/koubou/060725_stamp/stamp.dxf">前のエントリで作っておいたdxf</a>）<br /><br />
すぐ.mpj形式で保存する。<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/197942493/"><img src="http://static.flickr.com/67/197942493_9cafeb48e4.jpg" alt="ModelaPlayer4" width="500" height="362" /></a></p>
<p>[設定]→[モデル]で、サイズを適当に大きくする（z軸30mm、つまり高さを3cmにする）<br /><br />
視点を下にする。ようするにドリルが上から降りてくるので、掘削面が上に向くように設定する。</p>
<p>[ファイル]→[機種選択]<br /><br />
MDX-20を選択</p>
<p>・工程を2つ作る<br /><br />
右上の新規工程<br /><br />
「荒削り」、「仕上げ」を作る<br /><br />
ドリル→両方とも1mmスクエア<br /><br />
材料→木<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/197945877/"><img src="http://static.flickr.com/58/197945877_a352a5ead4_m.jpg" alt="modelaplayer 工程作成" width="240" height="174" /></a><a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/186544722/"><img src="http://static.flickr.com/1/186544722_ed185d9dc9_m.jpg" alt="工程" width="240" height="180" /></a><br /><br />
・等高線オプションを付ける<br /><br />
はんこみたいな面がしっかり出ている奴は、x,y軸方向に削るよりも「等高線」にすると良いらしい。</p>
<p>・プレビュー<br /><br />
工程を選択して、右下の「切削プレビュー」<br /><br />
VirtualModelaでプレビューされる。どうしても切削できないような形状が出来てしまったら、モデリングに戻ってやりなおし。<br /><br />
（この為に、自分のマシンに<a href="http://www.rolanddg.co.jp/download/3d/download01.html">MDX-20のドライバ</a>をインストールした）<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/197949197/"><img src="http://static.flickr.com/63/197949197_da97ad1946_m.jpg" alt="Virtual Modela" width="200" height="240" /></a><br /><br />
プレビューが良かったらVirtualModelaを閉じる。ModelaPlayerの方で.mpj形式で保存</p>
<p>さらに、右下の「切削位置の設定」。実は小さいモデルでも初期設定だとドリルが縦横フルに動いてしまって、素材の無い所で空振りする。ドリルの動く範囲を指定する。<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/197948708/"><img src="http://static.flickr.com/60/197948708_71e46e1ebf.jpg" alt="modelaplayer 切削位置の設定" width="500" height="358" /></a></p>
<p>・削る深さの設定<br /><br />
切削時間短縮の為に、もうちょっと設定します。<br /><br />
円柱型に底までくり抜くと時間がかかりすぎるので、「新規工程」の上の「型枠」か、各工程の「一部」のどちらかから削る深さを設定した。はっきり覚えてない。<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/197955819/"><img src="http://static.flickr.com/59/197955819_eeb424fa8d_m.jpg" alt="ModelaPlayer 型枠" width="240" height="183" /></a><a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/197960331/"><img src="http://static.flickr.com/61/197960331_4a10a09d28_m.jpg" alt="modelaplayer" width="240" height="161" /></a><br /><br />
プレビューするとVirtualModelaの右下に切削時間が出る。</p>
<p>■材料を用意する<br /><br />
今回は、はんこなので普通の固い木でやります。ケミカルウッドとかではなく。<br /><br />
時間はそれなりにかかるけど問題なく削れる。<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/186543078/"><img src="http://static.flickr.com/66/186543078_73a815703c_m.jpg" alt="樹が木を切る" width="240" height="180" /></a><br /><br />
糸のこで切る</p>
<p>■モデラの準備<br /><br />
掃除機で周りを掃除してから、設定した太さのエンドミル（ドリル）に換えます</p>
<p>小さい6角棒でエンドミルを外す。<br /><br />
落とすと簡単に折れるので、スタイロフォームを下に入れておいたりする<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/186543205/"><img src="http://static.flickr.com/71/186543205_64e9147d06_m.jpg" alt="DSC06689" width="240" height="180" /></a><a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/186543401/"><img src="http://static.flickr.com/73/186543401_bb9bb45fa0_m.jpg" alt="DSC06690" width="240" height="180" /></a></p>
<p>設定したエンドミルを付ける（1mm）<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/186543611/"><img src="http://static.flickr.com/69/186543611_e8fb693681_m.jpg" alt="DSC06691" width="240" height="180" /></a><a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/186543958/"><img src="http://static.flickr.com/64/186543958_9a1f3c228c_m.jpg" alt="DSC06693" width="240" height="180" /></a></p>
<p>用意した木材を、両面テープでモデラの台にしっかりと貼り付ける<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/186543783/"><img src="http://static.flickr.com/67/186543783_f94f8640a9_m.jpg" alt="DSC06692" width="240" height="180" /></a><br /><br />
切削中にずれたら終わる。</p>
<p>■切削する<br /><br />
データを全てモデラ専用PCに移す。<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/186544099/"><img src="http://static.flickr.com/51/186544099_e786383db9_m.jpg" alt="DSC06694" width="240" height="180" /></a></p>
<p>モデラ前面のパネルの電源を入れる<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/186544349/"><img src="http://static.flickr.com/59/186544349_73cc758c50.jpg" alt="MDX-20 前面パネル" width="500" height="375" /></a></p>
<p>前面パネルで、エンドミルが木材にギリギリ触れる所まで調整してから<br /><br />
ModelaPlayerで「切削」<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/188437541/"><img src="http://static.flickr.com/75/188437541_c25aed9376_m.jpg" alt="DSC06710" width="240" height="180" /></a></p>
<p>■削り終わるまで待つ<br /><br />
たまに木クズを掃除する<br /><br />
モデラ前面の「view」を押すと、一時停止する<br /><br />
※「電源」ボタンを押すと全てが終わるので、注意</p>
<p>だんだんと<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/186544852/"><img src="http://static.flickr.com/65/186544852_28b6abae9b_m.jpg" alt="DSC06700" width="240" height="180" /></a><a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/186544976/"><img src="http://static.flickr.com/68/186544976_9020bcaf7a_m.jpg" alt="DSC06701" width="240" height="180" /></a></p>
<p>削れて<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/186545102/"><img src="http://static.flickr.com/51/186545102_fd291b365a_m.jpg" alt="DSC06702" width="240" height="180" /></a><a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/186545429/"><img src="http://static.flickr.com/72/186545429_a1976d8295_m.jpg" alt="DSC06704" width="240" height="180" /></a></p>
<p>くるけど、荒削り→仕上げで3時間以上かかるのでちょっと掃除機あてて家に帰る。</p>
<p>翌朝来てみると</p>
<p>はあはあ<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/188437319/"><img src="http://static.flickr.com/44/188437319_30541fdc23_m.jpg" alt="DSC06708" width="240" height="180" /></a></p>
<p>できてたー<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/188437657/"><img src="http://static.flickr.com/1/188437657_98eb5d559b.jpg" alt="DSC06711" width="500" height="375" /></a></p>
<p>■完成<br /><br />
糸のこで周りを切って、ヤスリをかけた。字の面はマイナスドライバでクズを落とした。<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/195960527/"><img src="http://static.flickr.com/74/195960527_f1f861ef3f_m.jpg" alt="スタンプ完成" width="240" height="180" /></a><a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/195960597/"><img src="http://static.flickr.com/77/195960597_2ef6dc6979_m.jpg" alt="スタンプ完成" width="240" height="180" /></a></p>
<p>うれしいので自分に押してみた<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/195960360/"><img src="http://static.flickr.com/65/195960360_330739a9c6_m.jpg" alt="自分に押す" width="240" height="180" /></a></p>
<p><a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/195960989/"><img src="http://static.flickr.com/77/195960989_c202859e9d_m.jpg" alt="はんこ完成" width="240" height="180" /></a><a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/195961081/"><img src="http://static.flickr.com/67/195961081_6cd2e2f652_m.jpg" alt="プロジェクト管理ツール" width="240" height="180" /></a></p>
</p>
]]></content:encoded>
			<wfw:commentRss>http://shokai.org/blog/archives/1026/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>はんこ作りその2::IllustratorとStrata3Dで3Dモデリング</title>
		<link>http://shokai.org/blog/archives/1025</link>
		<comments>http://shokai.org/blog/archives/1025#comments</comments>
		<pubDate>Tue, 25 Jul 2006 08:37:38 +0000</pubDate>
		<dc:creator>moblog</dc:creator>
				<category><![CDATA[未分類]]></category>
		<category><![CDATA[Craft&Modeling]]></category>
		<category><![CDATA[oklab]]></category>
		<category><![CDATA[工房]]></category>

		<guid isPermaLink="false">http://shlog.sakura.ne.jp/blog/?p=1025</guid>
		<description><![CDATA[■目次 １．準備編、ソフトのインストール ２．IllustratorとStrata3Dでモデリング ← いまここ ３．Modelaで削る ・作ったデータのアーカイブ ・作業中の写真 このエントリでは、Strata3Dで「 [...]]]></description>
			<content:encoded><![CDATA[<p>
<p>■目次<br /><br />
１．<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/07/modela_equip.html">準備編、ソフトのインストール</a><br /><br />
２．IllustratorとStrata3Dでモデリング ← いまここ<br /><br />
３．<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/07/modela_mdx20.html">Modelaで削る</a></p>
<p>・<a href="http://shokai.org/archive/ok/2006/koubou/060725_stamp/">作ったデータのアーカイブ</a><br /><br />
・<a href="http://www.flickr.com/photos/shokai/sets/72157594211165249/">作業中の写真</a></p>
<p>このエントリでは、Strata3Dで「はんこ」をモデリングします。ここまで来ると、モデラ用の掘削データに変換して、実際に削る事ができます。<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/197877583/"><img src="http://static.flickr.com/74/197877583_8aa9bef9b9.jpg" alt="Stamp Strata3D" width="500" height="332" /></a></p>
<p><span id="more-1025"></span><br /><br />
■Illustratorで断面図を描く<br /><br />
→ <a href="http://shokai.org/archive/ok/2006/koubou/060725_stamp/stamp.ai">作ったデータ</a><br /><br />
イラレで描いた断面図を、Strata3Dで読み込んで「回転」か「押し出し」すると3Dになります。</p>
<p>というわけではんこの断面図を描く。土台部分と印部分<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/197874975/"><img src="http://static.flickr.com/66/197874975_20ab29c912_o.png" alt="Stamp Illustrator" width="334" height="170" /></a></p>
<p>・断面図の描き方<br /><br />
円ツールで、ドラッグせずにパレットをクリックすると、サイズを指定して円を作れる。<br /><br />
円を2つ重ねて、パスファインダで型抜きする。余計なパスが残らないようにする。<br /><br />
文字は「アウトライン化」しないとモデルにできない。</p>
<p>例えば、かまぼこをモデリングするために、半円型の断面図を作るとすると<br /><br />
サイズ指定して作った円と、その高さを半分にサイズ指定して作った長方形を2つまとめて選択(Shiftクリック)<br /><br />
「オブジェクトの整列」で重ねる。<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/197891344/"><img src="http://static.flickr.com/71/197891344_53d989fb83_o.png" alt="Illustrator obj" width="210" height="108" /></a><a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/197887422/"><img src="http://static.flickr.com/65/197887422_fb44db1892_o.png" alt="Make a circle" width="194" height="170" /></a></p>
<p>パスファインダで、<strong>altを押しながら</strong>「形状エリアから前面オブジェクトで型抜き」<br /><br />
（重ね順に注意）<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/197885964/"><img src="http://static.flickr.com/58/197885964_5180743fe8_o.png" alt="Illustrator pathfinder" width="265" height="110" /></a></p>
<p>型抜き成功<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/197888149/"><img src="http://static.flickr.com/75/197888149_c93fa20265_o.png" alt="make a circle" width="167" height="98" /></a></p>
<p>ちなみに、altを押さないと上半分のパスが残って後々面倒になる<br /><br />
型抜き失敗<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/197887885/"><img src="http://static.flickr.com/77/197887885_7f6b6bcf65_o.png" alt="make a circle" width="173" height="172" /></a></p>
<p>■断面図データの書き出し<br /><br />
Illustrator8形式で保存する。<br /><br />
→ <a href="http://shokai.org/archive/ok/2006/koubou/060725_stamp/stamp.ai">作った断面図(.ai)</a></p>
<p>■Strata3Dで読み込み<br /><br />
ドラッグ＆ドロップで断面図イラレ8データを読み込む。<br /><br />
すぐ.s3d形式で新規保存する。Strata3DはCtrl+Zで「やりなおし」ができるが、1回しかできないので、失敗したらファイルを開き直してやりなおす。<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/197901432/"><img src="http://static.flickr.com/77/197901432_a00ee274fd.jpg" alt="Strata3D modeling" width="500" height="362" /></a></p>
<p>左上の眼玉マークを一番左の「レンズ：正射投影」にする<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/197899815/"><img src="http://static.flickr.com/65/197899815_d30ac5e3e6_o.png" alt="Strata3D" width="214" height="48" /></a></p>
<p>断面図を両方選択してCtrl+G（グループ化）<br /><br />
オブジェクトプロパティ→トランスフォームでワールドをx:0, y:0にして、誘惑振り切って、原点に合わせる。<br /><br />
グループを解除する(Ctrl+U)</p>
<p>ツールパレットの「押し出しツール」で断面図を引き伸ばす<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/197904077/"><img src="http://static.flickr.com/59/197904077_42f221b138.jpg" alt="Strata3d pushtool" width="500" height="362" /></a><br /><br />
グループ化してまとめて押し出した方が良い。</p>
<p>パネル「オブジェクトプロパティ」の数字をいじると、サイズをきっちりできる。x,y,zを直接入力できる。</p>
<p>■ガイドを作る<br /><br />
（<a href="http://www.ok.sfc.keio.ac.jp/~itsuki/">樹先生</a>より）こういう色んな方向から掘削しなければならないモデルの場合、ガイドを作る。<br /><br />
モデラの歯は上からしか入らない。だけど、中抜きのする場合は両側から彫る必要があるので、ひっくり返しても位置が合う様にプラモデルの様な骨組みが必要。<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/186539744/"><img src="http://static.flickr.com/48/186539744_ab73e77365_m.jpg" alt="かまぼこ" width="240" height="180" /></a><a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/186539925/"><img src="http://static.flickr.com/44/186539925_efd1ca29ef_m.jpg" alt="かまぼこガイド" width="240" height="180" /></a><br /><br />
はんこはガイド無しで掘削できる。</p>
<p>■完成<br /><br />
[モデリング]→[ジオメトリ変換]で、ポリゴンメッシュに変換する。<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/197877583/"><img src="http://static.flickr.com/74/197877583_8aa9bef9b9.jpg" alt="Stamp Strata3D" width="500" height="332" /></a><br /><br />
DXF形式で書き出す。3Dが完成したので、いよいよ掘削データへ。<br /><br />
→ <a href="http://shokai.org/archive/ok/2006/koubou/060725_stamp/stamp.dxf">作ったデータ(dxf)</a></p>
</p>
]]></content:encoded>
			<wfw:commentRss>http://shokai.org/blog/archives/1025/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>はんこ作りその1::3Dモデリングしてモデラで削るための準備</title>
		<link>http://shokai.org/blog/archives/1024</link>
		<comments>http://shokai.org/blog/archives/1024#comments</comments>
		<pubDate>Tue, 25 Jul 2006 07:37:33 +0000</pubDate>
		<dc:creator>moblog</dc:creator>
				<category><![CDATA[未分類]]></category>
		<category><![CDATA[Craft&Modeling]]></category>
		<category><![CDATA[oklab]]></category>
		<category><![CDATA[工房]]></category>

		<guid isPermaLink="false">http://shlog.sakura.ne.jp/blog/?p=1024</guid>
		<description><![CDATA[3D modelingしてはんこを作りました。 うまくいって良かった。 ■目次 １．準備編、ソフトのインストール ← いまここ ２．IllustratorとStrata3Dでモデリング ３．Modelaで削る ・作ったデ [...]]]></description>
			<content:encoded><![CDATA[<p>
<p>3D modelingしてはんこを作りました。<br /><br />
うまくいって良かった。</p>
<p>■目次<br /><br />
１．準備編、ソフトのインストール ← いまここ<br /><br />
２．<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/07/modela_cad.html">IllustratorとStrata3Dでモデリング</a><br /><br />
３．<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/07/modela_mdx20.html">Modelaで削る</a></p>
<p>・<a href="http://shokai.org/archive/ok/2006/koubou/060725_stamp/">作ったデータのアーカイブ</a><br /><br />
・<a href="http://www.flickr.com/photos/shokai/sets/72157594211165249/">作業中の写真</a></p>
<p>■モデラとは？<br /><br />
これがRolandの3Dプロッタ、Modelaシリーズの<a href="http://www.rolanddg.co.jp/product/3d/3d/mdx-20_15.htm">MDX-20</a>という機械です。<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/186543783/"><img src="http://static.flickr.com/67/186543783_f94f8640a9_m.jpg" alt="DSC06692" width="240" height="180" /></a><a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/186543401/"><img src="http://static.flickr.com/73/186543401_bb9bb45fa0_m.jpg" alt="DSC06690" width="240" height="180" /></a></p>
<p>CADデータを入れると、寸分違わずガリガリと削ってくれます。<br /><br />
<a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/195960989/"><img src="http://static.flickr.com/77/195960989_c202859e9d.jpg" alt="はんこ完成" width="500" height="375" /></a></p>
<p>ID工房(Industrial Design/Interaction Design工房)という奥出研の勉強会で、<a href="http://www.ok.sfc.keio.ac.jp/~itsuki/">樹先生</a>に教えてもらいながらやりました。</p>
<p><span id="more-1024"></span><br /><br />
■ソフトをインストール<br /><br />
・Strata3D → 近くのソフマップとかに1万円前後で売ってる<br /><br />
・Adobe Illustrator 8以上（多少古くても大丈夫かも）</p>
<p>・Roland ModelaPlayer4 &#038; VirtualModela<br /><br />
モデラを買ったらCDが付いてきた。→ <a href="http://www.ok.sfc.keio.ac.jp/member/document/app/">奥出研アカウント専用ページ</a></p>
<p>・<a href="http://www.rolanddg.co.jp/download/3d/download01.html">Roland MDX-40とMDX-20のドライバ</a><br /><br />
FILE:でいいのでインストール。<br /><br />
（自分のPCでモデリングして、実際削るのは別のマシン。その掘削データを作る為にドライバが必要）</p>
<p>インストールしたら<a href="http://web.sfc.keio.ac.jp/~shokai/archives/2006/07/modela_cad.html">3Dモデリング</a>する</p>
<p><a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/195960527/"><img src="http://static.flickr.com/74/195960527_f1f861ef3f_m.jpg" alt="スタンプ完成" width="240" height="180" /></a><a title="Photo Sharing" href="http://www.flickr.com/photos/shokai/195960597/"><img src="http://static.flickr.com/77/195960597_2ef6dc6979_m.jpg" alt="スタンプ完成" width="240" height="180" /></a></p>
</p>
]]></content:encoded>
			<wfw:commentRss>http://shokai.org/blog/archives/1024/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

