ブログをMediumに引っ越しました

2017/08/22以降のブログはMediumで書いていきます

medium.com

はてなブログhttps対応をしたらまた戻ってくるかもしれません

Xperia Touchで遊んだ話を発表してきました

前回の通りShibuya.apk #17で「Xperia Touchで遊んでみた」を発表してきました

発表資料

speakerdeck.com

発表内容

発表内容をざっくり説明すると

  • Xperia Touchを会社で買ってもらったので色々アプリなど作ってみた
  • その中で得られた知見を共有した

感じです

せっかくなので、Xperia Touch用に作った作品集を以下にまとめてみます

Xperia Touch向けアプリ集

会議室用タイマー

記念すべき第1作目
基本はXperia Touchの構造上の問題で、壁に投射していると操作が非常にしづらいので、それをカバーするにようにUIはでかくしています

会議室用時計

会議室用アプリ2作目
弊社の会議室には時計が存在しなかったので、ないなら作るということで作ったアプリ

隠し機能で、毎週金曜日の23時になると蛍の光が流れます

花火

インタラクティブアートの1作目
昔からこういったおもちゃを手に入れると花火を上げる習性があるため上げた

水面

インタラクティブアートの2作目
花火の応用で水面も実装した

ハッカーっぽいの

インタラクティブではないアート作品
とにかくコードを表示したくて作った

作った結果、あまり面白くはなかった
ちなみに表示しているコードは会議室用時計のものを流用した

魔法陣

この魔法陣は色々試行錯誤した
花火同様、こういったおもちゃを手に入れるとどうしても魔法陣を作りたくなる習性があるらしい

プロトタイプ

最初はプロトタイプとして、星を描画してみた
割と楽しいことがわかったので、本格的に魔法陣制作に取り掛かる

After Effectによる魔法陣制作の試行錯誤

ここからはAfter Effectで魔法陣を作っていった
After Effectを使うこと自体初めてだったので、試行錯誤していった

最終版完成

最終的にはこんな感じになった

割とかっこいい感じを表現できているのではないかと思っている

おわりに

ということでXperia Touchで遊んでみた話を書いてみました
Xperia Touchはインタラクティブアートを作ったり遊んだりする人にはとてもいいおもちゃだと思います
買える人は買うと幸せになれるかもしれません

ちなみに、Xperia Touch公式の動画が非常に良くできているので、これを見るだけでもXperia Touchで何ができるのかがわかると思います

www.youtube.com

shibuya.apk #17でLTします!

今週の金曜日にあるshibuya.apk #17で久しぶりに5分間のLTをします

shibuya-apk.connpass.com

発表内容

LTのタイトルは「Xperia Touchで遊んでみた」です
先月発売された、Andropid搭載プロジェクターであるXperia Touchを会社で買ったので、それで遊んでみた結果を喋りたいと思います
僕はこういう変態端末好きです!!!!

多分この魔法陣を作って遊んでみた話がメインになりそう(まだスライド一枚も作ってないので変更の可能性あり)

ちなみにこのツイート、初めて900いいね以上されてすごく嬉しい

おわりに

もしshibuya.apk #17に参加する人が居たらよろしくお願いします

今回約一年ぶり(前回は去年のiOSDC前夜祭)の外での発表なので、割と緊張してます

国立国会図書館に納本してきました

f:id:henteko07:20170506232235j:plain

予告通り、技術書典2で頒布した「3Dドットで遊ぼう!〜はじめてのモデリング編〜」を国立国会図書館に納本してきました!

国立国会図書館自体行くのがはじめてだったので緊張してましたが、行って係の人に話しかけたら受付で紙を渡されて記入するだけで終わりでした
すごいあっけなくて、本当に納本されてるのか疑問ですが、きっと納本されていると思うので、1週間くらいしたらここから検索できるようになっていると思います!
これで日本が存続する限り、この本が残り続けると考えると感慨深い…

ということで納本イベントも無事終わったので一段落です
「3Dドットで遊ぼう!〜はじめてのモデリング編〜」は電子書籍版をBOOTHにて買えるようにしてあるので興味がある人は買ってください!読んで下さい!よろしくお願いします!

miso-lab.booth.pm

LivePhotosKitReactを作成しました

先日Appleから LivePhotos をWebでも再生できるようにした、LivePhotosKit JS が公開されたので、そのwrapper的なReactコンポーネントを作成しました

github.com

www.npmjs.com

ターミナルで以下を実行すれば使うことができます

$ npm install --save @henteko/livephotskit-react

使い方

基本的にはLivePhotosKit JSの公式ドキュメントを参考にしてもらえたら、シンプルなwrapperなので問題はないと思います
https://developer.apple.com/reference/livephotoskitjs

こんな感じで簡単に使えます

import React, { Component } from 'react'
import LivePhotosKitReact from '@henteko/livephotoskit-react';

class App extends Component {
  render () {
    return (
      <div className="App">
        <LivePhotosKitReact
          photoSrc='./test.JPG'
          videoSrc='./test.mov'
        >
        </LivePhotosKitReact>
      </div>
    );
  }
}

f:id:henteko07:20170422215656g:plain

おわりに

LivePhotosKit JS結構楽しいですが、再生方法がデフォルトだとマウスオーバーだけなのが結構辛い
LivePhotosKit JS側に play() メソッドがあるので、それを使えば再生ボタンとかも置けなくはないかも
次はこれを使って何か作ってみたいです

技術書典2にサークル参加してきました

先日秋葉原で開催された技術書典2にはじめてサークル参加してきたので、その参加記録と感想です

techbookfest.org techbookfest.org

あと頒布した本はBOOTHで買えるようにしてあるので、そちらもよろしくお願いします

miso-lab.booth.pm

3行まとめ

結構長いので3行でまとめます

  • 技術書典2に初サークル参加してMagicaVoxel本をリリースしてきた
  • 持っていった129部が全て売れて嬉しかった
  • スペースに来てくれた人との会話が楽しかったし、書いた本でMagicaVoxelを初めて知ってもらえたの嬉しかったので次回もあったら参加したい

サークル参加理由

技術書典自体は去年開催されていたを知っていて、参加したかったけどネタがなかったので参加できなかった
なので去年の12月くらいに技術書典2が開催されるのを知って今度は絶対参加したかったけど、やっぱりネタがなくて悩んでいた

ちょうどその後くらいに、MagicaVoxelという3Dドットで簡単にモデリングできるソフトのことを知って、完全にこれにハマってしまった
MagicaVoxelで遊ぶのが面白すぎたので、もうこれで技術書典に出ることを決意

ということで味噌煮研究所としてサークル参加することに決定

準備

サークル参加することが決まったので技術書典2に申し込みして、無事受かったのでサークル参加できることになった

下書き

受かったので原稿を書きはじめることにした
まずはザッと下書きをしたかったので、Dropbox Paperで目次と下書きをしてみた
Dropbox Paperはこういうのに使いやすくてとてもよかった

今思い返すと、この頃から完成まで、対象読者などブレてなくて自分すごい
日付を見ると1/17にザクッと書いていたので、技術書典2に受かってすぐに書いたみたい
我ながら仕事が早い

この段階で早めに印刷所絡めたざっくりしたスケジュールを決めた
印刷所のことは何もわからなかったので、同人経験がある前職の同期に教えてもらった
印刷所に頼んで製本をしてもらうのははじめてだったので、なるべく早めのスケジュールを組んで、3月頭には印刷所に入稿できるようにするため準備を進めた

原稿に関しては、引き続きDropbox Paperで、目次案であげた各章ごとに内容を書いていった

Re:VIEWでPDF作成

各章ざっくり書けた段階で、次はRe:VIEWを使ってみようということになった
ちょうどRe:VIEWの勉強会があったので、それに参加してRe:VIEWの概要などを知れたのはとてもよかった

techbof.connpass.com

この勉強会のあと、実際にRe:VIEWで書くために、Dropbox Paperで書いた各章をコピペでRe:VIEWに流し込んでいった
一通り流し込み終わり、dockerでRe:VIEWからPDFを生成できるようになった段階で、githubリポジトリを作って管理していった
initial commitが2/4なので、そんな感じのスケジュール感だった

ここからはガリガリRe:VIEWで原稿を書いていった

このあたりでついでに表紙のデザインとかもちょっとづつ決めていっていた

同期による内容レビュー

1人で本を作るのははじめてだったので、前職の同期に内容のレビューをお願いした
同期たちが集まるSlackに雑にRe:VIEWで生成したPDFを投げて感想を求めたところ、沢山の指摘がきてありがたかった
ありがた過ぎたので、本の最初らへんに謝辞を入れることを決意した、同期ありがたい
ちなみに本の最初らへんに謝辞を入れるとそれっぽくなるよと教えてくれたのも同期だった、全部教えてもらっている、すごい
最初のレビューが2/16で、そこからは貰った指摘を直していく段階になった

ちなみに同期に見せたところ、大学の卒論よりできが良いとのフィードバックをいただいた

内容の最終調整

一通り指摘部分を直したので、最終調整に入っていった
ここからが長くて、1ヶ月ほどかかった
大体3月前半と中盤は全て最終調整に費やしていた

PDFに埋め込むためのフォント周りを弄っていたのもこの辺り
本当はAdobeのTypeKitで取得したフォントをPDFに埋め込みたかったが、Re:VIEWで使うには(正確にはTexで使うには)ライセンス的にダメなことがわかったので断念
macOS標準のヒラギノを使うことに決定した
この関係上、今までdockerを使ってPDFを生成していたのをやめて、macOSのローカルでPDFの生成をすることにした

本の印刷所決定 & 印刷

印刷費などの都合で今回はポプルスに頼むことにした
ポプルスにした1番の理由が、参考にした同人誌がポプルスで印刷されていたってことだった
表紙加工のマットPPは最高!!!!!!!!!

部数は30部程度を最初から考えていたので、30部 40P B5で印刷することを決定した
部数ははじめてのサークル参加だったので、どの程度売れるかわからないし、もし売れ残っても手で持って帰れるようにした

あとついでに、ダウンロードカードも用意するようにした
理由はなんとなくあるとかっこいいので
最初はPDFのダウンロードからカード発行まで全部やってくれるサービスを検討したけど、高いのでやめて、対面電書を使うことにした
対面電書はすごい使いやすくてよかった
シリアルコードさえ発行できてしまえば、あとはイラストレーターなどでデザインを作ればダウンロードカードは簡単に作れるので最高

ダウンロードカードや、その他本以外の印刷は全てキンコーズで印刷した
3月はキンコーズに頻繁に通っていた
おかげでキンコーズマスターに近づけた

サークルスペースレイアウト決め

印刷所の入稿が終わったら、次はサークルスペースのレイアウト決め及び準備をした
ざっくりこんな感じがいいなってのは頭のなかにあったので、色々と準備を進めていった

最終的にはこんな感じになって、割りとわかりやすいスペースレイアウトになったのではと思っている
基本的に、文字はデカく、POPは立体的にして一般参加者に見やすく、を徹底した

あとは全ての印刷物に、初音ミク的な3Dドットでモデリングしたキャラクターを配置した
デザインに統一感をもたせつつ、人の顔なので人間に認識してもらいやすさを重視した、非常に人に優しいデザイン設計を心がけた

当日

技術書典2当日は、非常にありがたいことに持ち込んだ本 + ダウンロードカードの計129部が完売した
1人では絶対に無理で、事前に頼んでいた大学の友だちと2人で売り子をしていた

開場から40分ほどで本が完売して、その後15時半くらいにダウンロードカードが完売したので、16時くらいにスペースから撤収した
スペースに居る間は本当にひっきりなしに人が来てくれて、色々と話しができて楽しかった
1番印象に残ったのは、対面電書の中の人が来てくれたことだった、技術書典すごい

あとMagicaVoxelをそこではじめて知ったって人が結構来てくれて嬉しかった
買ってくれた人みんなMagicaVoxelで何か作って欲しい

ちなみに、技術書典2のサイトで見れるサークル被チェック数は最大69でした
大体1.8倍くらい売れた計算になる

サークル参加しての感想

結果として、印刷物は全部完売して、かかった費用を差し引いても黒字にできたので、参加してよかった
赤字覚悟で、楽しいからいいよねみたいな感じだったので、黒字になって正直戸惑っている
また次回があったら、今回の黒字分を印刷費にぶち込む覚悟で印刷していく所存です

ということで技術書典2すごく楽しかったので、また参加したいです
コミケにも参加するかって感じになっているが、またコミケの技術島はちょっと違う感じで正直怖い

まとめ

技術書典2最高でした!運営のみなさんおつかれさまでした!サークル参加の方々おつかれさまでした!一般参加の方々おつかれさまでした!みなさんおつかれさまでした!

次は、予告通り国会図書館に本を納入してきますのでその報告を書こうと思います

#技術書典2 にて頒布した本をオンライン上で購入できるようにしました! #技術書典 #first_step_magica_voxel

技術書典2にて「3Dドットで遊ぼう!〜はじめてのモデリング編〜」を頒布しました!
非常にありがたいことに、会場では持ち込み分が全て完売しました!スペースに来てくれた方々ありがとうございました!
また、来てくれたけど完売して買えなかった方々すみませんでした…次回は印刷分を多くします!

予定していたとおり、今回の頒布した本をBOOTH上にて購入できるようにしましたので、もし買えなかった方や、技術書典2に来ていなくて興味がある方はよろしくお願いします!
感想やご指摘もお待ちしております!

miso-lab.booth.pm