<?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>collisions.doppac.cc &#187; info</title>
	<atom:link href="http://collisions.doppac.cc/archives/category/info/feed" rel="self" type="application/rss+xml" />
	<link>http://collisions.doppac.cc</link>
	<description>dotimpactの興味と関心の最新情報</description>
	<lastBuildDate>Thu, 27 Oct 2011 06:09:55 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>第22回HTML5とか勉強会で発表しました</title>
		<link>http://collisions.doppac.cc/archives/467</link>
		<comments>http://collisions.doppac.cc/archives/467#comments</comments>
		<pubDate>Thu, 27 Oct 2011 05:55:28 +0000</pubDate>
		<dc:creator>dotimpact</dc:creator>
				<category><![CDATA[info]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://collisions.doppac.cc/?p=467</guid>
		<description><![CDATA[■依頼いただく縁がありまして、第22回 HTML5とか勉強会で「Processing.jsってなんだ？」というタイトルで発表をしました。こういった発表はひさしぶりだったり準備不足だったのもあり個人的には反省しきりで見ていただいたかたがた（USTやってたのもあとから知りました）にお楽しみいただけか心配なのですが…ひとまず資料を公開しておきます。 第22回 HTML5とか勉強会発表「Processing.jsってなんだ？」発表資料 ChromeまたはSafariでご覧ください（bccks readerと同じものです） キー(カーゾル←→/jk/np/スペース）でページが進んだり戻ったりします processing.jsのまざったページは最後のとこにあります 宮沢賢治「雨ニモマケズ」のテキストは青空文庫から転載させていただきました 発表内でこのプレゼンシートもBCCKSでつくってます、というようなことを言ったのでやや誤解されてしまったようですが、BCCKSのサービスでプレゼン資料に向いたデータ作れたりするという意味ではないです。Keynoteでつくったページを画像に書きだして、見開きの画像として貼り付けただけですのであしからず（もちろんそういったスタイルをつくることもできそうですが、BCCKSはそういうサービスはしないかな…）。 あと発表の最後におまけで見せたProcessing.jsをページに埋め込むものも僕が勝手に実験としてつくったものなのでBCCKSでそういった機能ができるというわけはない、ということを念を押しておきます。]]></description>
			<content:encoded><![CDATA[				<p><img style="display:block; margin-left:auto; margin-right:auto;" src="http://collisions.doppac.cc/wp-content/uploads/2011/10/スクリーンショット-2011-10-27-14.23.29.png" alt="スクリーンショット 2011 10 27 14 23 29" title="スクリーンショット 2011-10-27 14.23.29.png" border="0" width="600" height="437" /></p>
				
				<p>■依頼いただく縁がありまして、第22回 HTML5とか勉強会で「Processing.jsってなんだ？」というタイトルで発表をしました。こういった発表はひさしぶりだったり準備不足だったのもあり個人的には反省しきりで見ていただいたかたがた（USTやってたのもあとから知りました）にお楽しみいただけか心配なのですが…ひとまず資料を公開しておきます。</p>
				
				<ul>
				<li> <a href="javascript:window.open('http://dotimpact.heteml.jp/work/html5/reader_b6.html', '第22回 HTML5とか勉強会発表「Processing.jsってなんだ？」', 'width=944, height=688, menubar=no, toolbar=no, scrollbars=no'); return false;">第22回 HTML5とか勉強会発表「Processing.jsってなんだ？」発表資料</a>
				<ul>
				<li>ChromeまたはSafariでご覧ください（bccks readerと同じものです）</li>
				<li>キー(カーゾル←→/jk/np/スペース）でページが進んだり戻ったりします</li>
				<li>processing.jsのまざったページは最後のとこにあります</li>
				<li>宮沢賢治「雨ニモマケズ」のテキストは<a href="http://www.aozora.gr.jp/cards/000081/files/45630_23908.html">青空文庫</a>から転載させていただきました</li>
				</ul>
				</li></ul>
				
				<p>発表内でこのプレゼンシートもBCCKSでつくってます、というようなことを言ったのでやや誤解されてしまったようですが、BCCKSのサービスでプレゼン資料に向いたデータ作れたりするという意味ではないです。Keynoteでつくったページを画像に書きだして、見開きの画像として貼り付けただけですのであしからず（もちろんそういったスタイルをつくることもできそうですが、BCCKSはそういうサービスはしないかな…）。</p>
				
				<p>あと発表の最後におまけで見せたProcessing.jsをページに埋め込むものも僕が勝手に実験としてつくったものなのでBCCKSでそういった機能ができるというわけはない、ということを念を押しておきます。</p>
]]></content:encoded>
			<wfw:commentRss>http://collisions.doppac.cc/archives/467/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>あたらしいBCCKSエディタでだれでも「本」が作れるようになりました</title>
		<link>http://collisions.doppac.cc/archives/460</link>
		<comments>http://collisions.doppac.cc/archives/460#comments</comments>
		<pubDate>Mon, 24 Oct 2011 18:07:14 +0000</pubDate>
		<dc:creator>dotimpact</dc:creator>
				<category><![CDATA[info]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[BCCKS]]></category>

		<guid isPermaLink="false">http://collisions.doppac.cc/?p=460</guid>
		<description><![CDATA[■ようやく、というほかないのですがようやく、長らく開発していたあたらしいBCCKSで本を編集・出版するためのブラウザ上エディタを一般リリースしました。6月の発表会でのロードマップからはやや遅れつつも、無料ユーザーがだれでも本を編集・発行でき、そうして出版された本をだれでも好きな方法で快適に読むことができる、というあたらしいBCCKSのサービスのコアが立ち上がったことになります。今後も有料出版機能とかプリントオンデマンド機能とか進めていて間に合ってない機能はたくさんあるのですが、ひとまずいろんなかたに本を出版してみていただければと思います。 http://bccks.jp/ BCCKSのサービス概要はこちらのFacebookページがわかりやすいです 本づくりの参考書 BCCKSエディタで作れる本のフォーマットの紹介や、編集のヒントをまとめた本です。 BCCKSエディタをはじめて使うさいに参考になるように、この本は自分の書斎でコピーして編集データをのぞけるようになっています。発行された本と見比べて参考にしてみてください。 BCCKSでの本の作り方ムービー BCCKSエディタの使いかたをまとめた動画です。やや長いですが、エントリ単位の文章の編集やジャケットの作りかた、発行までの操作を順を追って紹介しているので、エディタの使いかたがよくわからないときは観てみてください。 ■僕はWeb用リーダーに引き続きエディタのJavaScriptによるUI一式と編集関連のバックエンドの開発を担当しております。いま世の中にある電子書籍出版Webサービスの多くは（たぶん）ブログエンジンベースで、各ページの編集はいわゆるブログエントリーを執筆するのとほぼ同じUIが採用されていますが、BCCKSではより「編集」という作業にフォーカスするために、むしろTogetterやStorifyの編集画面に近いアプローチで、テキストや画像のエレメントを並び替えたりスタイルを変えたりしながらプレビューページを自分の意に沿うよう変化させていく編集作業ができるエディタUIを果敢にもゼロから構築しました。エディタ画面をみてただけるとわかるのですが、今後エディタ右端に検索ペインが追加され、twitter、facebookほか自分の他サービスコンテンツや、転載許諾されたBCCKS内のエントリを本に自由に取りこめるような仕組みを導入してく予定です。 これまでのBCCKSには直感的に操作できるという意味では非常に優れたエディタがあり、それと比較して今回のエディタに違和感がある方は多いでしょうし、通常のブログエディタのようにテキスト修飾や画像挿入が自由に出来たほうが楽だという意見もありそうで、もちろんBCCKSとしてもこれ以外ないと考えてるわけでもないのですが、縦書きベースのリフローコンテンツをWeb技術で直感的に編集するUI、というのは世の中的にもかなり前人未到で、すぐにでき上がったりしないだろうなとも思っており（最終的にはInDesign on Webでいいのかもしれませんが、縦書きのインライン変換をはじめとする技術的な難関もふくめ開発パワー的に無理なので、今回はとにかくInDesingを目指したら負け、というスタンスで進めております）、ひとまず形になってある程度快適に使えるエディタを仕上げたのでいろんな人に触れていただいて意見をいただければなーと。個人的には先行モニターとしてつかっていただいた suge™ さんの「はじめてHTML覚えて、emacsで書いてはブラウザで確認って繰り返してwebのレイアウトをちまちまいじってた頃の楽しさがある。」という意見に共感しつつ、やや手間はあっても手をかけたデータが「発行」される小気味よさを伸ばしていけたらいいなと思っています。 ちなみにjs的にもDnD API / File API / FormData Post / textareaダイナミックハイライトなどなど、できそうなことはなるべくつっこんだ感じのつくりになっておりますので、試しにでも触っていただけるとうれしいです。]]></description>
			<content:encoded><![CDATA[				<p><img style="display:block; margin-left:auto; margin-right:auto;" src="http://collisions.doppac.cc/wp-content/uploads/2011/10/editor.png" alt="Editor" title="editor.png" border="0" width="600" height="267" /></p>
				
				<p>■ようやく、というほかないのですがようやく、長らく開発していたあたらしいBCCKSで本を編集・出版するためのブラウザ上エディタを一般リリースしました。6月の発表会でのロードマップからはやや遅れつつも、無料ユーザーがだれでも本を編集・発行でき、そうして出版された本をだれでも好きな方法で快適に読むことができる、というあたらしいBCCKSのサービスのコアが立ち上がったことになります。今後も有料出版機能とかプリントオンデマンド機能とか進めていて間に合ってない機能はたくさんあるのですが、ひとまずいろんなかたに本を出版してみていただければと思います。</p>
				
				<ul>
				<li><a href="http://bccks.jp">http://bccks.jp/</a>
				
				<ul>
				<li>BCCKSのサービス概要はこちらの<a href="http://www.facebook.com/BCCKS?sk=app_265926730096044">Facebookページ</a>がわかりやすいです</li>
				</ul></li>
				<li><a href="http://bccks.jp/bcck/100524/info">本づくりの参考書</a>
				
				<ul>
				<li>BCCKSエディタで作れる本のフォーマットの紹介や、編集のヒントをまとめた本です。</li>
				<li>BCCKSエディタをはじめて使うさいに参考になるように、この本は自分の書斎でコピーして編集データをのぞけるようになっています。発行された本と見比べて参考にしてみてください。</li>
				</ul></li>
				<li><a href="http://www.youtube.com/watch?v=0X8GYLBo2dY">BCCKSでの本の作り方ムービー</a>
				
				<ul>
				<li>BCCKSエディタの使いかたをまとめた動画です。やや長いですが、エントリ単位の文章の編集やジャケットの作りかた、発行までの操作を順を追って紹介しているので、エディタの使いかたがよくわからないときは観てみてください。</li>
				</ul></li>
				</ul>
				
				<p>■僕はWeb用リーダーに引き続きエディタのJavaScriptによるUI一式と編集関連のバックエンドの開発を担当しております。いま世の中にある電子書籍出版Webサービスの多くは（たぶん）ブログエンジンベースで、各ページの編集はいわゆるブログエントリーを執筆するのとほぼ同じUIが採用されていますが、BCCKSではより「編集」という作業にフォーカスするために、むしろ<a href="http://togetter.com/">Togetter</a>や<a href="http://storify.com/">Storify</a>の編集画面に近いアプローチで、テキストや画像のエレメントを並び替えたりスタイルを変えたりしながらプレビューページを自分の意に沿うよう変化させていく編集作業ができるエディタUIを果敢にもゼロから構築しました。エディタ画面をみてただけるとわかるのですが、今後エディタ右端に検索ペインが追加され、twitter、facebookほか自分の他サービスコンテンツや、転載許諾されたBCCKS内のエントリを本に自由に取りこめるような仕組みを導入してく予定です。</p>
				
				<p>これまでのBCCKSには直感的に操作できるという意味では非常に優れたエディタがあり、それと比較して今回のエディタに違和感がある方は多いでしょうし、通常のブログエディタのようにテキスト修飾や画像挿入が自由に出来たほうが楽だという意見もありそうで、もちろんBCCKSとしてもこれ以外ないと考えてるわけでもないのですが、縦書きベースのリフローコンテンツをWeb技術で直感的に編集するUI、というのは世の中的にもかなり前人未到で、すぐにでき上がったりしないだろうなとも思っており（最終的にはInDesign on Webでいいのかもしれませんが、縦書きのインライン変換をはじめとする技術的な難関もふくめ開発パワー的に無理なので、今回はとにかくInDesingを目指したら負け、というスタンスで進めております）、ひとまず形になってある程度快適に使えるエディタを仕上げたのでいろんな人に触れていただいて意見をいただければなーと。個人的には先行モニターとしてつかっていただいた <a href="http://twitter.com/#!/ssuge">suge™</a> さんの「<a href="http://twitter.com/#!/ssuge/status/116146729631494144">はじめてHTML覚えて、emacsで書いてはブラウザで確認って繰り返してwebのレイアウトをちまちまいじってた頃の楽しさがある。</a>」という意見に共感しつつ、やや手間はあっても手をかけたデータが「発行」される小気味よさを伸ばしていけたらいいなと思っています。</p>
				
				<p>ちなみにjs的にもDnD API / File API / FormData Post / textareaダイナミックハイライトなどなど、できそうなことはなるべくつっこんだ感じのつくりになっておりますので、試しにでも触っていただけるとうれしいです。</p>
]]></content:encoded>
			<wfw:commentRss>http://collisions.doppac.cc/archives/460/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>『Processing アニメーションプログラミング入門』（技術評論社 7/15発売）を書きました</title>
		<link>http://collisions.doppac.cc/archives/455</link>
		<comments>http://collisions.doppac.cc/archives/455#comments</comments>
		<pubDate>Sat, 09 Jul 2011 23:09:49 +0000</pubDate>
		<dc:creator>dotimpact</dc:creator>
				<category><![CDATA[info]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[work]]></category>
		<category><![CDATA[技評Processing本]]></category>

		<guid isPermaLink="false">http://collisions.doppac.cc/?p=455</guid>
		<description><![CDATA[■なんどか版を変えつつご愛顧いただいているtakachin君との共著『Built with Processing』（BNN新社）につづいて、こんどは技術評論社からProcessingの本を出させていただくことになりました。今回も「プログラミングはしらない、むしろ苦手、でもプログラムでできる表現は興味あるし、むしろやりたい」といったかたに向けた入門書となっています。7月15日（あたり）発売です。 Processing アニメーションプログラミング入門 240ページ 単行本（ソフトカバー） ISBN: 477414715X / 978-4774147154 著者: 田中孝太郎 出版社: 技術評論社 価格: ￥ 3,360 Amazonの情報 技術評論社の情報（目次、ページサンプルがあります） Facebookページ Processingの入門書というどうにも狭いジャンルで同じ著者がなんさつも本を出すのにはわりと抵抗感があったのですが、編集さんからのすすめもあり、BwPではできなかったことをふくめ、スタンスや打ち出しを変えた別のかたちの入門書にできないかなというのが個人的なチャレンジでした。具体的には、つぎのような方針を立てました。 CD-ROMにサンプルプログラムを付属し、未完成のひな形プログラムを読者が修正・追加してサンプルを完成させながらプログラムを学んでいくレッスン形式の構成にする（これは編集さんのオファー） 本の最後の段階で、あるていどの規模からなる完結した（「作品」と呼べるくらいの）プログラム作品が完成する 各ステップでのサンプルプログラムは、最終的にできあがるプログラム作品の途中段階としてそれぞれで完結したプログラムにする プログラムの説明をするためだけの便宜的な章やサンプルプログラムを〔極力）用意せず、すべてのサンプルや解説を最終的なプログラム作品の部分として機能するものとして構成する オブジェクト指向を実践的に盛り込んだ内容にする 個性的なイラストレーターを起用して、本文図版やサンプルプログラムの素材をたくさん用意して楽しい紙面にする みたいな感じです。 ゲームプログラム本などではサンプルのゲーム作品をひな形サンプルから完成させていくような内容の入門書がよくありますけども、だいたいは序盤でプログラムの座学をへて、（それとは分離された）実践編にうつる感じの構成のものが多いみたいでした（ちがうのもあったらすいません。教えてください）。そうじゃなくて、「ゼロからプログラムを学びつつサンプルを打ち込んでいると、いつのまにか作品が完成する」みたいな本ができないかなーというのが考えていたところでした。いやそれはさすがにムリなんですけども、ひとつのパターンとしてゼロからはじめてあるていどの規模のプログラム作品を完成させるプロセスが疑似体験できるような内容にはできたかなと思っています。 で、どんな感じのサンプルを作る本かというと、こんな感じです。 完成プログラム作品（java applet) &#8211; java appletに書き出しているため、OSや環境によっては重かったりするかもしれません ご覧いただいて明らかなとおりで、今回はサンプルプログラムのキャラクターデザインや本文図版制作などを土壁綾さんに全面的にご協力いただきました。　土壁さんの不思議ビビッドイラストがサンプルや本文に満載なのでこれだけでも新鮮で楽しい本になっております。内容的にもBwPではあまり盛り込めなかった図解を多くしてとっつきやすくしたつもりです。 冒頭の方針を満たすステップの構成とサンプルの内容のすり合わせがかなり大変で、サンプルを修正するとその後のすべてのサンプルに影響するあたりが地獄だったりして（震災の影響も多少あり）、当初去年の夏に出すはずが一年遅れてしまいましたがようやく刊行にたどりつきました。書店でぜひ手にとってみてください！ あと今回実験的にFacebookページを設置してみたので情報共有や質問などにお使いくださいませ（本内の誤記や不具合がもしあったらこちらにお知らせください）。 『Processing アニメーションプログラミング入門』Facebookページ]]></description>
			<content:encoded><![CDATA[				<p>■なんどか版を変えつつご愛顧いただいている<a href="http://generative.info/">takachin</a>君との共著『<a href="http://www.amazon.co.jp/gp/product/4861007070/ref=as_li_ss_tl?ie=UTF8&amp;tag=dotimpact-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=4861007070">Built with Processing</a>』（BNN新社）につづいて、こんどは技術評論社からProcessingの本を出させていただくことになりました。今回も「<strong>プログラミングはしらない、むしろ苦手、でもプログラムでできる表現は興味あるし、むしろやりたい</strong>」といったかたに向けた入門書となっています。7月15日（あたり）発売です。</p>
				
				<div style="width: 150px; heigth:200px; float:left;">
				<a href="http://www.amazon.co.jp/gp/product/477414715X/ref=as_li_ss_il?ie=UTF8&#038;tag=dotimpact-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=477414715X"><img border="0" src="http://ws.assoc-amazon.jp/widgets/q?_encoding=UTF8&#038;Format=_SL160_&#038;ASIN=477414715X&#038;MarketPlace=JP&#038;ID=AsinImage&#038;WS=1&#038;tag=kaisokukagaku-22&#038;ServiceVersion=20070822" /></a><img src="http://www.assoc-amazon.jp/e/ir?t=&#038;l=as2&#038;o=9&#038;a=477414715X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
				</div>
				
				<ul>
				<li><p><a href="http://www.amazon.co.jp/gp/product/477414715X/ref=as_li_ss_il?ie=UTF8&amp;tag=dotimpact-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=477414715X">Processing アニメーションプログラミング入門</a></p>
				
				<ul>
				<li>240ページ 単行本（ソフトカバー） ISBN: 477414715X / 978-4774147154</li>
				<li>著者: 田中孝太郎</li>
				<li>出版社: 技術評論社</li>
				<li>価格: ￥ 3,360</li>
				<li><a href="http://www.amazon.co.jp/gp/product/477414715X/ref=as_li_ss_tl?ie=UTF8&amp;tag=dotimpact-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=477414715X">Amazonの情報</a></li>
				<li><a href="http://gihyo.jp/book/2011/978-4-7741-4715-4">技術評論社の情報</a>（目次、ページサンプルがあります）</li>
				<li><a href="http://www.facebook.com/pages/Processing-%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%85%A5%E9%96%80/216444971726160?sk=wall">Facebookページ</a>
				<br clear="both" /></li>
				</ul></li>
				</ul>
				
				<p>Processingの入門書というどうにも狭いジャンルで同じ著者がなんさつも本を出すのにはわりと抵抗感があったのですが、編集さんからのすすめもあり、BwPではできなかったことをふくめ、スタンスや打ち出しを変えた別のかたちの入門書にできないかなというのが個人的なチャレンジでした。具体的には、つぎのような方針を立てました。</p>
				
				<ul>
				<li>CD-ROMにサンプルプログラムを付属し、未完成のひな形プログラムを読者が修正・追加してサンプルを完成させながらプログラムを学んでいくレッスン形式の構成にする（これは編集さんのオファー）</li>
				<li>本の最後の段階で、あるていどの規模からなる完結した（「作品」と呼べるくらいの）プログラム作品が完成する</li>
				<li>各ステップでのサンプルプログラムは、最終的にできあがるプログラム作品の途中段階としてそれぞれで完結したプログラムにする</li>
				<li>プログラムの説明をするためだけの便宜的な章やサンプルプログラムを〔極力）用意せず、すべてのサンプルや解説を最終的なプログラム作品の部分として機能するものとして構成する</li>
				<li>オブジェクト指向を実践的に盛り込んだ内容にする</li>
				<li>個性的なイラストレーターを起用して、本文図版やサンプルプログラムの素材をたくさん用意して楽しい紙面にする</li>
				</ul>
				
				<p>みたいな感じです。</p>
				
				<p>ゲームプログラム本などではサンプルのゲーム作品をひな形サンプルから完成させていくような内容の入門書がよくありますけども、だいたいは序盤でプログラムの座学をへて、（それとは分離された）実践編にうつる感じの構成のものが多いみたいでした（ちがうのもあったらすいません。教えてください）。そうじゃなくて、「<strong>ゼロからプログラムを学びつつサンプルを打ち込んでいると、いつのまにか作品が完成する</strong>」みたいな本ができないかなーというのが考えていたところでした。いやそれはさすがにムリなんですけども、ひとつのパターンとしてゼロからはじめてあるていどの規模のプログラム作品を完成させるプロセスが疑似体験できるような内容にはできたかなと思っています。</p>
				
				<p>で、どんな感じのサンプルを作る本かというと、こんな感じです。</p>
				
				<div style="text-align:center;">
				<iframe width="425" height="349" src="http://www.youtube.com/embed/gehO-MdHmQQ" frameborder="0" allowfullscreen></iframe>
				</div>
				
				<ul>
				<li><a href="http://work.doppac.cc/gihyo_sample/applet/index.html">完成プログラム作品（java applet)</a>
				&#8211; java appletに書き出しているため、OSや環境によっては重かったりするかもしれません</li>
				</ul>
				
				<p>ご覧いただいて明らかなとおりで、今回はサンプルプログラムのキャラクターデザインや本文図版制作などを<a href="http://www.monyomonyo.net/">土壁綾</a>さんに全面的にご協力いただきました。　土壁さんの不思議ビビッドイラストがサンプルや本文に満載なのでこれだけでも新鮮で楽しい本になっております。内容的にもBwPではあまり盛り込めなかった図解を多くしてとっつきやすくしたつもりです。</p>
				
				<p>冒頭の方針を満たすステップの構成とサンプルの内容のすり合わせがかなり大変で、サンプルを修正するとその後のすべてのサンプルに影響するあたりが地獄だったりして（震災の影響も多少あり）、当初去年の夏に出すはずが一年遅れてしまいましたがようやく刊行にたどりつきました。書店でぜひ手にとってみてください！</p>
				
				<p>あと今回実験的にFacebookページを設置してみたので情報共有や質問などにお使いくださいませ（本内の誤記や不具合がもしあったらこちらにお知らせください）。</p>
				
				<ul>
				<li><a href="http://www.facebook.com/pages/Processing-%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%85%A5%E9%96%80/216444971726160?sk=wall">『Processing アニメーションプログラミング入門』Facebookページ</a></li>
				</ul>
]]></content:encoded>
			<wfw:commentRss>http://collisions.doppac.cc/archives/455/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>あたらしいBCCKS発表会とEPUB3.0とbxmlについて</title>
		<link>http://collisions.doppac.cc/archives/436</link>
		<comments>http://collisions.doppac.cc/archives/436#comments</comments>
		<pubDate>Thu, 09 Jun 2011 05:54:44 +0000</pubDate>
		<dc:creator>dotimpact</dc:creator>
				<category><![CDATA[event]]></category>
		<category><![CDATA[info]]></category>
		<category><![CDATA[BCCKS]]></category>

		<guid isPermaLink="false">http://collisions.doppac.cc/?p=436</guid>
		<description><![CDATA[■もう一週間経ってしまいましたが、６月２日におこなわれた「あたらしいBCCKS」記者発表会にご参加いただいたみなさま、UstreamやTwitterでご高覧いただいたみなさまありがとうございました。前回のエントリを書いた時点ではあんまりそういう予定ではなかったんですが、発表会第二部では僕が開発担当している部分（bxmlというフォーマットの中身、BCCKSリーダーの機能などについて）をわりと詳細に紹介しつつ、BCCKSのCTO（今後は共同代表となることも発表されました）たけなかさんとEPUB(3.0)との関係や今後の電子書籍技術の共存のありかたなどについてこうしたい、こうなってほしいという話をしました。当日の発表資料、Ustreamのアーカイブ、Togetterや、いくつかの媒体での記事もまとまっているのであらためてどうぞ。 当日の発表資料 第一部、第二部ともに発表資料自体がbxmlのコンテンツになっていて、PCのBCCKSリーダーで見る形になっております 「第一部　あたらしいブックスについて」Ustreamアーカイブ 松本弦人さんによるあたらしいBCCKSの概要説明（27分あたり） 開発版iPad/Androidアプリの実動デモ（50分あたり） 開発版エディタによるブック編集、発行、デバイスリーダー同期の実演（1:05分あたり） なぜかメイドコスプレの司会進行（なぜか快快主宰のYONちゃん） 「第二部　bxmlフォーマットの互換性と拡張性について」Ustreamアーカイブ あたらしいBCCKS発表会まとめ（Togetter） 「美しいレイアウトで良い読書体験を」オンライン出版サイト『BCCKS』が新リーダー等を発表（ガジェット通信） 電子書籍作成「BCCKS」新サービス、EPUB拡張仕様でページレイアウトを実現（Internet Watch) TRANSIT : BCCKS発表会　新しい出版のかたち ■さて、あまりそういう予定ではなかったのに第二部でフォーマットとリーダーの特徴や仕様の話をくわしくしたのは、EPUB3.0の仕様確定が間近なのもあって、電子書籍において「独自フォーマット」「独自拡張」「専用リーダー」といった言葉がそれだけでもういわゆるガラパゴス行きの船のように聞こえてしまうのではないか、と思ったためです（発表そのものも「この発表は『いま、独自規格ってどうなの？』がテーマです」というとこから始めました）。 というわけで、あたらしいBCCKSがイメージする電子書籍を実現するためにつくっている「bxml」というフォーマットが、とくに事実上デファクトとすべきEPUBとどういう関係にあり、どう拡張していて、それはEPUBユーザーにとってどう見えるのかという話が第二部の発表だったのですが、やはりまだ心配なのでここでも説明したいなーと思った次第です。要点でいうと３つになります。 （現状の）EPUBの仕様では満足できる組版、ページレイアウトが実現できなそう ■EPUB3.0の中身はHTML + CSS(2.1 + 3.0少々)なので、Webページでなんでもデザインできるという意味ではなんでもデザイン可能なのですけど、「ページネートする」「リフローする」「組版のルールを（最低限）守る」という３つの条件をのせると途端にむずかしくなり、仕様が足りていないのかなというのが実情だと思っています。でしかも、むしろ一般にはこの３条件を満たすもののことを「電子書籍」と呼びたく、商品価値を感じるのではないかというのが前のエントリに書いた僕個人の問題意識です。 もちろんCSSで組版やページレイアウトを実現する仕様はたくさん提案、議論されてるようですし（ページネートについてはどうなんだろう？　印刷CSS系の仕様？　あまり知らないので知ってたら教えてください）、EPUBにもいずれ採択され、リーダーにも実装されていくのは間違いないと思ってるんですけど、現状でどうにかするには拡張するしかないかなと思いました。 なので、EPUB3.0の仕様の枠内でページレイアウトの情報を付加する独自仕様を埋め込む ■bxmlがEPUBの仕様とどこを共有し、どこに独特の仕様をいれているのかについては発表で触れているので発表資料とかUSTアーカイブを見ていただけるとうれしいです。簡単にいうと、 bxmlでは、コンテンツHTMLがsectionタグ（html5で導入されるドキュメントのセクショニングをおこなうためのタグ名ですな）で文節され、それぞれのsectionに「ページレイアウトスタイル」が指定されていることを前提とする 「ページレイアウトスタイル」は、「ページレイアウトCSS」と呼んでいる独自のスタイルシートに指定されていて、BCCKS readerはこのページレイアウトCSSでのレイアウトをもとに、section単位のコンテンツをページネート、リフローしながらレンダリングする という感じです。現状マークアップの指定やページレイアウトCSSの仕様については固まっていない部分もあるのですが、仕様拡張の方針はこんな感じでいけるのかなと思っています。 なので、bxmlはEPUBとしても読める（予定） ■ここ重要なとこです（というか、「そこ重要なとこなんだからもっと強調したほうがよかったのでは」と発表後に言われました）。bxmlとわれわれが呼んでいるものはコンテナの構造とコンテンツのフォーマット(HTML5)においてEPUB3.0と同一なので、bxml用のページレイアウトCSSと別に、EPUBリーダーでのスタイリングを行うためのCSSを同梱すれば、うまくすればたとえば拡張子を変えればEPUBリーダーでも読めるデータになりうるだろうと考えています。ただ、EPUB3.0の仕様は完全に決まっていないので決まったらあらためて（今後のバージョンアップに関する議論も参考にしながら）すり合わせないといけないのと、実際に読めるかどうかはEPUB（3.0の、しかも挙動が微妙に違うさまざまな）リーダーでの実証を経なければならないですね。なので、現状だと「互換」とは言えないし言わないようにしよう、と思っています。 ■発表の締めの言葉は「だから…仲良くしていきましょう！」としていたんですけど、bxmlはEPUBが推進しているような電子書籍フォーマットの標準化、ユニバーサル化、オープン化とかを無視するつもりはさらさらない一方、いまの日本語の紙の書籍文化がつちかった組版やレイアウトルール、本を本たらしめるデザインをスポイルしたくないという気持ちが強いというかなり変な独自フォーマットだと言えると思います。世の中には「紙の本のデザインや体験に縛られすぎるのはどうか」的な先進的な意見もすくなからずあるので、ここまで独自wwwな試みがうまくいくのかよくわかりませんし、もっと普通にPDFが勝利、とかWebで無料で広告が勝利、みたいなシナリオもいぜん可能性高いわけですけど、そのへんも含めて仲良くしていけるとよいと思ってます。仲良くしていきましょう！！]]></description>
			<content:encoded><![CDATA[				<p><img style="display:block; margin-left:auto; margin-right:auto;" src="http://collisions.doppac.cc/wp-content/uploads/2011/06/jacket_h1.jpeg" alt="Jacket h1" title="jacket_h1.jpeg" border="0" width="360" height="600" /></p>
				
				<p>■もう一週間経ってしまいましたが、６月２日におこなわれた「あたらしいBCCKS」記者発表会にご参加いただいたみなさま、UstreamやTwitterでご高覧いただいたみなさまありがとうございました。<a href="http://collisions.doppac.cc/archives/421">前回のエントリ</a>を書いた時点ではあんまりそういう予定ではなかったんですが、発表会第二部では僕が開発担当している部分（bxmlというフォーマットの中身、BCCKSリーダーの機能などについて）をわりと詳細に紹介しつつ、BCCKSのCTO（今後は共同代表となることも発表されました）たけなかさんとEPUB(3.0)との関係や今後の電子書籍技術の共存のありかたなどについてこうしたい、こうなってほしいという話をしました。当日の発表資料、Ustreamのアーカイブ、Togetterや、いくつかの媒体での記事もまとまっているのであらためてどうぞ。</p>
				
				<ul>
				<li><a href="http://labs.bccks.jp/">当日の発表資料</a>
				
				<ul>
				<li>第一部、第二部ともに発表資料自体がbxmlのコンテンツになっていて、PCのBCCKSリーダーで見る形になっております</li>
				</ul></li>
				<li><a href="http://www.ustream.tv/recorded/15112093/highlight/176607">「第一部　あたらしいブックスについて」Ustreamアーカイブ</a>
				
				<ul>
				<li>松本弦人さんによるあたらしいBCCKSの概要説明（27分あたり）</li>
				<li>開発版iPad/Androidアプリの実動デモ（50分あたり）</li>
				<li>開発版エディタによるブック編集、発行、デバイスリーダー同期の実演（1:05分あたり）</li>
				<li>なぜかメイドコスプレの司会進行（なぜか<a href="http://faifai.tv/faifai-web/">快快</a>主宰のYONちゃん）</li>
				</ul></li>
				<li><p><a href="http://www.ustream.tv/recorded/15113223/highlight/176610">「第二部　bxmlフォーマットの互換性と拡張性について」Ustreamアーカイブ</a></p></li>
				<li><p><a href="http://togetter.com/li/143750">あたらしいBCCKS発表会まとめ（Togetter）</a></p></li>
				<li><a href="http://getnews.jp/archives/120080">「美しいレイアウトで良い読書体験を」オンライン出版サイト『BCCKS』が新リーダー等を発表（ガジェット通信）</a></li>
				<li><a href="http://internet.watch.impress.co.jp/docs/news/20110603_450451.html">電子書籍作成「BCCKS」新サービス、EPUB拡張仕様でページレイアウトを実現（Internet Watch)</a></li>
				<li><a href="http://www.transit.ne.jp/contents/info/2011/06/post-133.php">TRANSIT : BCCKS発表会　新しい出版のかたち</a></li>
				</ul>
				
				<p>■さて、あまりそういう予定ではなかったのに第二部でフォーマットとリーダーの特徴や仕様の話をくわしくしたのは、EPUB3.0の仕様確定が間近なのもあって、電子書籍において「独自フォーマット」「独自拡張」「専用リーダー」といった言葉がそれだけでもういわゆるガラパゴス行きの船のように聞こえてしまうのではないか、と思ったためです（発表そのものも「この発表は<em>『いま、独自規格ってどうなの？』</em>がテーマです」というとこから始めました）。</p>
				
				<p>というわけで、あたらしいBCCKSがイメージする電子書籍を実現するためにつくっている「bxml」というフォーマットが、とくに事実上デファクトとすべきEPUBとどういう関係にあり、どう拡張していて、それはEPUBユーザーにとってどう見えるのかという話が第二部の発表だったのですが、やはりまだ心配なのでここでも説明したいなーと思った次第です。要点でいうと３つになります。</p>
				
				<hr />
				
				<h1>（現状の）EPUBの仕様では満足できる組版、ページレイアウトが実現できなそう</h1>
				
				<p>■EPUB3.0の中身はHTML + CSS(2.1 + 3.0少々)なので、Webページでなんでもデザインできるという意味ではなんでもデザイン可能なのですけど、「ページネートする」「リフローする」「組版のルールを（最低限）守る」という３つの条件をのせると途端にむずかしくなり、仕様が足りていないのかなというのが実情だと思っています。でしかも、むしろ一般にはこの３条件を満たすもののことを「電子書籍」と呼びたく、商品価値を感じるのではないかというのが<a href="http://collisions.doppac.cc/archives/421">前のエントリ</a>に書いた僕個人の問題意識です。</p>
				
				<p>もちろんCSSで組版やページレイアウトを実現する仕様はたくさん提案、議論されてるようですし（ページネートについてはどうなんだろう？　印刷CSS系の仕様？　あまり知らないので知ってたら教えてください）、EPUBにもいずれ採択され、リーダーにも実装されていくのは間違いないと思ってるんですけど、現状でどうにかするには拡張するしかないかなと思いました。</p>
				
				<h1>なので、EPUB3.0の仕様の枠内でページレイアウトの情報を付加する独自仕様を埋め込む</h1>
				
				<p>■bxmlがEPUBの仕様とどこを共有し、どこに独特の仕様をいれているのかについては発表で触れているので発表資料とかUSTアーカイブを見ていただけるとうれしいです。簡単にいうと、</p>
				
				<ul>
				<li>bxmlでは、コンテンツHTMLがsectionタグ（html5で導入されるドキュメントのセクショニングをおこなうためのタグ名ですな）で文節され、それぞれのsectionに「ページレイアウトスタイル」が指定されていることを前提とする</li>
				<li>「ページレイアウトスタイル」は、「ページレイアウトCSS」と呼んでいる独自のスタイルシートに指定されていて、BCCKS readerはこのページレイアウトCSSでのレイアウトをもとに、section単位のコンテンツをページネート、リフローしながらレンダリングする</li>
				</ul>
				
				<p>という感じです。現状マークアップの指定やページレイアウトCSSの仕様については固まっていない部分もあるのですが、仕様拡張の方針はこんな感じでいけるのかなと思っています。</p>
				
				<h1>なので、bxmlはEPUBとしても読める（予定）</h1>
				
				<p>■ここ重要なとこです（というか、「そこ重要なとこなんだからもっと強調したほうがよかったのでは」と発表後に言われました）。bxmlとわれわれが呼んでいるものはコンテナの構造とコンテンツのフォーマット(HTML5)においてEPUB3.0と同一なので、bxml用のページレイアウトCSSと別に、EPUBリーダーでのスタイリングを行うためのCSSを同梱すれば、うまくすればたとえば拡張子を変えればEPUBリーダーでも読めるデータになりうるだろうと考えています。ただ、EPUB3.0の仕様は完全に決まっていないので決まったらあらためて（今後のバージョンアップに関する議論も参考にしながら）すり合わせないといけないのと、実際に読めるかどうかはEPUB（3.0の、しかも挙動が微妙に違うさまざまな）リーダーでの実証を経なければならないですね。なので、現状だと「互換」とは言えないし言わないようにしよう、と思っています。</p>
				
				<hr />
				
				<p>■発表の締めの言葉は「だから…仲良くしていきましょう！」としていたんですけど、bxmlはEPUBが推進しているような電子書籍フォーマットの標準化、ユニバーサル化、オープン化とかを無視するつもりはさらさらない一方、いまの日本語の紙の書籍文化がつちかった組版やレイアウトルール、本を本たらしめるデザインをスポイルしたくないという気持ちが強いというかなり変な独自フォーマットだと言えると思います。世の中には「紙の本のデザインや体験に縛られすぎるのはどうか」的な先進的な意見もすくなからずあるので、ここまで独自wwwな試みがうまくいくのかよくわかりませんし、もっと普通にPDFが勝利、とかWebで無料で広告が勝利、みたいなシナリオもいぜん可能性高いわけですけど、そのへんも含めて仲良くしていけるとよいと思ってます。仲良くしていきましょう！！</p>
]]></content:encoded>
			<wfw:commentRss>http://collisions.doppac.cc/archives/436/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>あたらしいBCCKSと電子書籍リーダー</title>
		<link>http://collisions.doppac.cc/archives/421</link>
		<comments>http://collisions.doppac.cc/archives/421#comments</comments>
		<pubDate>Fri, 13 May 2011 10:54:41 +0000</pubDate>
		<dc:creator>dotimpact</dc:creator>
				<category><![CDATA[info]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[BCCKS]]></category>

		<guid isPermaLink="false">http://collisions.doppac.cc/?p=421</guid>
		<description><![CDATA[■去年の夏ごろから開発スタッフとして参加しているBCCKSのマルチデバイス対応リニューアルプロジェクトでつくっているものが、なんとかようやく発表できる段階となり、6/2の発表会をひかえてそのあたらしいBCCKSでつくられた「本」をPCリーダーで読めるサンプルが公開されました。田中はこのPCリーダーの縦書組版をふくむレイアウトエンジンの実装や、新しいブックデータのフォーマット検討作業、あとサービス側のエディタなどもろもろを担当しております。ていうかまだ終わってないんですけどね。 あたらしいBCCKSリーダー ※ちなみにWindows環境のかたはできればSafariで、フォント表示設定を「Wndows標準」から変更したうえで見ていただけるとベターです。 さらにIPAフォントをインストールしておいたりするとモアベターです。こんな感じになります 計画とサービスの全容については発表会でみっちり発表されるはずなので6/2をお待ちいただければと思うんですけども、僕が担当してる電子書籍リーダーの技術方面については実際に開発にかかわってみて個人的に考えたところもあるので勝手に書きつけておこうと思います。 ■電子書籍というものがすでにある音楽や映像の電子流通とやや事情がことなるところに、一般に「書籍」というものに、たんなるデータではなく「データを表象するデザイン」が期待されているという点があります。本質的にはデータストリームである音声や映像などとことなり、書籍はデータとしての内容が必要なのは当然ながらも、その可読性や内容の価値を説得するデザインやパッケージングがしつらえられて初めてそれなりの商品価値が生まれるのであり、もっというと商品価値に相応するデザインやパッケージングがなされた状態のもののことをわれわれは「書籍」と呼ぶことが多いはずです。 この「書籍」なるものにたいする期待に応えるべくいわゆる電子書籍やそのリーダーアプリケーションは提供されなければならないわけですけども、さらに困難なことに「書籍のデザイン」とされるものはそう単純なものではなく、いくつものレイヤーでのデザインが集約されていなければなりません。その最たるものが書籍における「ページ単位のデザイン」と「ドキュメント単位のデザイン」の関係です。このうち「ドキュメント単位のデザイン」については、htmlのマークアップとcssによるスタイリングというある程度枯れたWeb技術があり、現在本命といわれているリフロー型電子書籍フォーマットとされているものはどれもhtml+cssを採用してドキュメントをデザインしていますが、このドキュメント単位でデザインされたコンテンツにどうやって「ページ単位のデザイン」を定義すべきか、という問題については、現状の電子書籍技術およびWeb技術はミドルウェアどころかノウハウも蓄積されていないんじゃないだろうか、ということを僕は今回電子書籍リーダーを作りながら考えていました。Webの世界ではスクロールバーがあれば解決できていたことだからです。 電子書籍にスクロールバーがあったらいけないか、ということについては議論の余地がありますが、すくなくとも現状の「書籍」にたいする期待に添うものとは言えないでしょう。そして、立体物、物質としての魅力をもたない電子書籍にとって、唯一「書籍」としての商品性を主張できるのが「ページ単位でのデザイン」になるはずです。またそれは読書のインターフェイスとしての機能性（どんなデバイスでも最適に読めるとか、文字の大きさが変えられるだとか）もあわせもつ必要があり、しかもレンダリングをWebコンポーネントにおまかせできずドキュメントのパースから画像や文字のプロット、レンダリングまでをすべて面倒見る必要があるため技術的な難易度も高い〔面倒くさい）。電子書籍とそのリーダーにおけるページデザイン／レンダリングはおそらく最も重要な技術になりますが、たとえば現在策定中のEPUB3.0のドラフトを見ても、ページ単位でのデザイン、スタイリングに対する仕様や議論はほとんど出てこないように見えます（そこまで精読してるわけじゃないのであったら教えてください。あるいはEPUBは汎用の刊行物コンテナの仕様なので特定のビューに対する議論はしないみたいな方針なんでしょうか）。 というわけで、あたらしいBCCKSでは、リフローときれいなページレイアウトを両立させるべく、htmlの特定のマークアップパターンで分割されたテキストブロックごとに、版面設定、エレメントのページへの配置スタイルなどのページレイアウトスタイルを定義する独自仕様のスタイルシートを用意する、独自フォーマットを使用することにしました。独自フォーマットといってもコンテナの仕様はEPUB互換なので、EPUBリーダーむけスタイルシートを用意することでEPUBリーダーでも読むことができるものになる予定です。もちろん各デバイススクリーンの寸法や解像度に合わせたページレイアウトを多重定義して、それぞれに最適なページデザインでのレンダリングを行うiPhone/iPad/Androidアプリも開発中です（こっちは僕の担当ではないですが）。 今回開発にたずさわって書籍デザインのキモについてはじめて知ったり実感したことも多いのですけど、本のページデザインというのは、版面（はんづら：ページの中で組版を行う矩形領域）とそこに流れる本文サイズと行間というものをかなり固いルールとしてさまざまな条件を考慮して設計し、文字や写真をこの版面の矩形をなるべく満たすように配置しながら時にはずしたりすることで基調を保ちながら本としてのリズムをつくるところにあるのだそうです。こういうことはできるようにしてほしい、という条件を組み込んでようやくスタイルをテストできるようにしたリーダーをつい先日ご存知スタジオボイスを廃刊に追い込んだ前科二犯のグラフィックデザイナーこと松本弦人さんに渡したところあっというまにできてきたのが公開されてるサンプルブックです。 これを最初に見せてもらったときはテキストが「本」にデザインされるこういうことかーと思いました。この仕組みでの他のデザイナーの「本」がどうなるのかも見てみたいですなー。 まだサービスとして一般公開するには開発の難関をいく山か越えねばならないのですが、ひとまず6/2の発表会をご期待くださいませ！]]></description>
			<content:encoded><![CDATA[				<p><img src="http://collisions.doppac.cc/wp-content/uploads/2011/05/bccks_reader.png" alt="bccks_reader" title="bccks_reader.png" border="0" width="600" height="514" style="display:block; margin-left:auto; margin-right:auto;" /></p>
				
				<p>■去年の夏ごろから開発スタッフとして参加している<a href="http://bccks.jp/">BCCKS</a>のマルチデバイス対応リニューアルプロジェクトでつくっているものが、なんとかようやく発表できる段階となり、<a href="http://enq.bccks.jp/wZBp5QkG2DKZseGi/">6/2の発表会</a>をひかえてそのあたらしいBCCKSでつくられた「本」をPCリーダーで読めるサンプルが公開されました。田中はこのPCリーダーの縦書組版をふくむレイアウトエンジンの実装や、新しいブックデータのフォーマット検討作業、あとサービス側のエディタなどもろもろを担当しております。ていうかまだ終わってないんですけどね。</p>
				
				<ul>
				<li><a href="http://labs.bccks.jp/">あたらしいBCCKSリーダー</a>
				
				<ul>
				<li>※ちなみにWindows環境のかたはできればSafariで、フォント表示設定を「Wndows標準」から変更したうえで見ていただけるとベターです。</li>
				<li>さらにIPAフォントをインストールしておいたりするとモアベターです。<a href="http://dl.dropbox.com/u/5872168/vista_safari_aa_ipa1.png">こんな感じになります</a></li>
				</ul></li>
				</ul>
				
				<p>計画とサービスの全容については発表会でみっちり発表されるはずなので6/2をお待ちいただければと思うんですけども、僕が担当してる電子書籍リーダーの技術方面については実際に開発にかかわってみて個人的に考えたところもあるので勝手に書きつけておこうと思います。</p>
				
				<p>■電子書籍というものがすでにある音楽や映像の電子流通とやや事情がことなるところに、一般に「書籍」というものに、たんなるデータではなく「データを表象するデザイン」が期待されているという点があります。本質的にはデータストリームである音声や映像などとことなり、書籍はデータとしての内容が必要なのは当然ながらも、その可読性や内容の価値を説得するデザインやパッケージングがしつらえられて初めてそれなりの商品価値が生まれるのであり、もっというと商品価値に相応するデザインやパッケージングがなされた状態のもののことをわれわれは「書籍」と呼ぶことが多いはずです。</p>
				
				<p>この「書籍」なるものにたいする期待に応えるべくいわゆる電子書籍やそのリーダーアプリケーションは提供されなければならないわけですけども、さらに困難なことに「書籍のデザイン」とされるものはそう単純なものではなく、いくつものレイヤーでのデザインが集約されていなければなりません。その最たるものが書籍における「ページ単位のデザイン」と「ドキュメント単位のデザイン」の関係です。このうち「ドキュメント単位のデザイン」については、htmlのマークアップとcssによるスタイリングというある程度枯れたWeb技術があり、現在本命といわれているリフロー型電子書籍フォーマットとされているものはどれもhtml+cssを採用してドキュメントをデザインしていますが、このドキュメント単位でデザインされたコンテンツにどうやって「ページ単位のデザイン」を定義すべきか、という問題については、現状の電子書籍技術およびWeb技術はミドルウェアどころかノウハウも蓄積されていないんじゃないだろうか、ということを僕は今回電子書籍リーダーを作りながら考えていました。Webの世界ではスクロールバーがあれば解決できていたことだからです。</p>
				
				<p>電子書籍にスクロールバーがあったらいけないか、ということについては議論の余地がありますが、すくなくとも現状の「書籍」にたいする期待に添うものとは言えないでしょう。そして、立体物、物質としての魅力をもたない電子書籍にとって、唯一「書籍」としての商品性を主張できるのが「ページ単位でのデザイン」になるはずです。またそれは読書のインターフェイスとしての機能性（どんなデバイスでも最適に読めるとか、文字の大きさが変えられるだとか）もあわせもつ必要があり、しかもレンダリングをWebコンポーネントにおまかせできずドキュメントのパースから画像や文字のプロット、レンダリングまでをすべて面倒見る必要があるため技術的な難易度も高い〔面倒くさい）。電子書籍とそのリーダーにおけるページデザイン／レンダリングはおそらく最も重要な技術になりますが、たとえば現在策定中のEPUB3.0のドラフトを見ても、ページ単位でのデザイン、スタイリングに対する仕様や議論はほとんど出てこないように見えます（そこまで精読してるわけじゃないのであったら教えてください。あるいはEPUBは汎用の刊行物コンテナの仕様なので特定のビューに対する議論はしないみたいな方針なんでしょうか）。</p>
				
				<p>というわけで、あたらしいBCCKSでは、リフローときれいなページレイアウトを両立させるべく、htmlの特定のマークアップパターンで分割されたテキストブロックごとに、版面設定、エレメントのページへの配置スタイルなどのページレイアウトスタイルを定義する独自仕様のスタイルシートを用意する、独自フォーマットを使用することにしました。独自フォーマットといってもコンテナの仕様はEPUB互換なので、EPUBリーダーむけスタイルシートを用意することでEPUBリーダーでも読むことができるものになる予定です。もちろん各デバイススクリーンの寸法や解像度に合わせたページレイアウトを多重定義して、それぞれに最適なページデザインでのレンダリングを行うiPhone/iPad/Androidアプリも開発中です（こっちは僕の担当ではないですが）。</p>
				
				<p>今回開発にたずさわって書籍デザインのキモについてはじめて知ったり実感したことも多いのですけど、本のページデザインというのは、版面（はんづら：ページの中で組版を行う矩形領域）とそこに流れる本文サイズと行間というものをかなり固いルールとしてさまざまな条件を考慮して設計し、文字や写真をこの版面の矩形をなるべく満たすように配置しながら時にはずしたりすることで基調を保ちながら本としてのリズムをつくるところにあるのだそうです。こういうことはできるようにしてほしい、という条件を組み込んでようやくスタイルをテストできるようにしたリーダーをつい先日ご存知<a href="http://twitter.com/#!/nabetanne/status/58370251863240704">スタジオボイスを廃刊に追い込んだ前科二犯のグラフィックデザイナー</a>こと松本弦人さんに渡したところあっというまにできてきたのが公開されてるサンプルブックです。</p>
				
				<p><img style="display:block; margin-left:auto; margin-right:auto;" src="http://collisions.doppac.cc/wp-content/uploads/2011/05/bccks_reader2.png" alt="bccks reader" title="bccks_reader2.png" border="0" width="600" height="514" /></p>
				
				<p>これを最初に見せてもらったときはテキストが「本」にデザインされるこういうことかーと思いました。この仕組みでの他のデザイナーの「本」がどうなるのかも見てみたいですなー。</p>
				
				<p>まだサービスとして一般公開するには開発の難関をいく山か越えねばならないのですが、ひとまず<a href="http://enq.bccks.jp/wZBp5QkG2DKZseGi/">6/2の発表会をご期待くださいませ！</a></p>
]]></content:encoded>
			<wfw:commentRss>http://collisions.doppac.cc/archives/421/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ブックス文庫を使って授業課題の「本」をつくりました</title>
		<link>http://collisions.doppac.cc/archives/411</link>
		<comments>http://collisions.doppac.cc/archives/411#comments</comments>
		<pubDate>Sat, 23 Oct 2010 15:24:46 +0000</pubDate>
		<dc:creator>dotimpact</dc:creator>
				<category><![CDATA[info]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://collisions.doppac.cc/?p=411</guid>
		<description><![CDATA[■9月末から10月にかけて、女子美の一年生後期授業「コンピュータ実習B」を担当しておりました。学生は2組80名超、週4日なんで講師も4人2日づつというハードな授業が先日なんとか終了したところですが、この授業のなかで、現在BCCKSがクローズドベータで運営しているオンデマンド出版サービス「bccksBunko（ブックス文庫）」を使った作品集を使う課題をしましたのでせっかくなのでレポートしておきます。 ブックス文庫についてはサイトのほうを見てもらえればわかりますが、「文庫サイズモノクロ48ページ、1冊525円から出版可能！！」という、いわゆってしまえばいわゆるオンデマンド出版サービスですね。電書だ自炊だとやたらと「紙の本」がおとしめられがちな世の中ではありますが、BCCKSの場合は「もともとオンラインでコンテンツをつくれるサービスだったのに、いまから紙をはじめる」という、時流の逆行ぶりがただごとではないサービスとして提供されようとしているわけです。ちなみにクローズドベータは第一期モニターが受付完了していて、今後も時期をみて増員されたりするみたいです。今回はBCCKSさんに授業課題での使用をご理解いただいて特別にモニター参加させていただいています。 ブックス文庫むけの課題としては今回、学生全員に「Looking Into a Drawing」というタイトルで、「ある風景の写真と、その風景の一部をその場でドローイングしてその絵と風景がつながるようにかざしながら撮った写真とを並べる」というルールの写真を制作してもらいました。これは講師の一人である西本太郎さんがアイデアとして紹介してくれたflickrグループの「Looking Into the Past」（昔の写真と同じ地点で撮った写真を公開するグループ）をアレンジしたものです。学生には各自テーマを決めてこのルールの写真を連作してもらい、BCCKSの本として編集してもらってもいますが、ブックス文庫には各自そのなかから1枚づつ提出してもらって、それぞれを見開き裁ち落としのレイアウトで配置した写真集になっております。BCCKS側での編集、出版の作業は助手やら講師やらでおこない、バグに遭遇したりしてバタバタしつつも10/10に出版完了し、10/16には無事に届いて10/18の授業最終日に学生に配布することができました。ちなみに今回160pまでのプランでカラー/カバーありで95冊発注したので、1冊1,922円になりました。 オンラインのブックはこちらで見られます。出版したブックはそのまま販売もできるんですが、授業の本は印税が誰に入るべきか微妙なんで販売はしておりません。 実際に使ってみて、こうした授業だとかワークショップのたぐいなどで、ブックス文庫をアウトプットにするのはかなり使えるんではないかなーと思いました。ブックス文庫の印刷や製本、レイアウトの「本物の本」感については天然文庫を購入するなりして実際に手で確かめてみていただきたいですけど、たとえば１日くらいでBCCKSで作成したポートフォリオやプロジェクトドキュメントが、１週間そこそこ後にこの形ででてくるというスピード感までふくめたコストパフォーマンスは驚異的だなと。授業を構成するうえで課題の最終的な落としどころというのは結構迷ったり困ったりするものなのですが（やりすぎると授業時間内に終わらずそのために出校したりとか大変だったりする…）、その意味でブックス文庫のまとめやすさと仕上がりの充実感はすばらしいものがあります。そのあたりお悩みのかたがいたら検討してみたらいかがでしょうか。 ちなみに今（というか今日まで）開催中の女子美祭の授業課題展示にて、このブックス文庫も展示されているのでお寄りのさいはお手に取ってみてくださいませ。]]></description>
			<content:encoded><![CDATA[				<div class="img_R"><img src="http://collisions.doppac.cc/wp-content/uploads/2010/10/bunko.jpg" alt="bunko.jpg" border="0" width="250" height="335" /></div>
				
				<p>■9月末から10月にかけて、女子美の一年生後期授業「コンピュータ実習B」を担当しておりました。学生は2組80名超、週4日なんで講師も4人2日づつというハードな授業が先日なんとか終了したところですが、この授業のなかで、現在<a href="http://bccks.jp/">BCCKS</a>がクローズドベータで運営しているオンデマンド出版サービス「<a href="http://bunko.bccks.jp/">bccksBunko（ブックス文庫）</a>」を使った作品集を使う課題をしましたのでせっかくなのでレポートしておきます。</p>
				
				<p>ブックス文庫についてはサイトのほうを見てもらえればわかりますが、「文庫サイズモノクロ48ページ、1冊525円から出版可能！！」という、いわゆってしまえばいわゆるオンデマンド出版サービスですね。電書だ自炊だとやたらと「紙の本」がおとしめられがちな世の中ではありますが、BCCKSの場合は「もともとオンラインでコンテンツをつくれるサービスだったのに、いまから紙をはじめる」という、時流の逆行ぶりがただごとではないサービスとして提供されようとしているわけです。ちなみにクローズドベータは第一期モニターが受付完了していて、今後も時期をみて増員されたりするみたいです。今回はBCCKSさんに授業課題での使用をご理解いただいて特別にモニター参加させていただいています。</p>
				
				<p>ブックス文庫むけの課題としては今回、学生全員に「Looking Into a Drawing」というタイトルで、「ある風景の写真と、その風景の一部をその場でドローイングしてその絵と風景がつながるようにかざしながら撮った写真とを並べる」というルールの写真を制作してもらいました。これは講師の一人である<a href="http://taro.st/">西本太郎</a>さんがアイデアとして紹介してくれたflickrグループの「<a href="http://www.flickr.com/groups/lookingintothepast/">Looking Into the Past</a>」（昔の写真と同じ地点で撮った写真を公開するグループ）をアレンジしたものです。学生には各自テーマを決めてこのルールの写真を連作してもらい、BCCKSの本として編集してもらってもいますが、ブックス文庫には各自そのなかから1枚づつ提出してもらって、それぞれを見開き裁ち落としのレイアウトで配置した写真集になっております。BCCKS側での編集、出版の作業は助手やら講師やらでおこない、バグに遭遇したりしてバタバタしつつも10/10に出版完了し、10/16には無事に届いて10/18の授業最終日に学生に配布することができました。ちなみに今回160pまでのプランでカラー/カバーありで95冊発注したので、1冊1,922円になりました。</p>
				
				<p>オンラインのブックはこちらで見られます。出版したブックはそのまま販売もできるんですが、授業の本は印税が誰に入るべきか微妙なんで販売はしておりません。</p>
				
				<script type="text/javascript" src="http://bccks.jp/bcck/35289/widget?size=1&#038;auto_flip=false"></script>
				
				<p>実際に使ってみて、こうした授業だとかワークショップのたぐいなどで、ブックス文庫をアウトプットにするのはかなり使えるんではないかなーと思いました。ブックス文庫の印刷や製本、レイアウトの「本物の本」感については<a href="http://bunko.bccks.jp/">天然文庫</a>を購入するなりして実際に手で確かめてみていただきたいですけど、たとえば１日くらいでBCCKSで作成したポートフォリオやプロジェクトドキュメントが、１週間そこそこ後にこの形ででてくるというスピード感までふくめたコストパフォーマンスは驚異的だなと。授業を構成するうえで課題の最終的な落としどころというのは結構迷ったり困ったりするものなのですが（やりすぎると授業時間内に終わらずそのために出校したりとか大変だったりする…）、その意味でブックス文庫のまとめやすさと仕上がりの充実感はすばらしいものがあります。そのあたりお悩みのかたがいたら検討してみたらいかがでしょうか。</p>
				
				<p>ちなみに今（というか今日まで）開催中の女子美祭の授業課題展示にて、このブックス文庫も展示されているのでお寄りのさいはお手に取ってみてくださいませ。</p>
]]></content:encoded>
			<wfw:commentRss>http://collisions.doppac.cc/archives/411/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>「PAC-MAN展」のために「顕微鏡パックマン（Microscopic PAC-MAN）」を制作しました</title>
		<link>http://collisions.doppac.cc/archives/404</link>
		<comments>http://collisions.doppac.cc/archives/404#comments</comments>
		<pubDate>Fri, 01 Oct 2010 19:08:01 +0000</pubDate>
		<dc:creator>dotimpact</dc:creator>
				<category><![CDATA[event]]></category>
		<category><![CDATA[exhibition]]></category>
		<category><![CDATA[info]]></category>

		<guid isPermaLink="false">http://collisions.doppac.cc/?p=404</guid>
		<description><![CDATA[■いわずとしれたナムコの看板ビデオゲーム「パックマン」の生誕30周年を記念するパックマン30周年プロジェクトの一環として開催されるAll about パックマン的な博覧イベント「PAC-MAN展」のインスタレーションのひとつとして、「顕微鏡パックマン　Microscopic PAC-MAN」という作品を制作しました。 PAC-MAN展 80&#8242;s to 10&#8242;s ゲーム＆カルチャー 2010年10月2日（土）〜10月11日（月・祝） 無料 アーツ千代田 3331 その名の通り、モーレツに小さいディスプレイで表示されたオリジナルパックマンを、顕微鏡で10倍〜くらいに拡大して覗きながらプレイすることができる、という作品です。ポケットプロジェクタを加工して1cm角くらいの液晶にVGAでゲーム画面を表示してるので、1439 PPIくらい？（計算まちがってなければ）の映像でしょうか。world smallest pacmanに解像度では勝ってるな。 企画は単純だったのですが制作は試行錯誤と展示プランの二転三転をへてようやく形になりました。XRGB-3のdot by dot mode2（ゲーム映像を等倍表示できる機能）が9月にリリースされると聞いたときには神のおぼしめしかと思ったんですが、XGBは基板のビデオ映像は内部的にVGAまでは拡大してフレームを持っているらしく（憶測）、パックマンのオリジナル解像度といわれる224×288にはできませんできず残念。そこまでいけるとよかったんですが。 ゲームとしては普通にプレイできるので、ズームしたりフォーカスを外してみたりしながら遊んでみてください。あと他の展示もおそらく二度と観られない実動品やら資料やらがたくさんあるのでかなりおすすめなイベントなってますよ。ぜひぜひ遊びに来られるととよいと思います。 あとTEE PARTYでいかすパックマンTも販売中ですヨ。]]></description>
			<content:encoded><![CDATA[				<p><img class="img_R" src="http://collisions.doppac.cc/wp-content/uploads/2010/10/IMG_0284.jpg" alt="IMG_0284.jpg" border="0" width="300" height="300" /></p>
				
				<p>■いわずとしれたナムコの看板ビデオゲーム「パックマン」の生誕30周年を記念するパックマン30周年プロジェクトの一環として開催されるAll about パックマン的な博覧イベント「PAC-MAN展」のインスタレーションのひとつとして、「顕微鏡パックマン　Microscopic PAC-MAN」という作品を制作しました。</p>
				
				<ul>
				<li><a href="http://pacman.com/ja/exhibition/index.html">PAC-MAN展 80&#8242;s to 10&#8242;s ゲーム＆カルチャー</a></li>
				<li>2010年10月2日（土）〜10月11日（月・祝）</li>
				<li>無料</li>
				<li><a href="http://www.3331.jp/">アーツ千代田 3331</a></li>
				</ul>
				
				<p>その名の通り、モーレツに小さいディスプレイで表示されたオリジナルパックマンを、顕微鏡で10倍〜くらいに拡大して覗きながらプレイすることができる、という作品です。ポケットプロジェクタを加工して1cm角くらいの液晶にVGAでゲーム画面を表示してるので、1439 PPIくらい？（計算まちがってなければ）の映像でしょうか。<a href="http://www.guimp.com/pacman_flash.html">world smallest pacman</a>に解像度では勝ってるな。</p>
				
				<p>企画は単純だったのですが制作は試行錯誤と展示プランの二転三転をへてようやく形になりました。<a href="http://www.micomsoft.co.jp/cgi-bin/develop/diary.cgi?no=11">XRGB-3のdot by dot mode2</a>（ゲーム映像を等倍表示できる機能）が9月にリリースされると聞いたときには神のおぼしめしかと思ったんですが、XGBは基板のビデオ映像は内部的にVGAまでは拡大してフレームを持っているらしく（憶測）、パックマンのオリジナル解像度といわれる224×288にはできませんできず残念。そこまでいけるとよかったんですが。</p>
				
				<p>ゲームとしては普通にプレイできるので、ズームしたりフォーカスを外してみたりしながら遊んでみてください。あと他の展示もおそらく二度と観られない実動品やら資料やらがたくさんあるのでかなりおすすめなイベントなってますよ。ぜひぜひ遊びに来られるととよいと思います。</p>
				
				<p>あと<a href="https://teeparty.jp/">TEE PARTY</a>でいかすパックマンTも販売中ですヨ。
				<div style="float:left;">
				<script type='text/javascript' charset='utf-8' src='http://teeparty.jp/user_data/packages/teeparty/js/blogparts.js?4241'></script>
				</div><div style="float:left;">
				<script type='text/javascript' charset='utf-8' src='http://teeparty.jp/user_data/packages/teeparty/js/blogparts.js?4248'></script>
				</div><div style="float:left;">
				<script type='text/javascript' charset='utf-8' src='http://teeparty.jp/user_data/packages/teeparty/js/blogparts.js?4239'></script>
				</div></p>
]]></content:encoded>
			<wfw:commentRss>http://collisions.doppac.cc/archives/404/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>「Built with Processing [1.x対応版]」は6月上旬発売です</title>
		<link>http://collisions.doppac.cc/archives/350</link>
		<comments>http://collisions.doppac.cc/archives/350#comments</comments>
		<pubDate>Fri, 28 May 2010 16:57:27 +0000</pubDate>
		<dc:creator>dotimpact</dc:creator>
				<category><![CDATA[info]]></category>
		<category><![CDATA[processing]]></category>

		<guid isPermaLink="false">http://collisions.doppac.cc/?p=350</guid>
		<description><![CDATA[■長らく品切れ状態でご迷惑をおかけしておりました「Built with Processing」ですが、Processing自体の正式リリースもされたということで、内容を再構成・加筆訂正のうえ、新しい章を追加した「Ver 1.x対応版」として再刊行させていただくことになりました。かんぜんに新学期を乗り越した6月上旬にまんをじしてリリースです！ 細かいスペックや目次などはAmazonを見ていただければと思いますので、今版の見どころを挙げておきますと、 増ページ（240 → 288）！ 装丁、本文のデザインが全部変わった！ でも安くなった（3,570 → 2,940）！！ Ver1.x対応 Ver1.1公開に合わせて、変更になった部分など解説を修正しました。PShape, PVector, XMLなどVer1以降で追加された標準クラスはサンプルを用意して解説しています Processing.jsも触れてるよ ハイレベルな開発情報も扱っています Eclipseでの開発、ソースコードのビルド、バグ報告など、パワーユーザー向けの情報も詳しく解説しています といったあたりでしょうか。とりあえず教科書が品切れで困っていた学生さんはもちろん（値下げ断行はBNNさんの血のでるような努力の甲斐あってのものです…）、すでに旧版をお持ちの方も手に取っていただけるとうれしいです！]]></description>
			<content:encoded><![CDATA[				<div style="text-align:center;"><img src="http://collisions.doppac.cc/wp-content/uploads/2010/05/title.png" alt="title.png" border="0" width="600" height="182" /></div>
				
				<div style="padding: 30px 120px;" class="img_R">
				<iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&#038;bc1=FFFFFF&#038;IS2=1&#038;bg1=FFFFFF&#038;fc1=000000&#038;lc1=0000FF&#038;t=dotimpact-22&#038;o=9&#038;p=8&#038;l=as1&#038;m=amazon&#038;f=ifr&#038;md=1X69VDGQCMF7Z30FM082&#038;asins=4861007070" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
				</div>
				
				<p>■長らく品切れ状態でご迷惑をおかけしておりました「Built with Processing」ですが、Processing自体の正式リリースもされたということで、内容を再構成・加筆訂正のうえ、新しい章を追加した「Ver 1.x対応版」として再刊行させていただくことになりました。かんぜんに新学期を乗り越した6月上旬にまんをじしてリリースです！</p>
				
				<p>細かいスペックや目次などは<a href="http://www.amazon.co.jp/gp/product/toc/4861007070/ref=dp_toc?ie=UTF8&amp;n=465392">Amazonを見ていただければ</a>と思いますので、今版の見どころを挙げておきますと、</p>
				
				<ul>
				<li>増ページ（240 → 288）！</li>
				<li>装丁、本文のデザインが全部変わった！</li>
				<li>でも安くなった（3,570 → 2,940）！！</li>
				<li>Ver1.x対応
				
				<ul>
				<li>Ver1.1公開に合わせて、変更になった部分など解説を修正しました。PShape, PVector, XMLなどVer1以降で追加された標準クラスはサンプルを用意して解説しています</li>
				</ul></li>
				<li>Processing.jsも触れてるよ</li>
				<li>ハイレベルな開発情報も扱っています
				
				<ul>
				<li>Eclipseでの開発、ソースコードのビルド、バグ報告など、パワーユーザー向けの情報も詳しく解説しています</li>
				</ul></li>
				</ul>
				
				<p>といったあたりでしょうか。とりあえず教科書が品切れで困っていた学生さんはもちろん（値下げ断行はBNNさんの血のでるような努力の甲斐あってのものです…）、すでに旧版をお持ちの方も手に取っていただけるとうれしいです！</p>
]]></content:encoded>
			<wfw:commentRss>http://collisions.doppac.cc/archives/350/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>このブログはもう更新されません</title>
		<link>http://collisions.doppac.cc/archives/283</link>
		<comments>http://collisions.doppac.cc/archives/283#comments</comments>
		<pubDate>Mon, 04 Jan 2010 14:09:17 +0000</pubDate>
		<dc:creator>dotimpact</dc:creator>
				<category><![CDATA[info]]></category>

		<guid isPermaLink="false">http://collisions.doppac.cc/?p=283</guid>
		<description><![CDATA[■うそです。あけましておめでとうございます。今年もよろしくお願いしますっていうか今年もよろしくお願いする気があるなら旧年に相応のふるまいがあってしかるべきだったろうとおもうわけですが、なかったですね。とくに８月以降になかった。おばかアプリも公開するとかいってしなかったですね。してないです。ていうかしたいです。あれ触るとけっこうおもしろいんですけどねー。でも数分で数百メガとかメモリリークするのはおもしろくないですからね。なんとかしないとなんとも。まあすべて旧年中の話です。 などとこんなふうに、ここにももうちょっと書くべきなにかを書いていけるべきよう換気をしておく次第です。 えーと、いまさらかくほどでもないですが、 http://twitter.com/dotimpact/ http://dotimpact.tumblr.com/ などはもうちょいアクティブですのでTLやdashboardのにぎわいにおやくだてください。 あ、やってみるといがいと140文字以上書くのって新鮮！　みんなももっかいブログ始めるといいかも！]]></description>
			<content:encoded><![CDATA[				<p>■うそです。あけましておめでとうございます。今年もよろしくお願いしますっていうか今年もよろしくお願いする気があるなら旧年に相応のふるまいがあってしかるべきだったろうとおもうわけですが、なかったですね。とくに８月以降になかった。おばかアプリも公開するとかいってしなかったですね。してないです。ていうかしたいです。あれ触るとけっこうおもしろいんですけどねー。でも数分で数百メガとかメモリリークするのはおもしろくないですからね。なんとかしないとなんとも。まあすべて旧年中の話です。</p>
				
				<p>などとこんなふうに、ここにももうちょっと書くべきなにかを書いていけるべきよう換気をしておく次第です。</p>
				
				<p>えーと、いまさらかくほどでもないですが、</p>
				
				<ul>
				<li><a href="http://twitter.com/dotimpact/">http://twitter.com/dotimpact/</a></li>
				<li><a href="http://dotimpact.tumblr.com/">http://dotimpact.tumblr.com/</a></li>
				</ul>
				
				<p>などはもうちょいアクティブですのでTLやdashboardのにぎわいにおやくだてください。</p>
				
				<p>あ、やってみるといがいと140文字以上書くのって新鮮！　みんなももっかいブログ始めるといいかも！</p>
]]></content:encoded>
			<wfw:commentRss>http://collisions.doppac.cc/archives/283/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>「第2回おばかアプリ選手権」　優勝しました！</title>
		<link>http://collisions.doppac.cc/archives/245</link>
		<comments>http://collisions.doppac.cc/archives/245#comments</comments>
		<pubDate>Mon, 06 Jul 2009 03:40:09 +0000</pubDate>
		<dc:creator>dotimpact</dc:creator>
				<category><![CDATA[event]]></category>
		<category><![CDATA[info]]></category>

		<guid isPermaLink="false">http://collisions.doppac.cc/?p=245</guid>
		<description><![CDATA[■というか、優勝とかあったのな、このイベント。 7月4日にお台場はTokyoCultureCultureにて開催されたデザインハック・ミーティングVol.2 「第2回おばかアプリ選手権」に出演しました。 デザインハック・ミーティングVol.2 「第2回おばかアプリ選手権」 http://www.atmarkit.co.jp/fwcr/design/meeting02.html 第1回おばかアプリ選手権レポート @IT編集さんにお誘いをうけまして、なにも出せそうになかったら古いけど弾幕webブラウザとかでお茶をにごそうかとおもっていたのですけど、せっかくの締め切りなので以前から作ってみたかったけどCocoaに手をつけるのがおっくうでできてなかったアプリを、突貫でデモだけ作って発表させていただきました。 生きているデスクトップを実現するアプリ 「BehindStone」（コンセプトデモVer.） http://collisions.doppac.cc/?p=248 時間が巻き戻るスクリーンセーバ　「TimeStall」（コンセプトデモVer.） http://collisions.doppac.cc/?p=251 おばかアプリ選手権では来場者がプレゼンされたおばかアプリのなかからもっとも優れている（どう優れているのかは謎ですが）おばかアプリを投票し、集計結果からおばかアプリの頂点を決める、という趣旨があったことは僕も当日イベントが始まってから知ったのですが、この無心ゆえのおばか地頭をお客様にご評価いただき、はえてアンケート１位の優勝をいただきました。ありがとうございましたー。いただいたトロフィーを家に持って帰ったらヨメさんに「いちばんおばかだったってこと？」と問いつめられました。もちろん！ ■なお、当日の様子は以下でいろいろ見たりできるようです。イベント開始直後のなんだこのイベント感は必見。 イベントのustream中継録画(152分) http://www.ustream.tv/channel/fool-app-contest-at-designhack Twitterイベント告知アカウント @d89meeting http://twitter.com/d89meeting Twitterイベント視聴者むけhashtag #obk http://twitter.com/#search?q=%23obk ■あとあと、お茶にごし用に止まっていたBulletsurfも復帰したので興味がありましたら起動してみてくださいませ。モダンブラウザにおけるここ数年のJavaScriptエンジン処理速度向上レースの成果により、まさかの弾速はやすぎの様相を呈しております。 弾幕webブラウザ　BulletSurf http://collisions.doppac.cc/archives/85 launch bulletSurf!!]]></description>
			<content:encoded><![CDATA[				<p>■というか、優勝とかあったのな、このイベント。</p>
				
				<p>7月4日にお台場は<a href="http://tcc.nifty.com/">TokyoCultureCulture</a>にて開催されたデザインハック・ミーティングVol.2 「第2回おばかアプリ選手権」に出演しました。</p>
				
				<ul>
				<li>デザインハック・ミーティングVol.2 「第2回おばかアプリ選手権」
				
				<ul>
				<li><a href="http://www.atmarkit.co.jp/fwcr/design/meeting02.html">http://www.atmarkit.co.jp/fwcr/design/meeting02.html</a></li>
				</ul></li>
				<li><a href="http://www.atmarkit.co.jp/fwcr/design/meeting01.html">第1回おばかアプリ選手権レポート</a></li>
				</ul>
				
				<p>@IT編集さんにお誘いをうけまして、なにも出せそうになかったら古いけど<a href="http://collisions.doppac.cc/archives/85">弾幕webブラウザ</a>とかでお茶をにごそうかとおもっていたのですけど、せっかくの締め切りなので以前から作ってみたかったけどCocoaに手をつけるのがおっくうでできてなかったアプリを、突貫でデモだけ作って発表させていただきました。</p>
				
				<ul>
				<li>生きているデスクトップを実現するアプリ 「BehindStone」（コンセプトデモVer.）
				
				<ul>
				<li><a href="http://collisions.doppac.cc/?p=248">http://collisions.doppac.cc/?p=248</a></li>
				</ul></li>
				<li>時間が巻き戻るスクリーンセーバ　「TimeStall」（コンセプトデモVer.）
				
				<ul>
				<li><a href="http://collisions.doppac.cc/?p=251">http://collisions.doppac.cc/?p=251</a></li>
				</ul></li>
				</ul>
				
				<p>おばかアプリ選手権では来場者がプレゼンされたおばかアプリのなかからもっとも優れている（どう優れているのかは謎ですが）おばかアプリを投票し、集計結果からおばかアプリの頂点を決める、という趣旨があったことは僕も当日イベントが始まってから知ったのですが、この無心ゆえのおばか地頭をお客様にご評価いただき、はえてアンケート１位の優勝をいただきました。ありがとうございましたー。いただいたトロフィーを家に持って帰ったらヨメさんに「いちばんおばかだったってこと？」と問いつめられました。もちろん！</p>
				
				<hr />
				
				<p>■なお、当日の様子は以下でいろいろ見たりできるようです。イベント開始直後のなんだこのイベント感は必見。</p>
				
				<ul>
				<li>イベントのustream中継録画(152分)
				
				<ul>
				<li><a href="http://www.ustream.tv/channel/fool-app-contest-at-designhack">http://www.ustream.tv/channel/fool-app-contest-at-designhack</a></li>
				</ul></li>
				<li>Twitterイベント告知アカウント @d89meeting
				
				<ul>
				<li><a href="http://twitter.com/d89meeting">http://twitter.com/d89meeting</a></li>
				</ul></li>
				<li>Twitterイベント視聴者むけhashtag #obk
				
				<ul>
				<li><a href="http://twitter.com/#search?q=%23obk">http://twitter.com/#search?q=%23obk</a></li>
				</ul></li>
				</ul>
				
				<hr />
				
				<p>■あとあと、お茶にごし用に止まっていたBulletsurfも復帰したので興味がありましたら起動してみてくださいませ。モダンブラウザにおけるここ数年のJavaScriptエンジン処理速度向上レースの成果により、まさかの弾速はやすぎの様相を呈しております。</p>
				
				<ul>
				<li>弾幕webブラウザ　BulletSurf
				
				<ul>
				<li><a href="http://collisions.doppac.cc/archives/85">http://collisions.doppac.cc/archives/85</a></li>
				<li><a href="javascript:(function(){window.open(%22http://doppac.cc/work/bulletSurf/bulletSurf.html?%22+location.href,%22BulletSurf%22,%20%22width=645px,height=700px,%20directories=no,status=no,menubar=no,toolbar=no,location=no,resizable=no,scrollbars=no%22);})();">launch bulletSurf!!</a></li>
				</ul></li>
				</ul>
]]></content:encoded>
			<wfw:commentRss>http://collisions.doppac.cc/archives/245/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

