<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>STARRYWORKS inc. / スタッフブログ</title>
    <link rel="alternate" type="text/html" href="http://www.starryworks.co.jp/blog/" />
    <link rel="self" type="application/atom+xml" href="http://www.starryworks.co.jp/blog/atom.xml" />
    <id>tag:www.starryworks.co.jp,2009-04-10:/blog//3</id>
    <updated>2010-08-18T07:28:02Z</updated>
    
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type Commercial 4.25</generator>

<entry>
    <title>「Web Designing　2010年9月号」に弊社制作サイトが掲載されました</title>
    <link rel="alternate" type="text/html" href="http://www.starryworks.co.jp/blog/news/web-designing20109.html" />
    <id>tag:www.starryworks.co.jp,2010:/blog//3.161</id>

    <published>2010-08-18T07:25:26Z</published>
    <updated>2010-08-18T07:28:02Z</updated>

    <summary> 「Web Designing　2010年9月号」に弊社で制作した自社サイトが紹...</summary>
    <author>
        <name>Akio Nakano</name>
        
    </author>
    
        <category term="01-news" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="media" label="media" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.starryworks.co.jp/blog/">
        <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="wd1009-starryworks.jpg" src="http://www.starryworks.co.jp/blog/img/wd1009-starryworks.jpg" width="120" height="160" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></span>
「Web Designing　2010年9月号」に弊社で制作した自社サイトが紹介されました。<br /><br /><br />
<a href="http://www.starryworks.co.jp/" target="_blank">hhttp://www.starryworks.co.jp/</a>]]>
        
    </content>
</entry>

<entry>
    <title>「Web Designing　2010年8月号」に弊社制作サイトが掲載されました</title>
    <link rel="alternate" type="text/html" href="http://www.starryworks.co.jp/blog/news/web-designing20108.html" />
    <id>tag:www.starryworks.co.jp,2010:/blog//3.159</id>

    <published>2010-07-18T13:30:17Z</published>
    <updated>2010-08-10T01:39:47Z</updated>

    <summary> 「Web Designing　2010年8月号」に弊社で制作したディアモール大...</summary>
    <author>
        <name>Akio Nakano</name>
        
    </author>
    
        <category term="01-news" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="media" label="media" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.starryworks.co.jp/blog/">
        <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="wd1007-diamor.jpg" src="http://www.starryworks.co.jp/blog/img/wd1007-diamor.jpg" width="120" height="160" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></span>
「Web Designing　2010年8月号」に弊社で制作したディアモール大阪 STAFF SNAP CALENDARサイトが紹介されました。<br /><br /><br />
<a href="http://www.diamor.jp/ssc/" target="_blank">http://www.diamor.jp/ssc/</a>]]>
        
    </content>
</entry>

<entry>
    <title>スターリーワークス４周年！</title>
    <link rel="alternate" type="text/html" href="http://www.starryworks.co.jp/blog/news/4th-anniversary.html" />
    <id>tag:www.starryworks.co.jp,2010:/blog//3.157</id>

    <published>2010-07-07T11:08:33Z</published>
    <updated>2010-07-07T11:37:47Z</updated>

    <summary> おかげさまで株式会社STARRYWORKSは2010年7月7日で設立４周年を迎...</summary>
    <author>
        <name>Koji Kimura</name>
        
    </author>
    
        <category term="01-news" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.starryworks.co.jp/blog/">
        <![CDATA[<a href="http://www.starryworks.co.jp/"><img alt="anniversary4th.gif" src="http://www.starryworks.co.jp/blog/img/anniversary4th.gif" width="560" height="240" /></a>
<p>
おかげさまで株式会社STARRYWORKSは2010年7月7日で設立４周年を迎えます。
</p>
<p>
また、４周年に合わせて弊社サイトをリニューアルしました。
</p>
<p>
この一年はとても多くの人と繋がりを持つことができました。ワクワクしたり、刺激的だったり、勉強になったり、たくさんの人たちとの出会いのおかげで成長して来れました。
これからも心を込めたモノ作りを続け、社員一同精進して参ります。
</p>
<p>
今後ともどうぞ宜しくお願い致します。
</p>]]>
        
    </content>
</entry>

<entry>
    <title>スタッフを募集しています。</title>
    <link rel="alternate" type="text/html" href="http://www.starryworks.co.jp/blog/news/post-27.html" />
    <id>tag:www.starryworks.co.jp,2010:/blog//3.152</id>

    <published>2010-05-18T13:14:01Z</published>
    <updated>2010-05-18T13:16:26Z</updated>

    <summary> STARRYWORKS inc.では現在スタッフを募集しています。 興味のある...</summary>
    <author>
        <name>Koji Kimura</name>
        
    </author>
    
        <category term="01-news" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.starryworks.co.jp/blog/">
        <![CDATA[<p>
STARRYWORKS inc.では現在スタッフを募集しています。<br />
興味のある方は是非エントリーお願いします！<br />
詳しくはFind Jobのページをご覧ください。
</p>

<p>
<a href="https://www.find-job.net/fj/showjob.cgi?id=78973" target="_blank">https://www.find-job.net/fj/showjob.cgi?id=78973</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>ゴールデンウィーク中の営業について</title>
    <link rel="alternate" type="text/html" href="http://www.starryworks.co.jp/blog/news/post-26.html" />
    <id>tag:www.starryworks.co.jp,2010:/blog//3.151</id>

    <published>2010-04-28T02:27:49Z</published>
    <updated>2010-04-28T02:31:56Z</updated>

    <summary> 平素は、格別のご高配を賜り、厚く御礼申し上げます。 さて、弊社のゴールデンウィ...</summary>
    <author>
        <name>Koji Kimura</name>
        
    </author>
    
        <category term="01-news" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.starryworks.co.jp/blog/">
        <![CDATA[<p>
平素は、格別のご高配を賜り、厚く御礼申し上げます。
さて、弊社のゴールデンウィーク中の営業に関しまして、下記の通りご案内させていただきます。
</p>
<p align="center">記</p>
<p>
休業期間：<br />
2010年5月1日（土曜日）〜 2010年5月5日（水曜日）<br />
</p>
<p>
期間中は何かとご迷惑をお掛けいたしますが、何卒ご了承の程お願い申し上げます。
</p>]]>
        
    </content>
</entry>

<entry>
    <title>ロクナナワークショップのセミナーイベントが大阪で初開催！</title>
    <link rel="alternate" type="text/html" href="http://www.starryworks.co.jp/blog/news/post-24.html" />
    <id>tag:www.starryworks.co.jp,2010:/blog//3.149</id>

    <published>2010-04-20T14:20:34Z</published>
    <updated>2010-04-20T15:18:34Z</updated>

    <summary> 今週末4月25日（日）に、東京でさまざまなイベントやセミナーを開催されているロ...</summary>
    <author>
        <name>Koji Kimura</name>
        
    </author>
    
        <category term="01-news" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.starryworks.co.jp/blog/">
        <![CDATA[<p>
<a href="http://event.67.org/geeks/flashmotionosaka/" target="_blank"><img alt="67WS.gif" src="http://www.starryworks.co.jp/blog/img/67WS.gif" width="560" height="240" /></a>
</p>
<p>
今週末4月25日（日）に、東京でさまざまなイベントやセミナーを開催されている<a href="http://67.org/ws/" target="_blank">ロクナナワークショップさん</a>が主催するイベント<a href="http://event.67.org/geeks/flashmotionosaka/" target="_blank">「GEEKs in OSAKA　Flash モーションプログラミング + 大阪てら子」</a>が<strong>大阪</strong>で開催されます。
</p>

<p>
講師は、<br />
あの<a href="http://roxik.com/pictaps/" target="_blank">PICTAPS</a>や<a href="http://www.ecodazoo.com/" target="_blank">エコだ！動物園</a>、<a href="http://www.verbatim.jp/senshuken/" target="_blank">全日本バーベタイム選手権</a>などの素晴らしいサイトを制作されている<a href="http://roxik.com/" target="_blank">ROXIK</a>の城戸さんと、<br />
<a href="" target="_blank">tha ltd.</a>に所属し、<a href="http://alumican.net/" target="_blank">alumican.net</a>で実験的なプライベートワークを公開されている奥田さんです。
</p>
<p>
さらに、<a href="http://teraco.jp/" target="_blank">大阪てら子</a>から<br />
<a href="http://www.libspark.org/wiki/saqoosha/FLARToolKit">FLARToolKit</a>を作ったり、<a href="https://www.aid-dcc.com/" target="_blank">AID-DCC Inc.</a>の年賀コンテンツ<a href="http://10.aid-dcc.com/" target="_blank">「New Year Sonata」</a>などを手掛けられている<a href="http://katamari.co.jp/" target="_blank">Katamari Inc.</a>の<a href="" target="_blank">Saqooshaさん</a>と、<br />
大阪てら子の代表<a href="http://sakotsu.jp/" target="_blank">シナチクさん</a>が出演します。<br />
</p>
<p>
という、こんなすごい顔ぶれのセミナーイベントで、私、木村も大阪てら子の枠でちょろっとだけしゃべらせていただくことになりました。<br />仕事以外で個人的に作っているFlashコンテンツについてお話させていただく予定です。<br />
昨日、打ち合わせしてきたんですが、すごく楽しいイベントになりそうです。<br />
</p>
<p>
関西では今までにないような、内容の濃いセミナーイベントで、日本を代表するウェブクリエイターの方たちの考え方や、Flashコンテンツの可能性に触れられるので、ActionScriptをやったことない人でも、ウェブデザインやディレクションに関わる方すべてにとって、ためになるイベントだと思います！<br />
みなさん都合が合う方は是非お越しください！！
</p>

<p>
詳細はこちら<br />
<a href="http://event.67.org/geeks/flashmotionosaka/" target="_blank"> http://event.67.org/geeks/flashmotionosaka/</a>
</p>]]>
        
    </content>
</entry>

<entry>
    <title>インスパイアされる映像　〜アニメーション+実写編（２本）〜</title>
    <link rel="alternate" type="text/html" href="http://www.starryworks.co.jp/blog/inspiration/movie/post-25.html" />
    <id>tag:www.starryworks.co.jp,2010:/blog//3.150</id>

    <published>2010-04-20T14:10:00Z</published>
    <updated>2010-04-20T15:48:35Z</updated>

    <summary> 長らく更新してなかたたインスパイアされる映像シリーズですが、久しぶりに書きます...</summary>
    <author>
        <name>Koji Kimura</name>
        
    </author>
    
        <category term="02-Movie" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="03-Inspiration" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="inspiremovie" label="inspire movie" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="justice" label="justice" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="omodaka" label="omodaka" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="牧鉄兵" label="牧鉄兵" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.starryworks.co.jp/blog/">
        <![CDATA[<p>
長らく更新してなかたたインスパイアされる映像シリーズですが、久しぶりに書きます。
アニメーションと実写をいい感じに組み合わせてる映像を紹介します。
</p>
<h3>omodaka - kokiriko bushi -</h3>
<p>
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/2SoZzlgQzHM&hl=ja_JP&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2SoZzlgQzHM&hl=ja_JP&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>
</p>
<p>
音楽の世界感と映像の世界感がすごく気持ち良く融合してる、独特の世界感のミュージックビデオ。
映像は<a href="http://www.chokusen.com/" target="_blank">牧鉄兵さん</a>です。
</p>]]>
        <![CDATA[<h3> Justice - D.A.N.C.E. -</h3>
<p>
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/49esza4eiK4&hl=ja_JP&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/49esza4eiK4&hl=ja_JP&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>
</p>
<p>
作るのがすごく大変そうですが、ひとつのアイデアをとことんやりきった感と、飽きさせない工夫と、いい感じの音楽とのシンクロが気持ちいいミュジックビデオです！
</p>]]>
    </content>
</entry>

<entry>
    <title>「Web Designing　2010年5月号」に弊社デザイナーの中野が寄稿しました。</title>
    <link rel="alternate" type="text/html" href="http://www.starryworks.co.jp/blog/news/web-designing20105.html" />
    <id>tag:www.starryworks.co.jp,2010:/blog//3.148</id>

    <published>2010-04-20T14:06:16Z</published>
    <updated>2010-04-20T15:40:45Z</updated>

    <summary> 「書かないAjax」 に中野が寄稿しました。...</summary>
    <author>
        <name>Koji Kimura</name>
        
    </author>
    
        <category term="01-news" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.starryworks.co.jp/blog/">
        <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="wd1005-shippitu.jpg" src="http://www.starryworks.co.jp/blog/img/wd1005-shippitu.jpg" width="120" height="160" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></span>
「書かないAjax」 に中野が寄稿しました。]]>
        
    </content>
</entry>

<entry>
    <title>「Web Creators　2010年5月号」に弊社制作サイトが掲載されました</title>
    <link rel="alternate" type="text/html" href="http://www.starryworks.co.jp/blog/news/web-creators20105.html" />
    <id>tag:www.starryworks.co.jp,2010:/blog//3.146</id>

    <published>2010-03-29T07:13:57Z</published>
    <updated>2010-09-04T10:27:39Z</updated>

    <summary> 「Web Creators　2010年5月号」に弊社で制作した株式会社たかアー...</summary>
    <author>
        <name>Akio Nakano</name>
        
    </author>
    
        <category term="01-news" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="media" label="media" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.starryworks.co.jp/blog/">
        <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="" src="http://www.starryworks.co.jp/blog/img/wc1005-takaart.jpg" width="120" height="160" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></span>
「Web Creators　2010年5月号」に弊社で制作した株式会社たかアート コーポレートサイトが紹介されました。<br /><br /><br />
<a href="http://www.taka-art.co.jp/" target="_blank">http://www.taka-art.co.jp/</a>]]>
        
    </content>
</entry>

<entry>
    <title>「Web Designing　2010年2月号」に代表の木村が寄稿しました。</title>
    <link rel="alternate" type="text/html" href="http://www.starryworks.co.jp/blog/news/web-designing20102.html" />
    <id>tag:www.starryworks.co.jp,2010:/blog//3.142</id>

    <published>2010-02-05T02:52:45Z</published>
    <updated>2010-02-05T02:59:13Z</updated>

    <summary> 「Ajax時代のユーザービリティ 30のポイント」 に代表の木村が寄稿しました...</summary>
    <author>
        <name>Sachi Uenishi</name>
        
    </author>
    
        <category term="01-news" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="media" label="media" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.starryworks.co.jp/blog/">
        <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="wd1002-kikou.jpg" src="http://www.starryworks.co.jp/blog/img/wd1002-kikou.jpg" width="120" height="160" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></span>
「Ajax時代のユーザービリティ 30のポイント」 に代表の木村が寄稿しました。]]>
        
    </content>
</entry>

<entry>
    <title>Max/MSP/Jitterコトハジメ</title>
    <link rel="alternate" type="text/html" href="http://www.starryworks.co.jp/blog/diary/maxmspjitter.html" />
    <id>tag:www.starryworks.co.jp,2010:/blog//3.141</id>

    <published>2010-01-11T15:01:36Z</published>
    <updated>2010-01-30T18:03:17Z</updated>

    <summary> 先日、ひっそりと少人数で開催されていたMax/MSP/Jitterを勉強する会...</summary>
    <author>
        <name>Koji Kimura</name>
        
    </author>
    
        <category term="02-Diary" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.starryworks.co.jp/blog/">
        <![CDATA[<p>
先日、ひっそりと少人数で開催されていたMax/MSP/Jitterを勉強する会に行ってきました。
</p>
<p>
自分も含め初めてMaxに触れる人が多く、とりあえず足し算してみたりHello Worldと出力してみたりというとこからのスタートでした。<br />
とりあえず音を鳴らす方法が分かって、みんながあちこちから変な音ばかり出してるとても変態的な集まりでしたが、
もともとやってた人のおもしろいパッチを見せてもらったり、Max内でブラウザを動かしてる人や、初めて触ったのにiPhoneと同期してテルミンを作ってる人もいたりして、Max/MSP/Jitterの可能性と奥の深さにワクワクしてすごく刺激的な一日でした。
</p>
<p>
で、自分は<a href="http://www.arduino.cc/" target="_blank">Arduino</a>というフィジカルコンピュティングのための便利なものを使って、Maxで作ったランダムに音を鳴らすプログラムに同期してLEDを光らすものを作ってみました。
</p>
<p>
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/i13OCpGozmk&hl=ja_JP&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/i13OCpGozmk&hl=ja_JP&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
</p>]]>
        <![CDATA[<p>
ArduinoとMaxの接続には<a href="http://digitalcoleman.blogspot.com/2009/11/maxuino-v007-for-arduino.html" target="_blank">Maxuino</a>を使いました。
Arduinoには、Arduinoのソフトから、「File」メニューの中の「Examples」→「Firmdata」→「StandardFirmdata」というスケッチをアップロードしておく必要があります。
</p>
<p>
もっと賢いやり方がいろいろありそうですが、パッチはこんな感じです。<br />
<img src="/blog/img/max01.gif" width="648" height="536" /><br />
右側の部分がArduinoに命令を送る為の処理の部分です。右下のp arduinoって書いてあるオブジェクトが<a href="http://digitalcoleman.blogspot.com/2009/11/maxuino-v007-for-arduino.html" target="_blank">Maxuino</a>です。
</p>
<p>
Maxは<a href="http://ja.wikipedia.org/wiki/OpenSound_Control" target="_blank">OSC</a>というプロトコルを使ってFlashやiPhone、Wiiリモコンとも連携させることもできます！！<br />
まだ基本的な使い方も分かっていないけど、もともと音作りが好きで、Maxではさらに映像もできるのでこれからはまってしまいそう。。。
</p>]]>
    </content>
</entry>

<entry>
    <title>インスパイアされる映像　〜アニメーション映像編（４本）〜</title>
    <link rel="alternate" type="text/html" href="http://www.starryworks.co.jp/blog/inspiration/post-23.html" />
    <id>tag:www.starryworks.co.jp,2009:/blog//3.140</id>

    <published>2009-12-13T16:23:01Z</published>
    <updated>2010-04-20T15:50:29Z</updated>

    <summary> 実写とは違い、なんでもアリのアニメーション映像。独特な雰囲気を持った作品が好き...</summary>
    <author>
        <name>Koji Kimura</name>
        
    </author>
    
        <category term="02-Movie" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="03-Inspiration" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="daftpunk" label="Daft Punk" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="inspiremovie" label="inspire movie" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="kidkoala" label="Kid Koala" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ninjatune" label="Ninja Tune" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="radionova" label="Radio NOVA" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="松本零士" label="松本零士" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.starryworks.co.jp/blog/">
        <![CDATA[<p>
実写とは違い、なんでもアリのアニメーション映像。独特な雰囲気を持った作品が好きなのでそんなやつを紹介します。
</p>
<h3>Radio NOVA - Cuba - Le Grand Mix</h3>
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/BG3KtvRkoro&hl=ja_JP&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/BG3KtvRkoro&hl=ja_JP&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>
<p>
Radio NOVAというラジオ局の映像。すごくキューバに行きたくなる、空気感が伝わってくる映像です。他にもファンクバージョンとかフォークバージョンとかいろいろある。
</p>]]>
        <![CDATA[<h3>Kid Koala - Basin Street Blues -</h3>
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/rR-i0qRHLpM&hl=ja_JP&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/rR-i0qRHLpM&hl=ja_JP&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>
<p>
Ninja Tuneの天才ターンテーブリストKid Koalaの曲のPVです。曲も映像も雰囲気がシブイ！
</p>

<h3>Red Hot Chili Peppers - Rollercoaster of Love -</h3>
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/6ATZ4afKhPk&hl=ja_JP&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6ATZ4afKhPk&hl=ja_JP&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>
<p>
Beavis and Buttheadの映画のサウンドトラックに入ってる曲です。アニメでレッチリのメンバーの動きとか表情がすごく特徴出てておもしろい。
</p>


<h3>Daft Punk - One More Time -</h3>
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/FGBhQbmPwH8&hl=ja_JP&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/FGBhQbmPwH8&hl=ja_JP&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>
<p>
誰もが知ってるDaft PunkのOne More Time。松本零士の世界とDaft Punkの音楽すごく良く合ってる。
</p>]]>
    </content>
</entry>

<entry>
    <title>FlashとWiiリモコンでテルミンを作るサンプル</title>
    <link rel="alternate" type="text/html" href="http://www.starryworks.co.jp/blog/tips/flashwii.html" />
    <id>tag:www.starryworks.co.jp,2009:/blog//3.139</id>

    <published>2009-12-13T13:42:50Z</published>
    <updated>2009-12-29T11:12:55Z</updated>

    <summary> 先日の大阪てらこで発表しようとして完成できなかったWiiリモコンのテルミンをち...</summary>
    <author>
        <name>Koji Kimura</name>
        
    </author>
    
        <category term="01-ActionScript" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="04-Tips" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="actionscript" label="ActionScript" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="flash" label="flash" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="sound" label="sound" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.starryworks.co.jp/blog/">
        <![CDATA[<p>
先日の<a href="http://teraco.jp/2009/11/22-140116.php" target="_blank">大阪てらこ</a>で発表しようとして完成できなかったWiiリモコンのテルミンをちゃんと作りました。
</p>
<p>
機能は以下のとおり。<br />
Aボタンを押し続けてる間、音が出ます。<br />
前後に傾けると音程が変わり、左右に傾けるとリングモジュレーションというエフェクトがかかるようになっています。<br />
Bボタンを押し続けてる間、音程とエフェクトの強さがロックされます。
</p>

<p>
Wiiリモコンの代わりにマウスで操作できるものも用意しました。<br />
クリックすると音がでます。<br />
マウスを上下に移動すると音程が変わり、左右に移動するとエフェクトのかかり具合が変わります。
</p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="400" height="300" id="theremin" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="/blog/flash/theremin.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#f0f0f0" />	<embed src="/blog/flash/theremin.swf" quality="high" bgcolor="#f0f0f0" width="400" height="300" name="theremin" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_jp" />
</object>]]>
        <![CDATA[<h3>WiiFlashについて</h3>
<p>
WiiリモコンとFlashの通信のために<a href="http://wiiflash.bytearray.org/">WiiFlash</a>というライブラリを使っています。これを使うと簡単にWiiリモコンと通信が出来るのですが、ある日ソフトウェアアップデートでJavaが最新版になるとMacでちゃんと動かなくなりました。（最初の１分くらいは普通に動いてその後フリーズ）
</p>

<p>
<a href="http://saqoosha.net/" target="_blank">Saqoosha</a>氏の教えてくれた<a href="http://ja.wikipedia.org/wiki/OpenSound_Control" target="_blank">OSC</a>を使う方法なら回避できそうだけど、いろいろと作り替える必要があるので、とりあえずWiiFlashを使う方法を書いておきます。<br />
ちなみにOSCを使う場合は、<a href="http://www.osculator.net/" target="_blank">OSCulator</a>ていうソフトと<a href="http://benchun.net/flosc/">flosc</a>ていうソフトと<a href="http://www.dustypixels.com/blog/2007/03/02/flosc-as3-classes/">flsocと通信するためのAS3クラス</a>を使うと良いみたい。
</p>
<p>
【参考】<br />
<a href="http://saqoosha.net/2009/10/26/1781/" target="_blank">http://saqoosha.net/2009/10/26/1781/</a><br />
<a href="http://akamatsu.org/aka/?p=670" target="_blank">http://akamatsu.org/aka/?p=670</a>
</p>

<h3>WiiFlashで簡単にWiiリモコンを入力インターフェイスとして使う</h3>
<p>
WiiFlashでWiiリモコンに接続するのはすごく簡単です。これだけ。
</p>

<pre name="code" class="as3">
var wiimote:Wiimote = new Wiimote();
wiimote.connect();
</pre>

<p>
Wiiリモコンのボタンのイベントを取得するには<em>org.wiiflash.events.ButtonEvent</em>に定義されているイベントを利用します。例えばAボタンならこんな感じです。
</p>

<pre name="code" class="as3">
//Aボタンが押されたとき
wiimote.addEventListener( ButtonEvent.A_PRESS, _onAPress );
//Aボタンが離されたとき
wiimote.addEventListener( ButtonEvent.A_RELEASE, _onARelease );
</pre>

<p>
Wiiリモコンの加速度センサー（３軸の傾きを検出できるセンサー）の値を取得するには
<em>org.wiiflash.events.WiimoteEvent</em>のUPDATEイベントを利用します。<br />傾きは<em>WiimoteEvent</em>の<em>roll</em>、<em>pitch</em>、<em>yaw</em>の３つのプロパティで取得できます。<br />
</p>

<pre name="code" class="as3">
//Aボタンが押されたとき
wiimote.addEventListener( WiimoteEvent.UPDATE, _onUpdate );

private function _onUpdate( i_event: WiimoteEvent ):void {
	trace( i_event.target.roll );
	trace( i_event.target.pitch );
	trace(  i_event.target.yaw );
}
</pre>

<p>
Wiiリモコンが振られたことを検出するときは、UPDATEイベントを利用して、上記のプロパティの値が大きく変化するのを監視する必要があります。
</p>

<p>
簡単にWiiリモコンの加速度センサーの値を取得するだけのサンプルをこちらからダウンロードできます。
<a href="www.starryworks.co.jp/blog/downloads/wii_remote.zip">wii_remote.zip （60KB）</a>
</p>

<h3>テルミンのサンプル</h3>
<p>
てらこで最後まで作れなかったテルミンを完成させたのでソースを置いておきます。<br />
<a href="http://www.starryworks.co.jp/blog/downloads/theremin.zip">theremin.zip （68KB）</a><br />
普通にアプリとして書き出したものも置いておきます。（Mac&amp;Win）<br />
<a href="http:// www.starryworks.co.jp/blog/downloads/theremin_app.zip">theremin_app.zip （7.6MB）</a><br />
</p>
<p>
※Wiiリモコンと接続するためにはWiiFlashServerというソフトを起動しておく必要があります。<br />
<a href="http://wiiflash.bytearray.org/">WiiFlashのサイト</a>の左にあるメニューの「Download」からダウンロードできます。<br />
Windowsの場合、解凍したファイルの「Servers」というフォルダにある「WiiFlashServer 0.4.5.exe」というファイルを開けばサーバーが起動します。Macの場合は「WiiFlashServerJ_2008_12_21.zip」を解凍して「WiiFlashServerJ.app」を起動すれば使えるのですが、バグがあり、数分使っていると固まります。
</p>

<h4>音の生成</h4>
<p>
ソースには「Theremin.as」と「SampleGenerator.as」の２つのクラスがあります。
</p>
<p>
<em>SampleGenerator</em>が音を生成するためのクラスです。<br />
<em>tone</em>というプロパティに0〜1の値を設定すると周波数が110（A2：真ん中から２オクターブ下のラ）から880（A5：真ん中から１オクターブ上のラ）まで変化します。<br />
<em>modulation</em>というプロパティに0〜1の値を設定するとリング変調というエフェクトがかかり具合が調整でき、0だと全くエフェクトがかからないようになります。<br />
リング変調は元の波形に別の波形を掛け合わせるもので、このサンプルでは20Hzのサイン波を２回掛け合わせたものを基本の波形に掛け合わせています。高速なトレモロエフェクトみたいな感じです。<br />
以下がサンプル生成部分のソースです。
</p>

<pre name="code" class="as3">

public static const SAMPLE_RATE:uint = 44100;	//サンプルレート
public static const PI2:Number = Math.PI * 2;	//2π。負荷軽減のため定数に
public static const BUFFER_SIZE:uint = 2048;	//バッファサイズ(2048〜8192)
public static const FREQUENCY:uint = 110;		//基本の周波数（一番低い音）
public static const MOD_FREQUENCY:uint = 20;	//リング変調の周波数


private var _tone:Number = 0;					//設定された音程の指数
private var __tone:Number = 0;				//実際の音程の指数
private var _modulation:Number = 0;			//設定されたリング変調の強さ
private var __modulation:Number = 0;			//実際のリング変調の強さ
private var _phase:Number = 0;				//位相
private var _modPhase:Number = 0;			//リング変調の位相


/*--------------------------------------------------
* サンプルの生成
--------------------------------------------------*/

private function _onSampleData( i_event:SampleDataEvent ):void  {
	
	var amp:Number, mod:Number;
	
	//バッファ処理の各サンプルごとに__toneの値を_toneの値まで近づけて滑らかに
	var toneOffset:Number = 0;
	if ( __tone != _tone ) {
		toneOffset = ( _tone - __tone ) / BUFFER_SIZE;
	}
	
	//バッファ処理の各サンプルごとに__modulationの値を_modulationの値まで近づけて滑らかに
	var modulationOffset:Number = 0;
	if ( __modulation != _modulation ) {
		modulationOffset = ( _modulation - __modulation ) / BUFFER_SIZE;
	}
	
	//バッファ
	for ( var c:uint=0; c&lt;BUFFER_SIZE; c++ ) {

		__tone += toneOffset;
		__modulation += modulationOffset;

		//__toneが0の場合はFREQUENCYそのまま、1の場合は8倍になるようにして位相の増分を計算
		_phase += PI2 * ( FREQUENCY * Math.pow( 8, __tone ) ) / SAMPLE_RATE;
		
		//基本の波形
		amp = Math.sin( _phase );
		
		//リング変調。
		_modPhase += PI2 * ( MOD_FREQUENCY ) / SAMPLE_RATE;
		mod = Math.sin(_modPhase);
		
		//リング変調の値を掛け合わせる。_modulationは変調の強さ。（modを２回かけてエフェクトを強調）
		amp = amp + ( ( ( amp *  mod * mod ) - amp ) * _modulation );
		
		//
		i_event.data.writeFloat(amp);	// 左チャネルの音
		i_event.data.writeFloat(amp);	// 右チャネルの音
		
	}
	
}

</pre>

<h4>Wiiリモコンからコントロール</h4>

<p>
<em>Theremin</em>クラスから上記の<em>SampleGenerator</em>クラスのインスタンス（サンプル中の変数名：gen）を生成して、Wiiリモコンの前後の傾き（pitch）を音程（tone）にアサインし、左右の傾き（roll）をリング変調のかかり具合（modulation）にアサインしています。
</p>

<pre name="code" class="as3">
//加速度センサーの値に変化があったとき
private function _onUpdated( i_event:WiimoteEvent ):void {
	//Bボタンが押されている場合は音程を変化させない
	if ( _wiimote.b ) return;
	
	//音程。前後に傾ければ音程が変わる。
	//だいたい-1.5〜1.5の値が返ってくるのでそれを0〜1の数値に変換
	gen.tone = ( i_event.target.pitch * -1 + 1.5 ) / 3;
	
	//モジュレーションの強さ。左右に傾ければ強くなる
	gen.modulation = Math.abs(i_event.target.roll);
}
</pre>]]>
    </content>
</entry>

<entry>
    <title>jQueryのイベントを便利に管理するプラグインを作りました / Introduction of a plugin to manage events of jQuery.</title>
    <link rel="alternate" type="text/html" href="http://www.starryworks.co.jp/blog/tips/javascript/jquery-introduction-of-a-plugin-to-manage-events-of-jquery.html" />
    <id>tag:www.starryworks.co.jp,2009:/blog//3.138</id>

    <published>2009-12-10T16:58:26Z</published>
    <updated>2010-02-25T08:48:55Z</updated>

    <summary>ajaxを使ったユーザーインターフェイスを作っていると、状況によってボタンを無効...</summary>
    <author>
        <name>Koji Kimura</name>
        
    </author>
    
        <category term="02-JavaScript" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.starryworks.co.jp/blog/">
        <![CDATA[<p>ajaxを使ったユーザーインターフェイスを作っていると、状況によってボタンを無効化したり、また有効にしたり、別の動作をさせたりしたいときがよくあります。</p>
<p>そういった場合、イベントをbindしたりunbindしたりを繰り返すのが面倒だし、コードも長くなってしまいます。</p>
<p>こんな問題を解決する為に、一時的にイベントハンドラを無効化して、後から簡単に元に戻せたり、状況に合わせて複数のイベントハンドラのグループを切り替えることができる「EventManager」というプラグインを作りました。

<p>例えば、ajaxでページネーションを行う場合、ナビゲーションの「前へ」のボタンは前のコンテンツがもうないときはマウスオーバーやクリックのイベント処理を一時停止しておき、「次へ」がクリックされて、「前へ」のボタンを有効にする必要が出て来たときに、一時停止しておいたイベント処理を復活させることができます。</p>

<p class="en">
I made a plugin to manage events of jQuery. The plugin makes it easy to disable the event handlers temporary and enable them again.
</p>]]>
        <![CDATA[<h3>使い方 / How to use</h3>
<p>
使い方は簡単です。以下のように「stopEvents」というメソッドを実行すると全てのイベント処理が一時停止されます。<br />
（「SomeSelector」の部分は対象となる要素を選択するセレクタに書き換えてください。）<br />
特定のタイプのイベントだけを指定する場合は「stopEvents("click mouseover")」のように引数でイベントタイプの文字列を指定することができます。（複数指定する場合は半角スペースで区切る）
</p>

 <p class="en">
It's easy to use, just call the stopEvents () method to turn the all event handlers off. If you want to specify the types of event, pass the types of event as a string argument.
</p>


<p><pre name="code" class="js">
$("SomeSelector").stopEvents();
</pre></p>

<p>
一時停止したイベント処理を復活させるには以下のように「resumeEvents」というメソッドを実行します。stopEvents」と同様に引数でイベントのタイプを指定することもできます。
</p>

 <p class="en">
To turn the event handlers on again, use the resumeEvents() method.
</p>

<p><pre name="code" class="js">
$("SomeSelector").resumeEvents();
</pre></p>

<p>
また、現在バインドされている複数のイベントハンドラの状態を名前を付けて保存しておき、後からいつでもロードできる機能もあります。現在の状態を保存するには以下のように「saveEventSet」メソッドを利用します。<br />
（「NameOfEventSet」の部分は分かり易い名前を付けます）
</p>

<p class="en">
You can also save all binded event handlers with a name. use saveEventSet() method like below.
</p>


<p><pre name="code" class="js">
$("SomeSelector").saveEventSet("NameOfEventSet");
</pre></p>


<p>
上記のように名前を付けて保存しておいたイベントセットをロードするには「loadEventSet」メソッドを利用します。
</p>

 <p class="en">
You can load named event set by using loadEventSet() method.
</p>

<p><pre name="code" class="js">
$("SomeSelector").loadEventSet("NameOfEventSet");
</pre></p>

<h3>デモ / Demo</h3>
<p>
こちらにデモを用意しました。<br />
<a href="http://lab.starryworks.jp/js/eventmanager/demo.html" target="_blank">http://lab.starryworks.jp/js/eventmanager/demo.html</a>
</p>

<h3>簡易ドキュメント / Document</h3>
<p>
簡単なドキュメントも用意しました。<br />
<a href="http://lab.starryworks.jp/js/eventmanager/docs.html" target="_blank">http://lab.starryworks.jp/js/eventmanager/docs.html</a>
</p>

<h3>ライセンス / Lisence</h3>
<p>
MITライセンスです。個人でも商用でも無料で利用可能です。<br />このスクリプトの利用により直接的または間接的に生じたいかなる損害に関しても、その責任を負いません。<br />まだまだ未熟者の書いたスクリプトなのでバグやおかしな書き方してる部分などあれば、是非コメントください。</p>
<p class="en">
lisenced under MIT lisence.<br />
Please leave a comment if you have any request  or find bugs.
</p>

<h3>ダウンロード / Download</h3>
<p>
<a href="http://lab.starryworks.jp/js/eventmanager/eventmanager.zip">eventmanager.zip ( 8KB )</a>
</p>

</p>]]>
    </content>
</entry>

<entry>
    <title>年末年始の営業について</title>
    <link rel="alternate" type="text/html" href="http://www.starryworks.co.jp/blog/news/post-22.html" />
    <id>tag:www.starryworks.co.jp,2009:/blog//3.137</id>

    <published>2009-12-07T12:34:42Z</published>
    <updated>2010-04-28T02:30:07Z</updated>

    <summary> 平素は、格別のご高配を賜り、厚く御礼申し上げます。 さて、弊社の年末年始の営業...</summary>
    <author>
        <name>Koji Kimura</name>
        
    </author>
    
        <category term="01-news" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.starryworks.co.jp/blog/">
        <![CDATA[<p>
平素は、格別のご高配を賜り、厚く御礼申し上げます。
さて、弊社の年末年始の営業に関しまして、下記の通りご案内させていただきます。
</p>
<p align="center">記</p>
<p>
休業期間：<br />
2009年12月26日（土曜日）〜 2010年1月3日（日曜日）<br />
2010年1月4日（月曜日）からは通常通りの営業となります。
</p>
<p>
期間中は何かとご迷惑をお掛けいたしますが、何卒ご了承の程お願い申し上げます。
来年も変わらぬご愛顧の程、よろしくお願い申し上げます。
</p>]]>
        
    </content>
</entry>

</feed>

