こんにちは。海行です。

最近読んだ本の感想文を書きます。
本の内容というより、本を読んでる最中やその前後に私の中で沸き起こった想念について書く気がします。

中学生でもわかる経済学

マイナス金利に突入して世の中騒然としてる今日この頃ですが、この前何となく利子の出所について考えました。
（マイナス金利は銀行が日銀に預けているお金の一部の利息がマイナスになるという話なので我々には直接関係ないですが）

参考リンク：日銀のマイナス金利政策は「劇薬」なのか！？

何故銀行に預けた預金に利子が付くのかと言えば、銀行が預金を使って作った利益の分け前をもらってるという事になってます。
銀行は預かったお金を別の誰かに貸します。そして貸した相手からお金を返してもらえる権利（債権）を債券にしてまた誰かに売ります。
債券化して売り切った時点で貸したお金よりすこし多くのお金が増えてます。
まるで錬金術ですが、現実的に何が起きてるのかと言えば、いずれ払ってもらえる予定の借金の利息を債券を買った人に前払いしてもらってるって事ですね。

だから私はこれは未来からお金を盗んでるんじゃないか？と思い、以下のように図式化してみました。

↑この図の真偽はよくわかりません。経済に詳しい方とお話しする機会があったら訊いてみたいと思います。

さて、図を書いた時点では私は中央銀行は金塊を担保にして紙幣を発行してると考えていました。
しかしちゃんと調べてみると、中央銀行はたしかに金塊も持っていますが、所持金塊の価値より断然多くの紙幣を発行しているとの事。

現物の担保がない紙幣って実際ただの紙切れでしかなく、我々がそれをお金だって信じさせられてるだけではないのでしょうか？
いえ、実際には単なる紙切れとは少し違って、政府が政府自身の信用において中央銀行に紙幣を発行させているようです。

つまり、お金は”お金”と書きはしますが金塊の金と違って、信用を物体化した物と言えそうです。
お金を持っている人は政府によって信用を保証されているという事です。

じゃあお金を信用と読み替えると、お金持ちは信用持ちだし、お金が無い人は信用が無いという事になるのでしょうか。
見方を変えると、孤独なお金持ちとお金は無いけど周りからの信頼が厚い人というのはまったく違う世界の人に見えますが、本質的には同じような物なのかも。

本についてまったく触れてないですね…
平易に経済の話をしてくれて読みやすい本でした。

禅マインド・ビギナーズマインド

以前に講談社学術文庫のバウッダという本などを読みましたが、釈迦が説いたオリジナルの仏教は、徹底的な観察と思考で成り立っている明晰な理論で、誰が聞いても納得するような物だったと思います。

釈迦の死後、長い年月の間に仏教は分派を繰り返し、やがて大乗の諸宗派が生まれたという事です。

禅はかなり中国の思想が取り込まれていて、ＡかＢか、という単純な二元論を超越した世界が広がってます。
（余談ですが我々が本能的に二元論に陥る理由、二つの道があってどちらが正解か知りたがるのは原始時代に生命の危機に見舞われた瞬間に素早く正しい判断を求められた事の名残だったりして）

私はあまり理詰めで考えるのは得意ではないのですが、どんな事でも理屈を突き詰めていくと「死ぬしかない」みたいなろくでもない結論に導かれがちな気がします。
例えばマミさんは「ソウルジェムが魔女を生むなら→みんな死ぬしかないじゃない」と一瞬で理詰めで突き詰めて考えた結果、思い詰めて心中を図ろうとしました。
釈迦の説く仏教も理屈を詰めた結果、死について見つめる部分が多い印象です。

例えば人間が牛や豚などの動物を食べる事の是非を考えた時に、動物がかわいそうだからじゃあベジタリアンになればいいのかというと、肉抜きで栄養を補おうとすると食物生産効率がかなり悪化するであるとか、野菜の生産時にも農薬で害虫を殺すが、虫の犠牲はどう考えるのか？
人間は生きてる限り他の生き物を犠牲にするしかないのならば、みんな死ぬしかないじゃない！
そうでしょうか？
（そういえばキュゥべえも人間と家畜の共栄関係について述べてますね）

我々は理屈はともかくまず生きねばならないのではないでしょうか。
多少そこに矛盾を孕んだとしても。

理屈だけで片づけられない事も多いんだなと思ったときに、二元論を超える禅の教えには共感するところがありました。

この禅マインド・ビギナーズマインドは、鈴木俊隆という方の禅の説話を文字に起こした本です。
スティーブ・ジョブズの愛読書だったそうです。

鈴木俊隆という人はアメリカに禅を伝えた人で、だからこの本は禅の本と言ってもまずアメリカで英語で出版した物を邦訳して逆輸入したような形になってます。
間接的な気がしますが、かえって平易な語り口で禅の思想が語られて分かりやすいような気もします。

iPhoneは日本で非常に人気がありますが、ジョブズはiPhoneに禅の思想を込めたのかもしれませんね。
日本の思想が海外に輸入されてアレンジされた物と言うのは得てして惹きつけられる物が多い気がします。
絵画だとゴッホやクリムトなど。

さて、本の前書きでも述べられてる事ですが、二元論を超えた禅の思想を本にした事で、本の中で論理的な矛盾があったりします。
それで頭で納得できない時はどうすればいいのか？
座禅しろと書かれています。
論理より実践を求められるのです。

例えば四弘誓願について、「仏教の教えは無限だけどそれを学びきります」といったような仏教徒の誓いについて述べられてますが、理屈で言ったら無限だったら学びきれないわけです。
しかし、「できるできないじゃなくてやるんだよ」（仕事で人からこんな風に無理強いされたら腹立ちそうですが）というような、理屈を超えた精神がそこにある。

悟りを得るために座禅するというような、目的と手段を分けて、目的のために何かをするみたいに考えるのは間違いだ。
実践せよ、実践自体が悟りだと。
何だか書いててよくわからなくなってきましたが、そういうような事なんです。

別の説話では「片手の叩く音を聞く」話が述べられています。
（ちなみにこの禅公案はサリンジャーのナイン・ストーリーズの冒頭でも引用されてます）
手は両手じゃないと叩けないですよね。
しかし片手でも音は鳴るのだと。ただし聴こうとしなければの話です。

聴こうとしなければ、音が聴こえないという事は起きないので、鳴ってます。
見ようとしなければ、いないという事は起きないので、います。
誰かに見られていなければ、そこから隠れる事はできません。

なんかまあ、そういう世界なんです。

みんなのイラスト教室

イラストレーターの中村佑介さんがイラストを募集して、送られてきたイラストを添削するという本です。
イラストを送ってくれた人を生徒に見立てて、中村さんがイラスト教室の先生という体になってます。

中村さんが生徒のイラストに手を入れると見違えてメッチャ良くなるので、まるで手品みたいですが、どう修正したか、何故こうしたかは全て文章で記載されている訳で、種は無いという。
私はイラストの専門的な教育は受けた事が無いので、このように方法論を解説されると目からウロコが落ちっぱなしでした。

この本で特徴的だと思ったのは、生徒の画力を問題にした事は一度も無いという所です。
例えばここのデッサンが甘いとか、そういう所を添削するわけではないのです。
あくまで生徒のスキルに合わせて、今できる範囲での修正案を提示しており、それでも工夫次第で断然良くなるのが目に見えてわかります。
（ただ画力は問題ではないのかというと、商業イラストの絵が上手いのは服が破れてないというのと同じで当然だとは述べられてます）

画力はすぐにどうにか出来るものではないですが、商品を目指すなら手抜きはいけないという点は強調されてます。
イラストにかけられた手間暇に対してお金を払いたくなるという側面も大きいとの事です。

また、自己表現としてのイラストと製品としてのイラストについても述べられています。
商業イラストは、描き手が何を書きたいかと言うのはそもそも問題ではなく、製品としての性能が求められます。
その絵を見る人にとって、いかにわかりやすいか、クライアントにとっていかに役に立つか、それだけが問題なのです。
私は仕事で絵を描いた事はなく、趣味だけですが、絵を見た人の気持ちを考えて描くという意識は持ってみたいと思いました。
漫画を描く場合でもその製品としての性能、読みやすさや価値の付与については意識すべきかもしれません。

しかしこの本は生徒の絵を第三者の中村さんが添削する形ですが、自分で絵を描いてる時は全然客観的になれない（描いてる途中は世界で一番凄い絵を描いてる気分）ので、理屈でここをもっとこうした方が…と考えられるくらい客観的になる頃にはすでに描き上がって１週間後という感じなのですが、どうすればいいんでしょう。
中村さんは本の中でラフ提出と最終版のビフォーアフターを載せてますが、ラフの段階でほとんど完成されたイラストみたいに仕上げていて、最終版ではイチから描き直していました。
一度描き上げてしばらく置いて冷静になってからまた描き直せばいいんだよというメッセージのようです。
さすがはプロですね。

この本では中村さんの優しい語り口が印象的で、人柄が伝わってくるようです。870円とこの手の本にしてはかなり安いです。
後書きで述べられていますが自分の印税を削ってまで価格を抑えたとの事で、私は本当に感心してしまいました。
イラストレーターの仕事に興味ある方には是非一度読んでみて欲しいオススメの本です！

余談ですが、中村さんはアジカンのＣＤジャケットのイラストペン入れだけでコピックマルチライナーを使って丸三日（４０時間）かかったそうです。
もし中村さんみたいなクオリティで漫画を描こうとしたら１コマで数十時間かかってしまうって事ですね…
やはりその辺はイラストと漫画では方法論が違ってくる所だと思います。（そういえばDr.スランプを描いていた頃の鳥山明先生のスケジュールも目が開いてる間は漫画を描きっぱなしみたいな大変な事になっていたそうです。）

ペン入れで３日かかるなら、ラフ、下書き、色塗り、先方との打ち合わせなどもろもろを合わせると制作に二週間くらいはかかりそうですが、ギャラはどれくらいなのかな？と思ってググッてみたところ、

怒ってるとかじゃなく、単品のCDジャケットの制作料だけでは生活するのが難しく、その上、作者が使用するごとにお金を払わなければいけないとなると、赤字という話。

— 中村佑介 Yusuke Nakamura (@kazekissa) September 29, 2015

う～ん…なかなか大変そうな事がうかがえますね…

５ドルのコンピュータ、ラズパイゼロをゲットしました。

pimoroniというイギリスのサイトから購入しました。
ラズパイゼロは現在かなり人気みたいで、入荷してもすぐ売り切れてしまってます。
売り切れ時は「Notifi me」というボタンを押してメールアドレスを入力しておけば、入荷時にお知らせメールをくれます。

私はラズパイゼロ単体が欲しかったのですが、お知らせを見てすぐチェックしましたがすでに単体は売り切れており、しょうがないので「Pi Zero + Adaptors + Pibow Zero Case」というセットを買いました。
結果的には色々便利だったのでこのセットにしてよかったです。

ラズパイゼロ単体は4.25ポンドなので大体（当時のレートが1ポンド160円くらい）680円です。
私が買ったセットは12.5ポンドなので大体2000円です。
明細を見ると、10.42ポンドになってました。日本から買ったので欧州での消費税（VAT）分が割引になったみたいです。これに加え送料5.5ポンドがかかって、計15.92ポンドとなり、実際に支払ったのは2538円です。
ラズパイ単体で買っていた場合は1440円くらいになるなんじゃないかと思われます。
５ドルという触れ込みですが、まあ別途色々かかってくるのは仕方ない所ですね。

２月２３日に注文して３月２日に到着したので、８日くらいかかりました。

早速セットアップしようと思いましたが、色々とセットアップに必要な機材がある事がわかり、結局色々注文しました。
・OSを入れるmicroSDカード（8GB以上推奨）
→Amazonで購入　TOSHIBA 東芝 microSDHC 16GB 558円
・ラズパイゼロにはマイクロUSBポートが一つしかないのでUSBハブ
→ヨドバシ.comで購入 バッファロー BUFFALO BSH5U03BK [USB2.0ハブ 5ポートタイプ ブラック]　550円
・ラズパイゼロにはLANポートがないので無線LANドングル
→ヨドバシ.comで購入 エレコム ELECOM WDC-150SU2MBK [無線LAN子機 11n/g/b 150Mbps USB2.0用 ブラック] 759円
・USBキーボード
・USBマウス
・液晶ディスプレイ
・給電用にUSBをコンセントに挿せるようにするアダプタ
→手持ちの物を使用

結局ラズパイの支払いと合わせて4405円かかってますね。ハハハ

セットアップ

さて、機材が揃ったのでセットアップします。

↑機材を繋いだ様子。せっかくのコンパクトなラズパイゼロがごちゃごちゃ繋いで台無しに…

セットアップはこちらを参考にしました。
→Raspberry Pi Zeroセットアップ　完全ガイド

素晴らしい丁寧な解説で大変助かりました。
参考記事ではMacを使っていますが私の環境はWindows10なのでその辺りの違いを捕捉で書いてみます。

・RaspbianをSDカードにインストールするにはWin32DiskImagerを使います。事前にSDカードフォーマッターを使ってSDカードをフォーマットしておきます。

参考ＵＲＬ：Installing operating system images using Windows

・リモートログインの際、WindowsはデフォルトではZeroconfに対応してないので、ラズパイのホスト名を使ってアクセスする事ができません（ＩＰアドレスを調べて打ち込めばアクセスできます）。itunesをインストールするか、Bonjour単体をインストールすればraspi0.localなどのホスト名でアクセスできるようになります。

さて、別のPCからリモートログインまでできるようになれば、ラズパイに直接キーボードなどを繋がなくても操作できるようになるので、USBハブ、キーボード、マウス、ディスプレイを取り外して無線LANドングルだけ繋げておけばＯＫです。
ごちゃごちゃしてた配線が減ってだいぶコンパクトでスマートな感じを取り戻せます。

ラズパイゼロで遊ぶ

セットアップが終わったら起動して遊んでみます。
デフォルトでMinecraft Piが入ってますね。

これは子供たちにも大ウケ間違いなしです。
正直起動したらCUIが立ち上がるもんだとばかり思ってたのでGUIでデスクトップが出てきて驚きました。

マイクラなんてバリバリの３Ｄゲームなのにアッサリ動いてますね…こんな事がフリスクに入るようなサイズのコンピュータにできてしまうとは驚きです。

デスクトップが開いてもマイクラ以外は特にやる事無いですが、一応リモートでもデスクトップが見れるようにしたいと思います。

windowsにはRealVNCを入れて、ラズパイ側にはTightVNCServerをインストールすればＯＫです。

参考ＵＲＬ：Raspberry Piで遊ぼう [No.5:VNC接続をしよう]

↓これがwindowsからラズパイゼロのデスクトップを見ている様子です。

ちなみにリモートでマイクラを起動したら画面が真っ黒になってしまいます。
マイクラはビデオメモリに直接描画してるからVNCには映らないんだそうです。

参考ＵＲＬ：Raspberry PiにVNCでリモートデスクトップ接続する方法

ラズパイゼロでChainerを動かす

ラズパイゼロの消費電力は0.8Wです。

参考ＵＲＬ：
https://en.wikipedia.org/wiki/Raspberry_Pi
Raspberry Pi Zeroが登場。消費電力はどのくらい？

つまり、ラズパイゼロを一か月付けっぱなしておくと、電気代は17円くらいです。

対して、私のデスクトップＰＣは消費電力は恐らく平均200W以上あります。
200Wだとしても一か月付けっぱなしにしておくと電気代3千円以上かかります。

私はコンピュータを自分の使い魔みたいに働かせられたらいいなという構想を持ってますが、メインＰＣは自分が使うだけでいっぱいいっぱいで余計な事させたくないですし、やたら消費電力が大きいので付けっぱとかにしとくと電気代がもったいないです。

かといってサーバマシンを組んでもそれなりに電気代がかかりますしマシンを置く場所も無いです。

じゃあVPSを借りる手もありますが、毎月固定で結構な利用料金がかかってくるというハードルがあります。

そこを踏まえてこのラズパイゼロを見てみると、本体は5ドルという激安で、電気代も17円で痛くも痒くも無い金額です。
場所も全然取りません。
私の使い魔として働いてもらうのにふさわしいかも…

さて、何をさせてコキ使いましょうか。
取りあえずchainer-goghでランダムに画像を合成させ続けるというのはどうでしょうか。

という訳でchainerを入れてみます。

参考ＵＲＬ：Chainerをインストールしてみる

参考ＵＲＬの通り、chainerをインストールして動作テストとしてmnistの学習を実行しました。
どうなったかというと…
なんと、いまだに実行中です。数日間ずっと頑張ってますが終わりません。

CPU実行だから時間がかかりすぎてる…？GPU（ラズパイゼロのGPUは24GFLOPSで意外と速度あるそうです）実行すれば早くなるかも…
と思いましたが、そういえばChainerはCUDAを使うので、NVIDIAのGPUでしかGPU実行できません。
う～ん、ラズパイゼロにディープラーニングはちょっと無理がありましたかね…

ラズパイゼロ用のGPGPUライブラリを開発された方がいらっしゃるので、頑張れば何とかなるのかもしれません。

ラズパイみたいな感じでNVIDIAのグラボ積んでてCUDAも使えるといえば、Jetson TK1やJetson TX1があります。
Jetson TK1は300GFLOPSでTDP5W、Jetson TX1は1TFLOPSでTDP10Wの性能だそうです。
ちなみにGTX980は4.6TFLOPSでTDP165Wです。
Jetson TK1は29160円で売られており、Jetson TX1は93798円で４月下旬入荷予定だそうです。
欲しいですねぇ。

ラズパイゼロを使い魔としてコキ使うにあたって押さえておきたいポイントがあります。
windowsからsshでリモートログイン（私はputtyを使ってます）してコマンドを実行させてる時に、windowsをスタンバイにするなどしてsshが切断されると、実行していた作業は中断されてしまいます。
これだとずっとsshクライアントを見張ってないといけなくて、全然使い魔として勝手に働いてくれてるイメージと違います。
windowsをシャットダウンしたくてもできないなら、結局電気代が無駄です。
しかしラズパイゼロにscreenというソフトを入れるとこの問題は解決します！

参考ＵＲＬ：【Linux】突然回線切断しても続きから作業を再開できるようにする方法

screenを使うと仮想端末を立ち上げる事ができるようになり、SSHを切断しても仮想端末は落ちないで引き続き作業を続行してくれます。
これでputtyを立ち上げっぱなしで見張る必要がなくなりました。

今後の展望

そもそもラズパイゼロを買った本来の目的は戦車のラジコンのリモコンをラズパイゼロから制御したかったからです。

そのためにはまずGPIOピンヘッダをラズパイにハンダ付けで取り付けないといけないので、ハンダゴテを買う所からですね。

どうせAndroid端末も上に載せる予定なので、ラズパイじゃなくてAndroidにUSBシリアル変換モジュール繋いでもいいかもしれません。
おいおいやっていきたいと思います。

もう一つ構想としてあるのが、ラズパイゼロを沢山繋いでグリッドコンピューティングする事です。
１個だと貧弱でも100個繋げばスーパーコンピュータになるかもしれません。
100個起動しても消費電力80Wで私のデスクトップPCより省エネですからね。価格も5ドルが100個になっても500ドルです。
ラズパイゼロは有線LANポートが無いのでLANで繋ぐのは高コストですが、USBで繋げられれば安く済みそうです。
こちらがそんな風な事をやってるようです。
問題点は現状ラズパイゼロが売り切れっぱなしで入手困難な事です。
いずれは安定的に手に入るようになって欲しいですね。

先ほどのラズパイゼロの記事に続いてこれです。

ラズパイゼロを弄ってる内に、しまいこんでたVAIO type Pが何だかだんだんキーボードとディスプレイとマウスを完備したラズパイに見えてきました。
無停電装置までついてる…？（ただのバッテリー

という訳でtypePにLinux Mintを入れてみます。

typePにLinux Mintを入れるのはすでにネット上で結構実績があります。

参考ＵＲＬ：
VAIO Type Pを三度使えるようにする
VAIO type Pには結局、Linux Mintを入れてみることに
VAIO Type P meets Linux Mint17.2

私はやっぱりVistaもあったらあったで便利な時もあるだろうと思ったので残しておいて、VistaとLinux Mintのデュアルブート化を目指しました。

手順

まず、HDDにWindowsXPが入ってるパーティションがありましたが、XPはもうサポートが切れてるので「ディスクの管理」からパーティションごと削除しました。
9GBほどの空き容量ができたので、ここにLinux Mintを突っ込む事にします。

Linux MintのイメージファイルをＤＬします。
https://linuxmint.com/download.php
色々ありますが、Mate no-codecsの32bit版を選びました。

USBメモリにイメージを焼くためにUNetbootinをダウンロードします。
実行してUSBメモリにLinux Mintを焼きます。

USBメモリをtypePに挿して起動するとUSBブートで早速Linux Mintが立ち上がります。
（立ち上がらない場合は起動後のVAIOロゴ表示中にF2を押してBIOS設定に入ってExternal Device Bootを有効にしてください。参考→VAIO TYPE PにUbuntuインストール (1600×768もOK)）

Linux Mintのデスクトップにインストール用のアイコンがあるのでダブルクリックします。
空いている9GBにパーティションを作成してインストールします。インストール完了して、これでＯＫかなと思ってUSBメモリを抜いて再起動してみましたが、ブートOS選択画面にLinux Mintが出てこなくてどうやってLinuxをブートするのかわかりませんでした。

ググッたところ、こちらの方法で解決しました。
再びUSBメモリからLinux Mintをブートして、ターミナルから

sudo dd if=/dev/sda5 of=mbr.img bs=512 count=1

と打ち込みます。（私の場合はインストールしたパーティションが/dev/sda5ですが、適宜変更してください）

mbr.imgというファイルができるのでCドライブ（vistaが入ってるドライブ）の直下にコピーします。

シャットダウンしてUSBメモリを抜いて起動します。

windowsが立ち上がったらコマンドプロンプトから

bcdedit /create /d "Linux Mint" /application bootsector
bcdedit /set {（エントリ）} device partition=C:
bcdedit /set {（エントリ）} path \mbr.img
bcdedit /displayorder {（エントリ）} /addlast

というコマンドを打ち込んでいきます。
（エントリ）というのはエントリ名を入力します。
エントリ名は最初のコマンドの成功時に表示されるものです。

ついでに私はWindowsXPのエントリの削除も行いました。

参考ＵＲＬ：WinXPとWin7のデュアルブートからWinXPを削除する

もう一度再起動したらブートＯＳ選択画面に「Linux Mint」が表示されており、これを選択する事でLinux Mintを起動させることができました。

このままだと再起動時に一定時間経過後にWindowsの方が自動で起動するので、Linux Mintを優先起動したい場合はWindowsの「起動と回復」から既定のオペレーティングシステムをLinux Mintに変更します。

別ＰＣからtypePのLinux Mintにリモートログインする

Linux MintにはSSHサーバーはデフォルトで入ってないのでインストールします。

$ sudo apt-get install openssh-server

Avahi-daemonはデフォルトで入ってるので、「ホスト名.local」でアクセスできます。
これでSSH接続できます。

接続できたのはいいんですが、typePの蓋を閉じるとサスペンドされてしまいSSHの接続も切れてしまいます。
Linux Mintのデスクトップからパワー・マネジメントの設定に入って、蓋を閉じたときの挙動を「サスペンド」から「何もしない」にする必要があります。

これでtypePをサーバみたいに使えるようになりましたが、ノートＰＣを業務用途でサーバにするのはよくないという意見もあります。

参考ＵＲＬ：ノートPCをサーバにすることがよくない理由

ノートＰＣはサーバとして設計されてるわけではないので、ホビーならともかく仕事で使うのには向かないのかもしれません。
用途はよく考えた方がいいのかもしれません。

今後の展望

typePにLinuxを入れて、さてどうするか…という所まではあまり考えてませんでしたが、やっぱちょっとしたサーバとして使う感じ…？

ラズパイより有利な点は処理速度が速い（ラズパイゼロよりは早いけどラズパイ２よりは遅いかも）、メモリが２ＧＢある…ディスプレイとキーボードとマウスが付いてる…。
あ、ラズパイと違ってWake-Up-Lanができるかもしれませんね。
イチイチ電源ボタン押しにいかなくても遠隔でオンオフできれば付けっぱより省エネですね。
さっそく試してみましたが、どうもBIOSの設定でその辺の項目が隠されてるようで、上手く行きませんでした。

とりあえず、既存のwindowsマシンにLinuxデュアルブートする方法がわかったので、この調子で他のＰＣもドシドシLinux化できるようになった訳です。

世の中にはAndroid端末をLinux化してる人もいるそうです。

参考リンク：自宅で使う省エネサーバーをAndroidタブレットで自作

所持してる端末を片っ端からLinux化して自由にコントロールできるようになったとして、いかにそいつらを使役するか、中々面白いテーマですね。

こんにちは、海行です。

今回はJetson TK1のセットアップをして、GPUのCUDAのパワーを活かしてchainer-goghを走らせてみます。
（こいついつもセットアップしてんな）

経緯

この前の記事でラズパイゼロにchainerを入れて走らせてみましたが、ラズパイの1GHzシングルコアのCPUでは色々とキビしい物がありました。

あのあと、ラズパイゼロでchainer-goghを走らせてみましたが、まず普通に走らせたらメモリ不足で落ちました。
そこで出力サイズを128ピクセル四方で指定して、動作が軽いninモデルを用いることで何とか実行させることができました。
しかし、丸一日かけても1000イテレーションしか進みません。
5000イテレーションで終了ですから、一枚の画像を処理するのに５日もかかってしまいます。

ちなみにLinux Mintを入れたVAIO　typePでも走らせてみました。
こちらはリサイズ無しでchainer-goghが実行できましたが、丸一日かけて400イテレーションほどしか進みません。
一枚の処理に2週間弱かかってしまいますね。

勿論メインのデスクトップPCのGTX660を使えばGPUを使って一枚6分で処理できるわけですが、電力消費が大きくなってしまいますし、デスクトップPCを起動しっぱなしにするのは何となくイヤです。

ラズパイがここまで処理に時間がかかってしまうのは、NVIDIAのGPUを積んでないのでChainerのCUDAを使ったGPU実行ができないからです。
そうとわかれば、ラズパイ的な開発ボードにNVIDIAのGPUが積まれたシロモノであるJetson TK1に着目することになります。

参考リンク：
Tegra K1搭載の開発キット「Jetson TK1」を動かしてみた
NVIDIA Tegra K1搭載開発キット「Jetson TK1」ハンズオンセッションに参加してみた

そういう事をツイートしてたら、ザバさんからJetson TK1を貸していただけました！
ザバさんありがとうございます！

というわけなので取りあえずセットアップです。

セットアップ

先行事例の記事が上がっていますので、ありがたくそちらを参考にしつつ、NVIDIAの説明書に従って作業していきます。

参考リンク：
Jetson TK1事始め
Jetson TK1 をセットアップしてみた

とりあえずTK1を起動します。
すぐにsshに繋がるらしいですが、IPアドレスもホスト名も最初はわからないので、やはり例によって液晶ディスプレイ、USBハブ、USBキーボード、USBマウスを接続します。LANケーブルも刺しておきました。

付属のACアダプタを繋ぐと起動します。
早速GPUファンがうなってます。

内部ストレージのUbuntuがブートしてCUIが立ち上がります。
Linux Driver Binaryという物をインストールします。

cd ${HOME}/NVIDIA-INSTALLER
sudo ./installer.sh

しばらくするとインストールが終わって再起動されます。

再起動後はGUIの普通のUbuntuが普通に立ち上がります。
もうSSHでリモートログインする事もできます。
まあこれだけですでにGPUだけ異様にすごいUbuntuマシンになってますが、色々更新したりCUDAの開発環境を入れたいので、JetPack TK1という物を導入します。TK1と別のPC上でJetPackのインストーラを立ち上げてそこからUSBで繋いだTK1に書き込む形になるのですが、このJetPackがなんとUbuntu14.0.4しか対応してないという話なのです。

私のメインPCはWindows10なので、しょうがないのでVirtualBoxを使ってUbuntu14.0.4を仮想マシンとしてWindows上で実行しました。

参考リンク：
Windows の VirtualBox に Ubuntu 13.04をインストールしてみた
VirtualBoxをWindowsにインストール
VirtualBox を全画面（フルスクリーン）で表示する方法

注意点としては、JetPackの実行時に色々ダウンロードされるので仮想マシンのHDDサイズが少ないと失敗する可能性があるので、HDD容量は余裕をもって確保する必要があります。
20GBもあれば十分だと思いますが、私は50GBにしました。

また、USB接続を仮想マシンに認識させるためにUSBフィルターが必要なので、VirtualBoxにエクステンションパックも導入する必要があります。

参考リンク：
エクステンションパックの導入

さて、仮想マシンや実機などでUbuntuを起動したら、JetPack TK1をダウンロードして実行します。
TK1とＰＣを付属のUSBケーブルで接続します。
（この時ちょっとハマッたんですが、パスに日本語が含まれてるフォルダ上で実行すると失敗するのでjetpack～.runをhomeフォルダなどに移動してから実行してください）

JetPackに実行権限を付与します。
UbuntuではCtrl+Alt+Tでターミナルが起動します。

chmod +x jetpack-${VERSION}.run

ファイルブラウザからダブルクリックして実行するとインストールが開始されます。

インストール途中で、TK1をリカバリモードにしてくださいという指示が出ます。
TK1には３つのボタンが付いてますが、フォースリカバリボタンを押しながらリセットボタンを押す（リセットボタンを押してから２秒くらいでフォースリカバリボタンは離してＯＫ）とTK1がリカバリモードで起動します。
TK1の画面は真っ黒なままになりますが、これがリカバリモードです。

ホスト側のUbuntuでリカバリモードのTK1が認識されてるかどうかlsusbコマンドで確認してください。
「NVIDIA Corp.」という名前のUSBデバイスがあればＯＫです。
VirtualBoxを使ってる場合はこのUSBデバイスのUSBフィルターを追加しておいてください。

あとは最後まで順調にインストールが進みました。

TK1側でインストールされたサンプルを実行してみます。

NVIDIA_CUDA-6.5_Samples/bin/armv7l/linux/release/gnueabihf/deviceQuery

エラーが出ないでデバイス情報が表示されればインストール成功です。

他にも色々なサンプルが入ってるので、試してみてください。
SmokeParticlesというサンプルを実行するとこんな感じです。

GPUならではの表現って感じですね。

Chainer-goghの実行

セットアップも終わったので当初の目的だったCUDAによるchainer-goghの実行をやってみます。

この時点でCUDAやcudnnはインストールされてるので、

sudo apt-get install python-pip python-dev python-virtualenv
pip install cython
sudo apt-get install libhdf5-dev
pip install chainer

これでchainerのインストール完了です。

chainer-goghをクローンしてきてninモデルで実行してみます。

35分ほどで実行完了しました！
これはいいですね！GTX660の6分に比べれば遅いですが、VAIO typePの２週間と比べれば圧倒的速度です。
これが電力消費5W以下で出来てしまうならエネルギー効率も悪くないのではないでしょうか。

しかし、ninモデルの実行には成功しましたが、vggやi2vモデルで実行すると、途中で「killed」と表示されて失敗してしまいます。
killedという事はメモリ不足でプロセスキルされたという事です。
確認してみるとTK1はデフォルトではスワップが無いので、スワップファイルを作って仮想メモリを確保してみます。

参考リンク：
Ubuntu でスワップファイルを追加する方法

とりあえず2GBのスワップを作ってみました。
これによりi2vモデルでの実行は可能となりましたが、vggモデルでは今度は「Memory error」が表示されて失敗です。

スワップが2GBでは足りなかったのかな？と思い4GBにしてみました。（内蔵ストレージは16GBなのであまりスワップを大きくするとディスクサイズが足りなくなります）
しかし結局「Memory error」です。動きを追ってみると物理メモリの2GBを使い潰した時点でエラーが発生してるみたいです。
物理メモリとスワップにまたがってメモリ確保できないのでしょうか？
あるいはVRAMのメモリ不足？

chainer-goghの実装を把握してるわけではないのでこれ以上考えても仕方ないです。
今回は深追いしないでおきます。

Jetson TK1の性能が素晴らしいという結論は変わりません。

まとめと展望

Jetson TK1は実用的速度と低消費電力（測ってないですがカタログスペックを鵜呑みにするなら）で動作する素晴らしいディープラーニング用マシンである事が検証できました。
ザバさんは使い倒してくれて構わないとおっしゃってくださったので遠慮なく色々やっていきたいと思います。

ひとまずは自動的にchainer-goghで画像を量産してアップロードしまくる仕組みを作って、勝手に色々描いてくれるマシンにしてみたいですね。

Jetson TK1の後継機であるJetson TX1ももうすぐ発売されます。

参考リンク：
カードサイズで1テラFLOPSな高速ボードコンピュータJetson TX1の日本発売が決定、開発キットは税込約9万8000円

消費電力は２倍、GPU性能は３倍以上になるらしいですが、価格も３倍以上という…
遊びで買える価格じゃないですね…本格的な使い道が思いついたら導入も検討してみたいです。

私はとにかく電気代の安さに着目したわけですが、こういう小さいコンピュータがこういった性能を発揮していく事で世の中をどのように変える事ができるのかという事についても色々想像してみたいですね。

こんにちは、海行です。

以前の記事で紹介した、ボイスチェンジャーフィルタアセットがUnityアセットストアで公開されました！

無料なので是非ダウンロードして使ってみてください。

↓こちらからダウンロードできます。
https://www.assetstore.unity3d.com/jp/#!/content/54963

使い方の説明として、OVRリップシンクプラグインデモにボイスチェンジャー機能を導入する動画を作りました。

是非ダウンロードして使ってみてください。

これで僕も晴れてUnityアセットクリエイターです。

アセット申請での知見

アセット申請は色々と大変で、すったもんだがあって公開が遅れてしまいました。

一つわかったのは、アセットストアチームにも色々な人がいるという事です。

初めての申請時は何か不備がないかドキドキしながら提出しましたが、返ってきた返事は「却下、理由は言えない」でした。

そんなにダメなアセットだったのかなとショックを受けましたが、考えてみるとそんな対応をされる謂われは無いぞという気がしてきました。
だってUnity社が「アセットどんどん作ってね～」って言うから作って申請したのに「ハイダメー！理由は言えません！」ってなめてるでしょ。

しょげてる場合じゃないな、断固抗議すべきです。
こういうすげない返事ですぐへこたれて諦めてしまうのではなく、この怒りをエネルギーにしてしつこく粘着してでも目的を達成すると心に決めました。

とりあえず、「却下はともかく理由を言えーーッ！」というニュアンスでメールを返しました。
どうなったかというと、返信無しの放置です。

完全に粘着すると決めていたので、うろたえません。
そっちがそういう事をするならこっちにも手があるぞ。という事で、まったくアセットの修正なしで再提出してみました。
何しろリジェクト理由を教えてくれないので修正しようがありません。

そうしたら今度は「パブリッシャーページに画像を設定してくれ」と返答がありました。
前よりは建設的な返答をもらえたので対応して再提出しました。

そうしたらあっさり通りました。
こういうものかな。

しかし、アセットに使用したworldという音声合成ライブラリが修正BSDライセンスなので、どのようにライセンス表示すればいいのか質問しました。

ところが、有料アセットではアセットストアのEURA以外のライセンスの混入は許されないという返答でした。

アセットストアの規約を確認してみると、確かにそのような記述がありました。
でも、現にいくつかの有料アセットではMITライセンスとかが含まれてるじゃないかと指摘してみましたが、この指摘は完全にスルーされました。

という訳で当初はVoice Changer Filterアセットは有料で提供するつもりでしたが、修正BSDライセンスが入っているので無料アセットとして公開しました。

めでたしと言ったところですが、結局何が言いたいかというと、不当な事をする人もいれば正当な行いをしてくれる人もいるので、自分の感覚を信じて諦めなければ目的は達成できるという話です。

みなさまにとって何かの参考になれば幸いです。

他に気を付けることとしては、有料アセットを提供する場合、アセットパブリッシャーの設定で収益の受け取り方法を設定しますが、口座振り込みだと手数料を取られたりするのでPaypal受け取りがオススメです。
その場合Paypal プレミアアカウントが必要になります。プレミアと言ってもお金がかかるとかではなくて、本人確認をしたアカウントはプレミアアカウントになります。
本人確認は、免許証などの画像をアップロードしたらハガキが送られてきてそこに書かれたパスコードで認証するので、合わせて１週間くらいかかります。

そのほか、アセット提出に関する情報はこちらのスライドに詳しいです。

参考URL:アセット作家になろう！　～作ったキャラクターやスクリプトをアセットストアに出品しよう！～

こんにちは、海行です。

ラズパイ3が日本でも販売開始されたので、買ってみました。
この記事はセットアップの解説記事じゃなくて、ラズパイ３の入手自慢記事です。

ラズパイ3は2月29日に突如発表されて出荷されましたが、無線LANとBluetoothが内蔵になったため、技適マークが無いと日本国内で使用できない状況でした。
3月半ば頃に技適を通過して、国内での販売が開始されました。

ラズパイ３本体以外に必要になった機材として、まずストレージ用のmicroSDカードは32GBの物をポチりました。
そしてUSB電源アダプタについてですが、ラズパイ３は最大消費電力が12.5Wに増えたため、2.5Aを出力できる物が推奨されています。

参考リンク：「Raspberry Pi 3 Model B」発表のお知らせ

ですので、2.5A出力アダプタを確保する必要があるのですが、Amazonを見ても中々見つからなかったので、とりあえず2.4A出力のUSB電源アダプタをポチッて様子をみる事にしました。
見落としやすいポイントですが、電源アダプタだけじゃなくてUSBケーブルも2.4A対応ケーブルじゃないと必要なアンペアを出力できない場合があります。
普通のUSBケーブルと2.4A対応って何が違うんだと思いますが、銅線の太さが違います。
銅線が細いと流せる電流の量が限られてしまいます。
私はキャンドゥで2.4A対応の充電専用ケーブルを入手しました。

セットアップについては以前書いたラズパイゼロのセットアップ記事とまったく同じなので省略します。
この記事はセットアップ解説記事じゃなくてラズパイ３自慢記事です。

ただ、ラズパイゼロの時と違って起動中に画面の右上に謎の虹色の四角がずっと表示されて消えません。
なんだこれ？と思ってググッたら、これは電圧が足りない時の警告表示なんだそうです！

参考リンク：【Raspberry Pi】起動時に画面右上に出る四角の意味。

電源アダプタもUSBケーブルもしっかり用意したのに何故！？と思ったら、そういえば電源用USBケーブルの長さが足りなくてUSB延長ケーブルをかませてたんでした。
延長ケーブルを外して繋いでみたら虹色の四角は消えました。
しかし、電源とケーブル周りはしっかり準備しないと実際シビアだという事がこれでハッキリわかりましたね。

リモートログインできるようにしてlinuxマシン置き場に設置しましたが、ラズパイ３では無線LANが内蔵されてるため、ホントに電源だけ繋いでおけばよいのでスマートな感じでいいですね。

ラズパイ3はCPUが64bit対応になったので、OSのRaspbianも64bit版も出たのかな？と調べてみましたが、まだ準備されてないようです。
64bit化の恩恵が受けられるのはそれからになりそうですね！

セットアップが終わったので今後の展望について。
消費電力がかなり大きくなってるので、これまでのラズパイと比べて電子工作用途で電池で動かして遊ぶようなイメージは薄くなったかもしれませんね。
スペック的には私がレンタルしてるどのサーバーより高性能なlinuxマシンとなってしまったので、サーバーとして何かサービスを走らせる感じで使うかもしれません。
何か面白いものができたらまた紹介したいと思います！

こんにちは、海行です。

先日、スタジオジブリでも使われていたToonzというアニメ制作ソフトがOpenToonzとなってオープンソースで無償公開されました。

参考リンク：
ジブリも使うアニメ制作ソフト「Toonz」オープンソースで無償公開　現場の声を研究に活用

このソフト自体にも興味がありますが、搭載されたというドワンゴ製の人工知能を使った画風変換プラグインというものが気になります。
とりあえず試してみようとしましたが、試すまでに物凄くハードルが高くて大変でした。
他の方が試す際に助けになるように、レポートしたいと思います。

インストール環境

私の環境はWindows10 64bitなので、この環境を前提に説明していきます。

OpenToonzのインストール

↓こちらがOpenToonzの公式ページです。

OpenToonz

下の方にダウンロードの項目があります。
「OpenToonz」「GTS」「エフェクト」と３つの項目がありますが、とりあえずOpenToonzだけダウンロードしてインストールします。

エフェクトプラグインのインストール

OpenToonz本体にはドワンゴ製エフェクトプラグインは含まれていないので、導入します。

先ほどのダウンロード項目からエフェクトをクリックすると、いきなりGitHubのリポジトリに飛びます。
下の方のREADME.mdに英語でインストール方法の説明が書いてますが、「日本語」というリンクから日本語の説明に飛べます。

説明の中に、プラグインダウンロードリンクがあるので、そちらからダウンロードして解凍して、説明に従ってpluginファイルをC:\OpenToonz 1.0 stuff\pluginsにコピーします。

さらに、OpenCV3.1.0の導入が必要との事なので、OpenCVをダウンロードして、私はCの直下に解凍しました。
opencv\build\x64\vc12\binにあるopencv_world310.dllなどをOpenToonz_1.0.exeがあるフォルダにコピーする必要があるとのことですが、私の場合は環境変数のPathにopencv\build\x64\vc12\binを追加しました。

エフェクトプラグインの実行

さて、エフェクトプラグインの導入が終わったのでOpenToonzを起動してプラグインを試してみましょう。
しかし、初めて目にしたOpenToonzのインターフェースは意味不明でどうやったらプラグインを試せるのか色々触りまくって調べる羽目になりました。
相当わかりにくいので画像を入れて解説したいと思います。

何はともあれ画像がないとエフェクトのかけようがないと思ったので、「シーン」という画面に適当な画像をドロップしてみました。
ドロップするたびにシーンの下にCol1、Col2という感じで画像が追加されてってるようです。

で、エフェクトをかける画面はどれだ！？
メニューバーのウインドウ→その他のウインドウ→スキマティックを選ぶと「ステージ・スキマティック」という画面が出てきます。
ステージ・スキマティックの一番右下のボタンを押すと「エフェクト・スキマティック」という画面に変わります。
ここから画像にエフェクトをかける事ができます。

エフェクト・スキマティックはノードエディタっぽい感じになってます。
エフェクトのノードを追加するためにエフェクト・スキマティック画面上で右クリックして「エフェクトを追加」でエフェクトを選択します。今回はPlugins→DWANGO→Kaleidoscopeを選んでみました。

エフェクトのノードが表示されたら、Col1、Col2などの画像のノードからエフェクトノードにドラッグして線をつなぎます。
エフェクトのノードをダブルクリックするとエフェクトのパラメータ設定画面が表示されてパラメータ調整できます。
エフェクトのノードを右クリックして「プレビュー」を選択することでエフェクト実行結果を確認できます。

NeuralStyleプラグインのインストール

プラグインのテストもできたところで、肝心の人工知能プラグインを試すぞ！
と思いきや、それらしいエフェクトは見当たりません。

どうやら人工知能プラグインは先ほどのプラグイン集のzipには含まれていないようです。
人工知能プラグインについての説明はこちらにありました。

Windowsへのインストールへの説明が書かれていますが、要するにChainerの実行環境とopenoptとcvxoptが必要だそうです。
いきなり難易度が上がってますが、開発者でなければ普通の人は導入は難しい気がします。

とりあえず説明に従ってインストールを行いますが、そもそものpluginファイルが配布されていない事に気付きます。
つまりこのプラグインを自前でビルドする必要があるという事です。
これはなかなか難関です。

NeuralStyleプラグインのビルド

プラグインのビルド方法についてはこちらに「サンプルのビルド方法」が書かれてます。
Cmakeが必要だという事なので、ダウンロードしてインストールします。

私はビルドにはVisual Studio 2015を使いましたが、Visual Studio 2015はデフォルトではVisualC++が入ってないのでまだ入れてない人は入れておいてください。

参考リンク：
C++/Visual Studio 2015 試用記

人工知能プラグインのリポジトリをクローンしてきて、私はCの直下におきました。
（日本語パスが含まれてるとCmakeの動作に悪影響があるらしいので）

私は自分で四苦八苦して知ったのですが、NeuralStyleプラグインをビルドするにはOpenCVのビルドも必要になるようです。

という訳でOpenCVを先にビルドします。
すでにOpenCV3.1.0は前述の通りインストールされているとします。
CMakeのGUIを起動して、「Where is the source code:」にC:\opencv\sourcesを、「Where to build the binaries:」にC:\opencv\buildを指定して、「Configure」を押します。
「Specify the generator for this project」は、私は「Visual Studio 14 2015 Win64」を選択しました。
（OpenToonzは64bitプラグインしか受け付けないようです）
そのまま「Generate」できればそれでいいのですが、私の場合はWITH_CUDAのチェックを外さないと上手くいきませんでした。

Generateに成功したらC:\opencv\buildにVisualStudio用のプロジェクトファイルが生成されてるので、開いてビルドします。
ビルドに成功すればOpenCVの準備はＯＫです。

続いて、本番のNeuralStyleプラグインをビルドします。
CMakeのGUIを起動して、「Where is the source code:」と「Where to build the binaries:」にC:\OpenToonz_neural_style_pluginを指定して、「Configure」を押します。
「Specify the generator for this project」は今回も「Visual Studio 14 2015 Win64」を選択しました。
OpenCV_DIRを指定しろ！と怒られるので、OpenCV_DIRをC:/opencv/buildに設定してもう一度「Configure」して上手くいけば「Generate」します。
後はやっぱりVisualStudioを開いてビルドして、成功すればC:\OpenToonz_neural_style_plugin\bin\Debugに「DWANGO_NeuralStyle.plugin」ができてます。

NeuralStyleプラグインの実行

プラグインのビルドが成功して、説明に従ってインストールも行ったら、いよいよ実行してみます。

その前に、ビルドしたOpenCVのdllファイルをOpenToonzのフォルダにコピーする必要があります。
C:\opencv\build\bin\Debugの中にあるdllファイルを全てC:\Program Files\OpenToonz 1.0にコピーしてください。

さらに、どこにも書いてませんが、C\:の直下に「TEMP」というフォルダが無いとNeuralStyleプラグインの実行でこけるので、作っておいてください。

これでようやく準備完了です。

OpenToonzからNeuralStyleプラグインを呼んでみます。
NeuralStyleノードは入力が２つあるのでスタイルに使いたい画像と変換ターゲット画像を指定します。
ちなみに何だかわかりませんがContentに入力した画像がスタイルに使われてStyleに入力した画像が変換ターゲットに使われるようです。

GPUを使いたい場合はパラメータのgpuを0にします。
イテレーションは10だとあまり効果が出ないので必要に応じて上げます。最大は1000です。
「プレビュー」を押すとプラグインの実行が始まります。
しばらく待って上手くいけば変換された画像がプレビューに表示されます。
お疲れ様でした。

それにしても、NeuralStyleプラグインのバイナリは何故プラグイン集に同梱されてないんでしょうか。
ビルドが上手くいかない人のために一応↓からビルドしたpluginファイル（windows 64bit向け）を配布します。

http://soysoftware.sakura.ne.jp/upload/other/DWANGO_NeuralStyle.zip

結局OpenCVもビルドしないといけないからあまり役に立たないかもしれませんが…

ちなみに注意しておきたい点として、OpenToonzのソフト終了時に、「編集を保存しますか？」というようなダイアログが出ますが、素直に従って保存して終了すると、二度とOpenToonzが起動しなくなる現象が頻発しました。
終了時の保存は今のところ行わない方がよさそうです。
もし起動しなくなったらC:\OpenToonz 1.0 stuffフォルダを削除か退避した上で再インストールする必要があるようです。

今後の展望

ただOpenToonzの機能を試したいだけだったのに相当苦労するハメになりましたが、それだけの価値はあったかもしれません。

私はこの人工知能プラグインというのは単なるchainer-goghのラップじゃないかと想像してましたが、chainer-goghで処理可能なサイズより大きな画像を処理できてますし、高速に動いている気がします。

もっといろいろ試してchainer-goghと比較したり、中のPythonプログラムを解析したりなど色々調べ甲斐がありそうです。

こんにちは、海行です。

私はかねてからコンピュータに働いてもらう構想について考えていました。
コンピュータが働いてくれるなら、人件費もかからないで電気代だけのランニングコストで済むのでオトクですよね。

せっかくJetsonTK1をお借りさせて頂いてるので、TK1に仕事を振っておけば、僕が寝てようが遊んでようが２４時間ぶっ続けで働いてやってくれる仕組みを作ってみようと思います。

仕様

自分でやるのが面倒くさい仕事をやってもらうという事で、とりあえずChainer-goghによる画像合成を自動化してみたいと思います。

Chainer-goghはコンテンツ画像にスタイル画像の画風を適用できて、面白い画像を生成してくれますが、試してみないとどんな絵が出てくるのか想像できないところがあります。
一枚の処理にも時間がかかるので、一枚処理させて、終わったら別の組み合わせを試して…と面白い絵ができるまで手動で繰り返してたら面倒くさい事この上なしです。

コンテンツ画像のリストとスタイル画像のリストを渡すから、総当たりで全パターン処理してね！
とTK1に指示してやってもらえれば、これはラクチンです。

画像合成できたらどこか誰でも閲覧できるインターネット上にアップしたいと思いました。
TK1をwebサーバーにして何かwebアルバムアプリを突っ込んで閲覧できるようにしてもよかったのですが、TK1にはストレージ容量があまり無いこともあり、画像を無限にアップできるGoogleフォトのアルバムにアップする方式にしました。
FlickrやInstagramでもよさそうですが、これらは写真しか上げちゃいけない雰囲気がありそうだったので避けました。

仕組みを図示するとこんな感じです。

①まず、ユーザー（私）がGoogle Photoのスタイル画像用アルバムとコンテンツ画像アルバムに、合成に使ってみたい画像をアップしておきます。
②TK1はGoogleフォトの２つのアルバムを参照して、ローカルに持ってない画像はダウンロードして同期します。
③TK1はまだ作ってないパターンの合成画像を探して、合成して、終わったらGoogleフォトの合成結果用アルバムにアップロードして、②に戻ります。全パターン完了するまで繰り返します。

Googleフォトを使う事で、どこにいても素材画像をアップできますし、自分以外の人に素材画像をアップしてもらう事も可能になりました。

実装

TK1にはUbuntuが入ってるので、プログラム言語の選択肢は色々あります。

要するにchainer-goghを繰り返し叩くだけなので、bashでも良さそうな気がしましたが、若干ややこしい処理が入るかもしれないですし、Pythonからでもコマンドを叩けるという事らしいので、Pythonで書く事にしました。

参考リンク：
Pythonから外部コマンドを実行する

Pythonを書くにしても何のエディタで書けばいいかなと思いましたが、Visual StudioにPython拡張があるらしく、インテリジェンスも効くらしいのでこれを使う事にしました。
メインＰＣのWindowsにもPythonの環境は入れてあるので、Windowsで開発して動作確認してからTK1にデプロイする流れで行くことにしました。

参考リンク：
「Visual Studio 2015」に対応した「Python Tools for Visual Studio 2.2」が正式版に

Googleフォトには画像をアップしたりできるAPIはあるのかな？とググッたら、無いようでした。
早くも挫折しそうになりましたが、どうやらPicasaウェブアルバムAPIでGoogleフォトにアップしたりできるとわかりました。
PicasaウェブアルバムAPIはPythonもサポートされてるそうです。

参考リンク：
Picasaウェブアルバムは4月いっぱいまで APIも一部サポート終了へ
Developer’s Guide: Python
Getting Started with the Google Data Python Library
日暮途遠（Linux） Posts Tagged ‘Picasaウェブアルバム’
Picasa APIの使い方まとめ(サンプルコード付き)

ちなみに、Developer’s Guide: Pythonでは

$ pip install --upgrade google-api-python-client

をしてからgdataとatomフォルダをコピーしてくればＯＫと書かれてますが、実際にはtlsliteのインストールも必要です。

$ pip install tlslite

さらに、Pythonを使ってGoogleフォトにアップする方法を調べてると、ありがたい事にそのものズバリのPythonスクリプトをGithubに上げてくれてる人がいました。

参考リンク：
Using Google Picasa API with Python
A python-based file uploader for PicasaWeb

これはフォルダを指定すると、そのフォルダ名でGoogleフォトにアルバムを作って、そこにローカルにしかない画像をアップするスクリプトです。
PicasaウェブアルバムAPIはメールアドレスとパスワードを入力して簡単にログインする方法は非サポートになって、ややこしいOAuth認証でのログインが必須になりましたが、このスクリプトではOAuth認証でのログインができます。

という訳で、このスクリプトをベースにさせてもらって書いていくことにしました。
ローカルにしかない画像をwebにアップする事はできますが、web側にしかない画像をローカルフォルダにダウンロードしてくる機能は無かったので追加しました。

参考リンク：
How do I download images from Picasa Web API in Java
Webサーバーにあるファイルをダウンロードする

それと、GoogleのOAuth認証を行うにはクライアントシークレットという文字列が必要になります。
Googleデベロッパーコンソールで認証情報→認証情報を作成→OAuthクライアントID→その他　で作成できます。
OAuthログインでは初回だけブラウザで許可リクエスト画面が出てくるので、いきなりリモートのsshで実行してもログインできません。
初回は手元のＰＣで実行するとか、TK1にディスプレイを繋いで実行する必要があります。

chainer-goghの呼び出しは普通にコマンドを叩く感じでsubprocess.check_output()を使いました。
一つの長い文字列として渡してみると、Windowsでは上手くいきましたがJetsonTK1上ではだめでした。
引数ごとに要素を区切ったリストとして渡さないといけないようです。

大体処理が上手くいったのでwhile(True)の無限ループで囲んで、全パターン終わったらsys.exit()で抜けるようにすれば完成です。
と、思ったら、APIをポツポツ叩いてると突然Googleサーバーから遮断されてエラー終了する事がありました。
負荷をかけすぎたのでしょうか。
どれくらい負荷をかけると規制されるのかはよくわかりませんが、しばらくしたらまた正常に通信できるようになりました。

なので、対策として、main関数をtryの中に入れて、何かエラーが起きてcatchしたら１０分待ってリトライする処理を加えて通信エラーが起きても強制終了しないようにしました。

結果

上手い事動くようになりました。

まず、こちらがコンテンツ画像アルバムです。こちらがスタイル画像アルバムです。

ちなみに他の人からもアルバムに画像をアップできる設定にしてあるので、Google+にログインすれば今のところ誰でもTK1に画像合成させられます。

そして、こちらが合成結果画像のアルバムです。
大体８時間に１枚くらいのペースでアップされてるようですね。
使用してるモデルはi2vで画像サイズは435ピクセル四方です。

これで、TK1君に自動処理でジャンジャン画像合成させる目的は達成できました。

Twitter連携

完成はしましたが、何だか黙々と画像を合成してて、人間味がない感じがします。
画像合成に成功する度に報告もしてほしいです。

そこで、JetsonTK1からの報告用のTwitterBOTを作ることにしました。

↓こちらです。

https://twitter.com/JetsonTKoneChan

JetsonTK1はウチに入社してきた新入社員という体の設定で、JetsonTK1oneちゃんという名前にすることにしました。

Pythonからtwitterに書き込みを行うのは参考URLの情報を参考にかなり簡単にできました。

参考リンク：
Python で Twitter API にアクセス
Python で画像付きツイート

今後の展望

大体思ってた通りのものがいい感じにできたので、これからもTK1やラズパイ３に色々面倒な仕事を振っていきたいと思います。

とりあえず次に何をさせたいかというと、保有銘柄株式価格の推移やドル円の報告を一日一回くらいしてほしい感じがしますね。
そういうAPIがある訳ではないみたいですが、WebからスクレイピングしてくるPythonのライブラリがあるようです。

参考リンク：
Yahooファイナンスをスクレイピングして株価を抽出する

１万円くらいを元手にコンピュータに株を自動売買させて遊んでもみたいんですが、やっぱりそれもAPIを用意している証券会社はほぼ無いようです。
まあ、誰でも簡単にアクセスできるAPIがない状況だからこそ、スクレイピングなり何なりで自分だけやってしまえば、逆に出し抜けるチャンスではあると思いますが。

twitterのBOTが作ってみたら結構面白かったですね。
BOTをフォローしておけばツイートさせるだけでゆるい報告になって便利です。
緊急の報告はリプライやDMを飛ばせばいいでしょう。

そういえば先日のBuild2016でSkypeやSlackのBotが作れるMicrosoft Bot Frameworkが公開されましたね。

参考リンク：
Microsoft、人工知能ボット作成フレームワークを公開

Line用のBotが作成できる「BOT API Trial Account」の提供も開始されました。

参考リンク：
【LINE】メッセージングAPIのオープン化に先駆け、先着1万名限定でBOTアカウントを自由に開発できる「BOT API Trial Account」の無償提供を開始

これからはBotがアツい！？
このビッグウェーブに乗っかって何かやってみたいですね。

こんにちは、海行です。

そう言えば去年の年末にUnityAframeExporterを作ったんですが、そのまま放置してて、ブログにも記事にしてなかったので、書いてみます。

UnityAframeExporterとは何か？
UnityのSceneをA-Frameとして出力できるUnityアセットです。

ではA-Frameとは何か？

A-Frameとは？

Mozillaが開発している、手軽にWebVRコンテンツを作れるフレームワークです。
ブラウザから閲覧できる３ＤのVRコンテンツを、htmlのタグ打ちみたいなノリでササッと作れます。

公式サイトはこちら。
Examplesで色々なサンプルを見れるので、どんな事ができるのか大体確認できます。

詳細な情報はすでに親切な解説を上げてくださってる方々がいらっしゃるのでそちらをご参考に。

参考リンク：
新しいWebVRフレームワークA-Frame入門
HTML数行でVRできるA-Frame

A-Frameで何が嬉しいかというと、これまであまり簡単に制作する手段の無かったWebVRコンテンツを、お手軽に制作できるようになりました。
何でWebVRがいいのかというと、何といってもマルチプラットフォームですから、一つのコンテンツをOculus Riftからでも普通のＰＣブラウザからでも、Cardboardからでもスマホ単体からでも楽しむことができます。
わざわざユーザーにアプリをインストールしてもらう必要もないのでめんどくさくなくて、気軽に体験してもらえるはずです。

とりあえず今すぐA-Frameが活躍できそうな分野は、

・全天球写真、動画をHMDやブラウザで楽しむコンテンツは一瞬で作れる（全天球動画はYoutubeでも楽しめますが）
・自作の３ＤモデルをHMDやブラウザで眺めたりウォークスルーするコンテンツは一瞬で作れる

要するにこういう置いただけのライトなコンテンツはすぐ作れます。
ただしそれ以上に色々凝ったギミックをやろうとするとjavascriptを書きまくるはめになります。

UnityAframeExporterとは？

A-Frameのおかげで簡単にWebVRコンテンツが作れるようになりました。
しかし、私なんかはA-Frameのタグ打ち自体がすでにダルい！

３Ｄ空間にタグで座標指定してhtmlを保存してブラウザをリロードして確認して…もうちょっと上かな…って修正して…
なんて事チマチマやってられないという訳です。

３Ｄにオブジェクトを配置するならエディタが必要不可欠でしょう。
が、A-Frameのためにイチから３Ｄエディタの開発なんてそれこそやってられません。

そこで一計を案じて、UnityエディタをA-Frameエディタとして使ってしまおうという訳です。
Unityエディタで好きなように３Ｄオブジェクトを配置して、そのシーンをそのままA-Frameとして出力出来れば一発ＯＫです。

今回はA-Frameを出力しましたが、フォーマットさえ変えれば、どんな形式の物でも出力できると思います。
やろうと思えばUE4に対して出力することもできるでしょう。
というかもう作られてます。

参考リンク：
Thread: Unity to UE4 scene converter

さて、UnityのシーンをA-Frameに変換するわけですが、これでUnityのアセットストアの3DモデルをA-Frameに持ち込んだらどうなるんだろう？
そもそもアセットストアのアセットをUnity以外で使っていいのか？
アセットストアの人に訊いてみました。

.@kaigyoPG Unityで最終的なビルドをする、あるいはレンダリングエンジンとしてUnityを使う、ゲームまたはインタラクティブコンテンツでのみご利用いただけますぅ〜！

— UnityAssetStoreJapan (@AssetStore_JP) December 30, 2015

.@kaigyoPG ただし、アセットの作家さんに個別に相談して許諾を得れば先の回答以外の方法での利用もOKです！

— UnityAssetStoreJapan (@AssetStore_JP) December 30, 2015

との事でした。
アセットストアのアセットはUnityからしか使えません！

ちなみに、ユニティちゃん関係のアセットはアセットストアじゃなくてユニティちゃんオフィシャルウェブサイトで配布されてますので、ライセンスはユニティちゃんライセンスのみが適用されます。

現在のユニティちゃんライセンスの規約ではUnityに縛る規定は無いので、A-Frameで出力も可能ですね。

UnityAframeExporterを使ってみよう

とりあえずサンプルの出力までを解説してみます。

まず、GitHubのUnityAframeExporterのリポジトリをクローンするか、「Download Zip」のボタンを押してZipファイルをダウンロードして解凍します。

Unityを起動してダウンロードしたリポジトリをプロジェクトとして開きます。

↓「sample」シーンを開きます。

↓プロジェクトビューのAFrameExporterプレハブをクリックしてインスペクタを開きます

インスペクタのExportボタンを押すとexportというフォルダにA-Frameを出力できます。

↓Runボタンを押すと出力したA-Frameをブラウザで実行できます。

Unityのシーンビューとほぼ同じ見た目でA-Frameに出力できました。

こんな感じです。
その他の細かい仕様や注意点はGitHubリポジトリのREADMEをご確認ください。

互換性はかなり低いので、Unityで作ったバリバリのゲームのシーンをそのままA-Frameにコンバートしようとしても表示が崩れると思います。
そこはあくまでUnityエディタをA-Frameエディタとして使えればいいと私は割り切ってるので、ご了承願います。

UnityAframeExporterの使用例

なにか使用例があった方がいいだろうなと思って作りました。

ユニティちゃん達を置いただけのA-Frameです。

↓URLはこちら
http://umiyuki.github.io/aframe-sample/

GitHubPagesに置くだけで公開できるのでラクでいいですね。
ホントはもうちょっと何かギミックを仕込もうと思ってアレコレ触ってたんですが、色々あって断念しました。

さて、まるですんなりとUnityからA-Frameをエクスポートできたように言ってますが、実際には色々と手間がかかりました。
まず、前述のサンプル出力画像を見てもらえばわかるのですが、出力されたユニティちゃんに微妙なシェーディングがかかってます。
これはA-FrameではUnityのシェーダをそのまま適用できる訳ではないので適当に変換してるせいです。
微妙なシェーディングになるくらいなら、いっそシェーディング無しにしましょう。

UnityでUnlit系のシェーダを適用するとA-FrameのFlat（シェーディング無し）になるようにしてあるので、ユニティちゃん達のすべてのメッシュのシェーダをUnlit/Textureに差し替えます。
さらに、ユニティちゃん達のテクスチャはtga形式ですが、A-Frameはtgaに対応してないのでpngで保存し直した物に差し替えます。
これで大体ＯＫかなとGitHubPagesに上げてみたら何故かユニティちゃん達の身体が表示されずに生首が浮いてました。

なぜ？とあれこれ調べてたら、何故かはわかりませんがGitHubPagesだとアンダーバーから始まる名前のファイルの読み込みに失敗するようです。
これもチマチマリネームしました。

そんなこんなで結局一筋縄ではいかない感じですが、それでも使いこなせば便利かもしれないので、よかったら使ってみてください。

A-Frameについて思う事

そんなA-Frameですが、試した感じとしてはまだちょっと安定してないかな？という印象です。
なんかローカルだとファイル読み込みが上手くできなかったり、CHANGELOGを見たらガッツンガッツン仕様変更が入ったりしてます。
個人的には、VRモードのままA-Frameから別のアドレスのA-Frameにジャンプしたりしたいのに、ブラウザの制限のせいでできないのがつらい所ですね。

慌てて使うより、もう少し成熟するのを待った方がいいかな？と思いますが、WebVRやる必要があるなら試す価値アリです。
スマホでどこまで動作するのか怪しいあたりがイマイチ手放しにプッシュできない所なんですよね。

記事では散々ライトなコンテンツしか作れない的な言い方をしてますが、実はかなり奥深いところもあります。

例えばこちらのa-invadersでは、A-Frameでゲームっぽいものが動いてます！

A-Frame内の要素はEntity-Componentパターンで構成されています。
つまり、自分でjavascriptで書いたコンポーネントを各エンティティにアタッチして機能拡張することができます。
考え方としてはUnityのコンポーネント指向に似てるんですよね～。

使いこなせば結構凝ったゲームとか作れるかも！？

だからA-Frameは今後成熟にともなって大きなポテンシャルを発揮するかもしれないと思ってます。

今後の展望

UnityAframeExporterは改良の余地がありますが、もうあまり弄らないかも…
せっかくGithubにMitライセンスでアップしたので、誰かがいい感じに直してくれるのを期待します！（他力本願

そもそもWebVRの今後の展望が気になります。
果たしてWebVRの時代はやって来るのでしょうか。

単発のＶＲコンテンツが散発的にあちこち置かれてるだけだとイマイチスケールしなさそうな感じがするので、何はともあれWebVRからWebVRへシームレスにリンクして、巨大なVRネットワーク世界を形成できるようになる事が重要な気がします。

Undertaleというゲームについての与太話。ネタバレを含みます。

私たちは常に他人の視線に晒されています。
街を歩いている時に他人から見られないで済ますというわけには行きません。ある意味で我々の行動は他人のまなざしによって規定され、制限されています。
例えばファミレスで明太パスタを食べた後、皿に残った明太子の粒々をねぶりとったりしないのは、そこに他人の視線があるからでしょう。
家の中にいれば他人のまなざしから逃げられるでしょうか？しかし、家の中に籠って隠れても、ＬＩＮＥの友達からはあなたからのメッセージが来ないことを監視されている、そうではないでしょうか。
じゃあ無人島に住めばまなざしから逃れられるでしょうか？しかし無人島で一人で生き抜くのは困難です。
というわけで我々はこの社会で生きてる限り他人からのまなざしから逃れる事は不可能でしょう。
そして、他者からのまなざしによって自分の人生が規定され、束縛を受ける事からは逃れられないのです。

ちなみに僕は読んでないですが、見田宗助さんの「まなざしの地獄」という本には、他者とは生きる意味と喜びの源泉であり、また、ありとあらゆる不幸の元であるというような事が書いてあるそうです。

前置きはこれくらいにして、Undertaleの話に入ります。
Undertaleでは主人公（Frisk）は執拗に徹底的に他者のまなざしに晒されます。

トリエルさんは最初、主人公の一挙手一投足を見守ってますし、別れた後も執拗に電話してきます。

次に現れるフラウィーも「君が誰も殺さないでどこまでいけるか楽しみだ」というような事を言ったのち、後をつけてきて見張ってきます（もと来た道を歩くとたまにチラチラ映る）

一番極端なところでは、RUINSを抜けたら茂みやら何やらそこらじゅうに監視カメラがあり後ほどアルフィス博士が主人公の行動を常に見張っているという。映画のトゥルーマンショーばりの見られっぷりです。

サンズも行く先々で現れて、主人公の冒険を監視してるみたいだし、最終的には主人公の行いの審判を下します。やはり強力な眼差しです。（「ちゃんと目ん玉ひん剥いて見といてやるからよ」）
雪かけらを持ってエンディングを迎えるとその事について言及しますが、つまりそういうところまで見張られてます。

マフェットの蜘蛛もクモのドーナツやサイダーを買ったかどうかで対応が変わりますね。

パピルスとアンダインは友達になるまでは主人公を追いかけて捕まえようとします。追跡のまなざしですね。友達になった後も常に電話に応じてくれるので、ある意味で間接的な監視と言えるかもしれません。

隠しキャラのガスターさんも、次元のはざまに砕け散って世界に遍在するようになってしまい、主人公の事を見ているらしいです。

主人公を何度もＴＶショーに出演を強制するメタトンなんかは、まさに主人公をトゥルーマンに仕立て上げようとしてると言えるでしょう。ＥＸ戦なんかは視聴率も爆上げになってしまって、まさに地下世界中のまなざしを主人公に集めてしまった感じです。

さて、これでどいつもこいつも主人公にまなざしを向けている事はわかりましたが、どのまなざしにもある期待が込められてします。
「いい子にしてなさい」という期待です。
Ｇルートのパピルス戦でのパピルスのセリフなんかが象徴的だと思います。
これらの期待のまなざしによって主人公の行動は規定され、不殺を貫いたりもするでしょう。

しかしまなざしは同時に束縛でもあります。
他者からのまなざしに縛られたくない、しかし他者が存在する以上まなざしからは逃れられない。

本当にそうかしら？だったら他者がいなくなればいいじゃない。
というのがＧルートって感じでしょうか。

Ｇルートを完遂して、世界を破壊して、これで誰も眼差しを向ける者はいなくなった。
私は自由だ！
と思ってたら出てくるのがCharaです。Charaは主人公の中に潜んでいて、主人公の事をずっと見ていた存在です。
ある意味自分自身みたいなものです。
世界を破壊してそして誰もいなくなっても、結局自分を見つめる自身のまなざしからは逃げられなかった…というオチだった…？

そういえばCharaがお目目パッチリなのに対して主人公はずーっと目を閉じています。
つまり主人公はまなざしを持っていないという事です。
という事は他者を規定し縛ることができません。
トリエルさんやアルフィスやパピルスにアプローチしてデートしても毎回フラれるのは主人公がまなざしを持たざる者だからかもしれませんね。（Charaにはベストフレンドがいる）

こんにちは。海行です。

ポケモンＧＯに対抗してユニティちゃんＧＯを作りました。

「ユニティちゃんGO」がGooglePlayで公開されました！これでユニティちゃんを捕まえ放題じゃぞおおおお！！今すぐダウンロード！！　　https://t.co/umFJCMBPpD pic.twitter.com/ASVqAbPj9c

— 海行(うみゆき) (@_darger) July 28, 2016

ユニティちゃんGO、できたよ pic.twitter.com/zgm4yujMLT

— 海行(うみゆき) (@_darger) July 27, 2016

えっ、家にいるとポケモンを捕まえられなくてつまらない？だったらユニティちゃんを捕まえればいいだろ！という訳で「ユニティちゃんGO」のAndroid用apkを配布します。遊んでどうぞ。　　https://t.co/t5L354HWip pic.twitter.com/wRLEy6pxOA

— 海行(うみゆき) (@_darger) July 28, 2016

AndroidがあればGooglePlayからダウンロードできるので、ぜひ遊んでみてください。

https://play.google.com/store/apps/details?id=jp.ne.sakura.soysoftware.unitygo

何故クローンゲームを作るのか

何故私はクローンゲームを作るのか。
その行為にどんな意味があるのでしょうか。

まず、やっぱりそのゲームが好きだからこそ真似したくなるという事があると思います。

次に、そのゲームが話題だからという事。
話題に乗っかりたいという事もあるでしょうし、何より物凄い話題になってる物というのはゲームに限らず歌や漫画などのコンテンツでも、その中に一定の真理が含まれているからこそみんなの心に響いて話題になったのでしょう。（このロジックは蒼天航路からの受け売り）

つまりクローンゲームを作ることはその元ゲーム、ひいては真理を理解するという事なのです。

もちろんゲームを普通にプレイするだけでもそのゲームのルールや攻略法は理解できます。
そのゲームが面白いのか、面白くないのかも触れば自分自身がのめり込むかどうかで判断できます。
でも、そのゲームが何故面白いのか、そもそも何故こういうルールになってるのかなどはプレイしてもハッキリこうだと理解するのは難しいです。

同じようなゲームが一杯出てジャンル化したゲームなら、似たゲームとの差分を比べてこっちはこの要素があるから面白い、など論じる事はできますが、いきなり画期的なゲームがポンと出てしまった場合は比較対象が無い内は分析は困難です。

そんな時、そのゲームの何が面白いのか理解したい時はクローンゲームを作ることが一番手っ取り早いのです。

クローンゲームを作ってみて、原作と同じように作ったのにこっちは全然面白くない、という事であれば、原作の面白さはクローン側でまだ未実装の部分か、あるいは見逃してる秘められたパラメータか何かにあると切り分けができます。

逆に、原作と同じ面白さがある！という所までいけば、後はどこまで要素を削ってその面白さが維持できるか、あるいは何をどこまで変えたらつまらなくなるか、あるいは面白くなるかを調べる事で原作の何が面白いのかが浮き彫りになります。

～のようなゲームを作りたい！と思ったら、まずは原作を完コピして面白さを理解した上でアレンジするという流れが鉄板だと思います。

クローンゲーム制作最速のメソッド

そういう訳で「クローンゲーム制作最速のメソッド」と題して、開発中のツイートの記録を頼りにユニティちゃんＧＯリリースまでの制作日記を書いてみたいと思います。

■７月２２日　ポケモンＧＯ日本リリース

ポケモンGO来たぞおおお！みんな　傘持ったな！！行くぞォ！　→RT

— 海行(うみゆき) (@_darger) July 22, 2016

オラッ！ピカチュウ！観念してイけっ！！てか街は早くもトレーナーだらけやぞ…マジ。すでに2人すれ違ったもん pic.twitter.com/Q5oRHU6miG

— 海行(うみゆき) (@_darger) July 22, 2016

この日の１０時頃に日本でポケモンＧＯがリリースされました。

私はポケモンＧＯ発表時からこれは物凄いゲームになると予測して注目していたので、リリース直後に早速ダウンロードして雨の中ピカチュウを捕まえに出撃していますね。

これ（https://t.co/YEjzJx56Am）を使ってingressのポータルデータを抽出しようと試したらエラーが出てしまうんですが、ボット対策がかかって抜けなくなってるらしい。

— 海行プログラム (@kaigyoPG) July 22, 2016

↑12時の時点ですでに不穏な動きが見られます。

早速クローンゲーム制作に着手しようと考え始め、まずはIntel MapからIngressのポータルデータ（これはポケストップのデータに転用されてます）をぶっこ抜こうと考えたようです。

しかし、NIANTICにとってはプレイヤー達と一緒に当然苦労して作り上げたポータルデータは大切な財産でありますし、データぶっこ抜きはサーバーに大きな負荷がかかってしまうなどの理由からか、Intel Mapにはすでにボット対策が仕掛けられており、ぶっこ抜きのスクレイピングスクリプトは動作しなくなってました。

ingressからデータ抜くよりオープンストリートマップから抜いて使う方がリーガル的にも無難やろなあ

— 海行プログラム (@kaigyoPG) July 22, 2016

13時には方針を転換してもう少しリーガルな方法を考えようという事で、オープンストリートマップというオープンソースの地図プロジェクトのデータを利用しようと考えたようです。
ライセンスもクリエイティブコモンズなのでこっちの方が無難でしょう。

オープンストリートマップ、ここ（https://t.co/oBSn8yXwbR）から1GBの日本のデータ落としてこちら（https://t.co/gV4192xxSa）のツールでPOIを抽出したCSV化したら26MBか…。変な改行入ってたから秀丸マクロで整形する必要ありましたが

— 海行プログラム (@kaigyoPG) July 22, 2016

オープンストリートマップから日本の地図データをダウンロードしてスポットのデータを抽出することに成功したようです。
抽出データはIngressのポータルデータの代用として使えそうですね。

■７月２３日　仕様把握

この日はたしか仕様把握という名目でポケモンＧＯで遊びまくってて、とりあえずＬＶを５にしてジム戦を試してみたりした気がします。

UnityでSQLiteを使うにはSQLiteUnityKitってのがGitHubにあるそうな（https://t.co/CAnh4YQrZO）でもいくつか問題点があるらしい（https://t.co/mFwJy77UY8）

— 海行プログラム (@kaigyoPG) July 23, 2016

オープンストリートマップから抽出したスポットデータはSQLiteに保存してUnityに読み込ませようかななどと画策しています。

なんで前回ＧＰＳゲーム作るのやめたんだろと思ったら、そういや地図表示アセットがMapQuestにAPI発行してマップタイル取得するんですが、この取得量のAPI回数制限が結構キツいんだった。ってかもうMapQuestはマップタイル取得サービス停止してるし…

— 海行プログラム (@kaigyoPG) July 23, 2016

昔試したマップ表示アセットを引っ張り出したようです。
ポータルデータの次は地図表示をどうするかについて考えてますね。

この時試したアセットでは内部でMapQuestというサービスを呼んでいるのですが、残念ながらすでにMapQuestのタイルマップ要求ＡＰＩはクローズしてしまってました。

ActionStreetMapでお散歩。六本木ヒルズ付近、御茶ノ水付近、渋谷付近 http://t.co/OjVDINOqTL #unity pic.twitter.com/xV8MAUWc8Q

— 椿 (@tsubaki_t1) August 20, 2015

ActionStreetMap(https://t.co/FrbTkHleD2)ってのを使ってオープンストリートビューのデータをUnityで表示される方法について考えましたが、通信したくないからローカルに持たせたろと思いましたが、日本だけでも3GBだの6GBとローカルに

— 海行プログラム (@kaigyoPG) July 23, 2016

@kaigyoPG 持っていいサイズじゃないですね。要らんデータを削除すれば容量減るかなと思っても、OSMの編集方法わけわかめだし、あんまり減らない気もする。う～～～む、ってかGoogle Maps APIってAndroid端末で表示する分には無償版なら無料なんですね。う～～～む

— 海行プログラム (@kaigyoPG) July 23, 2016

ActionStreetMapという、オープンストリートマップのデータを読み込んで３Ｄのマップを表示してくれる無料Unityアセットの使用を検討してますが、使い方がわからず（ドキュメントもない）このあと諦めます。

GoogleMapsAPIの規約を見たら、無償版は基本的には無料で誰でもダウンロードできるって前提が必要なんだけど、GooglePlayとかAppStoreで配布するモバイルデバイスのアプリなら有料でもいいって書いてますね。　　https://t.co/wFC5V2KnL0

— 海行プログラム (@kaigyoPG) July 23, 2016

ホントはActionStreetMapってアセット使いたかったけど使い方わかんないしドキュメントも無いので諦めた。昨日はGoogleMap使おうかなと言いましたが、無料のGoogleMapsAPIはGoogleMapのViewを使う感じでUnityから使えないし、Unityから→

— 海行プログラム (@kaigyoPG) July 24, 2016

@kaigyoPG 読み込めるStaticMapsAPIは一日25000枚しか取得できない（一人当たりじゃなくてアプリ全体で）のでボツ。

— 海行プログラム (@kaigyoPG) July 24, 2016

ここではGoogleMapのStaticMapsAPIの使用を検討してますが、まず勘違いしてるのがGoogleMapsAPIが無料というのはAndroidのViewにGoogleMapを表示できるサービスの事で、Unityからは使えない物です。

Unityでテクスチャとして読み込めるタイルマップ画像を取得できるStaticMapsAPIもありますが、こちらも無料枠は１日に2万5千枚までとかなり限定されてるのでボツに。

■７月２４日

巷ではポケモンGOが流行ってるらしいので、便乗してUnityちゃんGO作ってみました。 pic.twitter.com/BkZS5FAG8y

— マサキ㌠ (@Masaki_ponpoko) July 23, 2016

↑そろそろ私以外にもユニティちゃんＧＯ制作に取り掛かる方が現れてます。
クローンゲーム開発競争は熾烈な争いだ。

ポケモンＧＯがHoloLensに対応したらこうだぞ pic.twitter.com/QkdTTmI0qX

— 海行(うみゆき) (@_darger) July 24, 2016

↑その頃私はこんな漫画を描いていた。

オープンストリートマップの日本地図をUnityで読み込もうとしたらメッチャ大変だったメモ。まず日本のpbfファイルが1GBもあるので余計なデータを消してサイズを小さくしたいので、QGISで読み込みます。そんで道路のレイヤーを選んでメタデータとかを消すために一旦dxfで保存して→

— 海行プログラム (@kaigyoPG) July 24, 2016

@kaigyoPG もう一回インポートして今度はshapefile形式で保存します。次はJOSMってソフトを立ち上げてshapefileを読み込んでosm形式に戻します。この時点で1GBあったファイルを73MBにできてます。データから地名とかは全部消えてるけど。

— 海行プログラム (@kaigyoPG) July 24, 2016

@kaigyoPG それでできたosmをOSMToUnity(https://t.co/GkF87QUJQp)でUnityに持ってこようとしてるんですが、パースし終わるのにあと数時間かかりそうな感じなので待ってます。まあ一度読み込めば後は小分けのプレハブとかにすればいいんで。

— 海行プログラム (@kaigyoPG) July 24, 2016

@kaigyoPG 僕は地図データ界隈は素人ですが、使いやすいデータ形式ですよ～いろんなソフトで変換サポートされてますよ～との事でしたが、実際は罠だらけで解法は多分これしかないかもしれない。散々嵌った。もっと簡単にosm編集する方法知ってらしたら誰か教えてください

— 海行プログラム (@kaigyoPG) July 24, 2016

通信でタイルマップを取得するのは諦めて、またもやオープンストリートマップから道路のデータだけを抜き取ってローカルに持たせようかなという事について画策してますね。

■７月２５日

この日には、ＧＰＳ使って地図表示してポケストップどうこう…って仕様を再現するのは結構手間だから、とりあえずはボールを投げてモンスターを捕獲するところだけ作ってとにかく一番乗りでリリースする事に集中しよう！という事を考え始めました。

え…なんかGalaxyS6でバックカメラがWebCamTextureで取得できないんだけど…とググッたら、どうもGalaxyS6でUnity5.3.5とandroid6.0.1の組み合わせで再現するらしい。これは困りますね　　https://t.co/bf7e0G4Gv2

— 海行プログラム (@kaigyoPG) July 25, 2016

@kaigyoPG Unity5.4.0f1RC2で試したら直ってました。めでたしめでたし

— 海行プログラム (@kaigyoPG) July 25, 2016

差しあたってまずUnityでジャイロセンサーを使ってＡＲでユニティちゃんを表示しようとしてさっそくトラブってる様子。

Unityでスワイプ検出。一昔前まではこういうの有料アセットしかなかったのに、いい時代だ…naichiさんありがとう。最新版の使い方は記事じゃなくてGitHubの方に書いてる　　　【Unity】スワイプ、フリック操作を検出してみる。 https://t.co/jsSFVgXwuo

— 海行プログラム (@kaigyoPG) July 25, 2016

寝るまでにスワイプでボールを投げるあたりまでは作ったっぽいです。

■７月２６日

3Dキャラに追従してＵＩ表示させたりするのはコチラを参考にしました。３種類のCanvas全パターン載ってます　　【Unity】【uGUI】Screenの座標とWorld（3D）座標の変換について – テラシュールブログ https://t.co/Koc1psYfvE

— 海行プログラム (@kaigyoPG) July 26, 2016

キャラの頭の上に名前とＣＰが表示される奴を作ろうとしてますね。

UGUIの要素の描画順ってどうなってんだっけ？とググッたらヒエラルキーの上から順番なのか…。アッハイ。でもそれだと子要素を親より奥に描画できないですね。たしかに子の方が手前に描画されるのが常識的感覚ではあるのですが

— 海行プログラム (@kaigyoPG) July 26, 2016

こちらで紹介されてるUGUIでTweenができるアセットが便利でまた使わせてもらおうとしたら、uTweenAlphaがfrom,toの値→　　uGUIでTweenしたい!! – WonderPlanet DEVELOPER BLOG https://t.co/ohYv6dT7CH

— 海行プログラム (@kaigyoPG) July 26, 2016

ＵＩ周りを作っていますね。

Androidでスクショ取る奴やろうとしたらエラー出ますね。こちらを参考に直前にWaitForEndOfFrameを挟んで解決　　　ReadPixels was called to read pixels from system https://t.co/5zSiDDOF7N

— 海行プログラム (@kaigyoPG) July 26, 2016

撮影ボタンでスクショが撮れる奴を作ってますね。

■７月２７日

なんかLoadLevelのタイミングでGalaxyJで落ちますね…GalaxyS6は大丈夫なんだけど。どうもWebCamTextureをPlayしっぱなしでLoadLevelしてるのがマズいらしく、直前でStop入れたら行けた　 https://t.co/Pv0FRUI2nb

— 海行プログラム (@kaigyoPG) July 27, 2016

クリアしたらLoadLevelで最初に戻してシーケンスを通そうとしてますね。

セーブデータをシリアライズするのにLitJsonを使うべきかJsonUtilityを使うべきか…JsonUtilityの方が速いし省メモリだけどListやDictionaryがシリアライズされなくてめんどい…　　　JsonUtili https://t.co/DA8l1h9nvY

— 海行プログラム (@kaigyoPG) July 27, 2016

セーブ、ロード周りを作ろうとしてますね。

Unityはアセットインポート中も作業させてくれないかな。ヒマぶっこきだわ

— 海行プログラム (@kaigyoPG) July 27, 2016

この４０００個サウンドが入ってるっちゅうアセット、一杯あって嬉しいけどインポートクソ長いから胃痛がしてきて嬉し悲しですわ

— 海行プログラム (@kaigyoPG) July 27, 2016

大体完成したのでさっさと効果音を入れて動画を撮ってアップしたいのに効果音集アセットのインポートに時間がかかりすぎてイライラしてますね。

前触れなくGalaxyS6でＳＤユニティちゃんの表示が崩れだした。GalaxyJだと正常表示。ははは…面白いですね。エディタだと正常だし実機でデバッグするっきゃないなとMonodevelop起動したら起動せず落ちる。一層面白くなってきやがったぜ

— 海行プログラム (@kaigyoPG) July 27, 2016

@kaigyoPG SDユニティちゃんの表示直りました…SDユニティちゃんをインポートした後にボイスも欲しくなってリアルユニティちゃんの方もインポートしたのですが、その際共通で利用してるシェーダが上書きされて表示が崩れたようで、もう一度SDユニティちゃんインポートしたら直りました

— 海行プログラム (@kaigyoPG) July 27, 2016

ここに来て実機での表示バグに遭遇してテンパってますね。

ユニティちゃんGO、できたよ pic.twitter.com/zgm4yujMLT

— 海行(うみゆき) (@_darger) July 27, 2016

また一つ、クローンゲームジャムの戦いが終わった

— 海行(うみゆき) (@_darger) July 27, 2016

結局朝までかかっちゃってますが、とりあえず完成したので動画上げて寝たようです。

寝る前にユニティちゃんの画像アセットを使ってアイコンなどをササッと作って、GooglePlayにアプリ申請も出しておきました。

■７月２８日

最初にGooglePlayに提出した時、「このアプリには著作権侵害コンテンツが含まれている！」って却下されましたが（最近はGooglePlayもちゃんと事前審査するのか）気持ちは分かるがセーフなはずだ！と思って証拠ファイルとしてユニティちゃんライセンスpdf送ったら分かってくれた

— 海行プログラム (@kaigyoPG) July 28, 2016

起きて確認したらGooglePlayに提出したアプリは著作権侵害の容疑で却下されてましたが、ここは慌てずにユニティちゃん関係のアセットについては正当な権利を得て使用してる旨を返信しておいて、とにかくさっさとみんなに遊んでもらえるようにアプリ公開したかったので一旦自分のサーバにapkをアップしました。

えっ、家にいるとポケモンを捕まえられなくてつまらない？だったらユニティちゃんを捕まえればいいだろ！という訳で「ユニティちゃんGO」のAndroid用apkを配布します。遊んでどうぞ。　　https://t.co/t5L354HWip pic.twitter.com/wRLEy6pxOA

— 海行(うみゆき) (@_darger) July 28, 2016

UnityAdsの導入は実際簡単でした。特に言う事はないくらい簡単　　　超簡単！動画広告「UnityAds」の実装方法 〜ver. 5.2以降SDKも必要なし!!〜【Unity】 | Unity開発Tips https://t.co/uayGZBJ7Zx

— 海行プログラム (@kaigyoPG) July 28, 2016

今回、せっかくなので新しい試みとしてUnityAdsの導入もやってみました。
動画広告を観るとボールが３０個もらえるって奴です。

Excel Importer Maker、WindowsでもMacと同様に、Excelを開きっぱでパラメータ調整しながらエディタで動作確認出来るようになったので、使い勝手が多少良くなったと思う（個人的な感想 pic.twitter.com/Mh0g9Ss1I2

— 椿 (@tsubaki_t1) July 28, 2016

Excel Importer Maker、ちょうど多言語対応のエクセル読み込むのに使うところでした。Excel保存して閉じて反映だったのが閉じずに保存で反映するようになったんですね。便利オブ便利　→ＲＴ

— 海行プログラム (@kaigyoPG) July 28, 2016

ExcelImporter、どういう感じで使ってたっけ？って昔のソース見たらゲーム開始時にDictionaryに詰めてたのか…。詰めるならインポート時でよくね？と試してみたけど、そういやDictionaryはシリアライズされないからscriptableObjectに保存できないわ

— 海行プログラム (@kaigyoPG) July 28, 2016

「ユニティちゃんＧＯ」、自鯖（https://t.co/S7M8i3kC0h）のapkの方には端末の設定言語でアプリ内の言語が日本語と英語で切り替わる機能を入れました。GooglePlay側にも提出したのでもうすぐアップデートされると思います。

— 海行プログラム (@kaigyoPG) July 28, 2016

Googleの審査中にとりあえず新機能として日本語と、英語の言語切り替えを実装してます。

「ユニティちゃんGO」がGooglePlayで公開されました！これでユニティちゃんを捕まえ放題じゃぞおおおお！！今すぐダウンロード！！　　https://t.co/umFJCMBPpD pic.twitter.com/ASVqAbPj9c

— 海行(うみゆき) (@_darger) July 28, 2016

そうこうしてる内に無事に審査が終了してユニティちゃんＧＯがGooglePlayで公開されました。
めでたしめでたしです。

という訳で以上がユニティちゃんＧＯ制作のあらましとなります。

今後の展望

完成して公開はしたものの、だからと言って最初の方で書いたような、ユニティちゃんＧＯを作る事でポケモンＧＯの面白さの謎がわかったのか？というと、まだそこまでは…という感じですね。

話が違うやんと思われるかもしれませんが、今回は要するに再現率がまだ低いせいかなと思います。
誰よりも早く出したい！と焦るあまり、結局ボールを投げて捕獲、の部分しかできてないですからね。

という訳で、今後の展望としては、ＧＰＳ地図機能周りや捕獲したキャラのコレクション機能などを強化して、より原作に近づける事が一番ではないでしょうか。

その後は独自の機能を入れたりして新たな面白さを付加していける流れに持っていけたらベストですね。

モバイルゲーム、Webゲーム、VRアプリケーションなどの制作チーム、Soy Software（ソイソフトウェア）【代表：河野　祥二（かわの　しょうじ）】は、VR（バーチャルリアリティ）空間内でパノラマ画像や3Dモデルのペイント、モデリングが行えるVR総合編集ソフト、「Artstage」を2016年9月2日よりSteamにて早期アクセス販売開始しました。

Steamストアページ：　http://store.steampowered.com/app/523050/

プレスキット　　　：　http://soysoftware.net/press/sheet.php?p=Artstage

■「Artstage」について
“Artstage”はVR空間内でアート制作を行うための総合編集アプリケーションです。
PC向けのVRアプリケーションで、プレイには”HTC Vive”が必要となります。Steamで早期アクセスとして2016年9月2日にリリースしました。
現バージョンでは、3Dペイント、パノラマペイント、ボクセルスカルプトの3つの主な機能を備えています。
これまでの3D編集ソフトウェアは2Dの画面上での操作になるため、どうしても間接的な操作性になってしまいがちでした。”Artstage”ではVRヘッドマウントディスプレイとVR用コントローラが持つ特性を生かし、直接3D空間内で座標をポイントして編集する事で、非常に直感的な操作を可能にしました。

■「Artstage」の詳細機能
1.3Dペイント機能
既存の3Dモデル(.obj形式)を読み込んでVR空間内で直接テクスチャペイントする事ができます。ブラシツール、消しゴムツール、スポイトツール、トリガー筆圧設定、レイヤー、メッシュグループ操作、アンドゥ・リドゥなどの3Dペイントの基本的な機能を実装しています。編集したテクスチャはpng形式やpsd形式(レイヤーを保持)で保存できます。

2.パノラマペイント機能
VR空間内で360°全天球パノラマ画像(Equirectangular形式)をパノラマ表示した状態のまま直接編集できます。3Dペイントで使える機能はそのまま使用できます。ゼロからパノラマのイラストを描く事も出来ますし、RICOH THETAなどで撮影したパノラマ写真を読み込んで編集する事もできます。編集したパノラマ画像はFacebook投稿向けに保存したり、編集した画像を貼り込んだ球形の3DモデルをSketchfab投稿向けに書き出す事も可能です。

3.ボクセルスカルプト機能
粘土を直接こねるような感覚で3Dモデルを作成できます。作成したモデルは保存、読み込みできます。3Dモデルファイル(.obj形式)として書き出したり、3Dペイントに送ってペイントする事も出来ます。

■アプリケーションの概要
商品・サービス名：　Windowsアプリケーション『Artstage』
発売・運用開始日：　Steam早期アクセス　2016年9月2日
正式リリース日　　未定
開発・販売　　　：　Soy Software
サポート機種　　：　Windows7 SP1か、それ以上の新しいもの
プレイにはHTC Viveが必要です
言語　　　　　　：　英語のみ
販売料金　　　　：　1,980円（正式リリース時からは変更予定）
Steamストアページ：　http://store.steampowered.com/app/523050/

■Soy Software概要
名称　　　　　　：　Soy Software
形態　　　　　　：　ソフトウェア制作チーム
代表者　　　　　：　河野　祥二（かわの　しょうじ）
ホームページ　　：　http://soysoftware.sakura.ne.jp/

【本件に関するお問い合わせ先】
担当者：河野　祥二（かわの　しょうじ）
E-mail：darger.h@gmail.com

【Team Soy Software】”Artstage” now available on Steam early access. This is VR comprehensive editing application!【HTC Vive supported】

We released “Artstage” as early access in Steam on September 2, 2016.
“Artstage” is comprehensive editing application to perform art creation in VR space.This is VR application for PCs, “HTC Vive” is necessary for a play.
In the existing version, It include three main features. 3D paint, panoramic paint, voxel sculpting.
“Artstage” was released as an early access version. We will improve this application with the addition of the further new feature for official release.
I hope you like it.
We are happy if you could write journal about “Artstage”.

Steam store page is here.
http://store.steampowered.com/app/523050/

Press kit is here.
http://soysoftware.net/press/sheet.php?p=Artstage

The conventional softwares that was apt to become the indirect operability because editing 3D on the 2D screen. We made use of the characteristic of VR Head Mount Display and a VR controller. “Artstage” is enabled very intuitive operation by pointing a coordinate in direct 3D space, and editing it.

■Features

1.3D paint
You can load existing 3D model (.obj format) and can paint direct texture in VR space. We implemented a basic function of the 3D paint such as a brush tool, an eraser tool, a eyedropper tool, pressure of trigger setting, layer, mesh group operation, undo, redo. You can save textures you edited in png format and psd format (maintain a layers structure).

2. Panoramic paint
You can edit 360-degree spherical panorama images (Equirectangular format) displayed directly in VR space. You can use the functions same as 3D paint.You can draw the illustration of the panorama from scratch.
Otherwise You can load panoramic photo files taken with panoramic camera (e.g. RICOH THETA) then you can edit it. You can save panoramic image which you edited for posting to Facebook.and You can export a spherical 3D model that mapped the image which you edited, and you can upload it to Sketchfab.

3. Voxel Sculpting
You can make 3D model kneading clay directly. You can save and load the model that you made. And you can export it as 3D model file (.obj format) and you send it to the 3D paint mode and can paint it.

■Factsheet
Title                  : Artstage
Release Date  : Early Access, 2 September, 2016(Now on available)
Official Release, TBD
Developer        : Soy Software
OS                     : Windows7 SP1 or new
“HTC Vive” need to play
Language        : English
Regular Price : USD $19.99
EUR €19.99
CAD $21.99
GBP £14.99
JPY  1,980
This is price of early access. When official release, It will be changed.
Steam store page : http://store.steampowered.com/app/523050/

■About Soy Software
Organizations: Team of development software
Organizer : Umiyuki(Shoji Kawano)
Web Page : http://soysoftware.sakura.ne.jp/

■Contact
Staff : Umiyuki
E-mail : darger.h@gmail.com
Twitter : https://twitter.com/_darger
Facebook : http://facebook.com/shoji0kawano

こんにちは、海行です。

前回の記事を書いてから、だいぶ間が開いてしまいましたが、その間に私はHTC Vive向けアプリケーション「Artstage」を開発して、Steamで早期アクセスリリースしました。
こちらのストアページから購入できます。

http://store.steampowered.com/app/523050/

ブログをご覧になってくださってる方には、話がいきなりすぎて何のこっちゃと思われるかもしれませんが、色々あってこうなりました。
Artstageの紹介記事の代わりに、Artstage早期アクセス開始のおしらせのプレスリリースをアップしました。

【プレスリリース】VR総合編集アプリケーション、ArtstageがSteamにて早期アクセスリリース開始【HTC Vive対応】

個人で開発してる私がプレスリリースなどを打つ必要が何故あったのか。
私もこれまでにAndroidアプリやなんかを色々リリースしてきましたが、初めてSteamで自作アプリを本格販売するにあたって、やはり攻めの広報が要求される事を実感しました。（今まで知らなかっただけでフリーゲームなんかでもプレスリリースは効果的だと思います）

この記事のタイトルを見ると、あたかも私が広報のプロであるかのようですが、実際には昨日まで広報のこの字も知らなかったような素人です。
しかし、もしあなたが広報について意識した事のない個人開発者であれば、この記事は広報社員を雇ったのと同じくらいのインパクトをあなたに与えるかもしれません。

いきさつ

7月17日に秋葉原で開催された「Unity VR EXPO AKIBA」で「Artstage」のデモ展示を行いましたが、その時に体験してくださった記者さんが、「記事を書きたいので、是非プレスリリースを送ってください！」とおっしゃいました。

私はこういう展示会での記事って、記者の人が色々デモプレイして写真を撮りまくって体験レポート記事を書く感じの記事しか想像できませんでしたし、プレスリリースって企業が自サイトでリリースしたアプリについて書いてたりする奴でしょ…あれを私が書いて記者さんに送る…？
この時はどうしたらいいのかあまりイメージがわきませんでした。

しかしその後、たまたまtwitterのタイムラインでプレスリリースの事が話題になってるのを見かけました。

あなたが開発した同人ゲーム・フリーゲーム・インディーゲームについて、ゲームメディアやレビューサイトにそのニュースリリースを送らない・送るのに気が引ける理由はなんですか。（リプも募集）

— Ichijo@デジゲー博 E-19b (@Takaaki_Ichijo) September 10, 2016

@xlvme 私はニュースリリース文を見よう見まねでPDF作って、問い合わせ窓口からポストしたところ、いくつかのサイトに載せてもらえました。もちろん無料です。

— Ichijo@デジゲー博 E-19b (@Takaaki_Ichijo) September 10, 2016

インディーとプレスビルドの話のおまけ。プレスリリースにキーがついてたりするとわからない部分をすぐ確認できるからありがたいことはある（あとスクショが使い物にならない時とかね）。でもプレスリリースのコピーで書いちゃう人も多いから費用対効果は不明。売っちゃうバカもいるし。

— Mill Yoshi (@ntheweird) November 2, 2015

インディーのプレスリリースはこれ使え。英語しかないけど、プレスリリース書く段になってまとめるのではなく、これを更新しつづけてくれればいいよ。海外のインディーはだいたい使っている https://t.co/mtdxIHLtCM

— *死に舞 (@shinimai) September 11, 2016

小規模ゲーム制作者でもできる、プレスリリースとプレスキットの作り方 – Togetterまとめ

「EYERESH for ニンテンドー3DS」(16/10/11までセール中！)のプレスリリース配信経験まとめ – Togetterまとめ

これらの方々のツイートからわかったのは、

・インディーゲームを作ったらニュースメディアにプレスリリース送ると掲載してもらえる
・海外インディーゲーム開発者ではプレスリリースは常識？
・海外インディー開発者は大体presskit()使ってるらしい

なるほど…なんか海外じゃみんなやってる！と言われると私もやりたくなってきました。
でも結局、プレスリリースってなに？

プレスリリースとは何なのか

私はゲーム会社に勤めてた事などもありますが、広報の人たちがどんな仕事してるかについては全く知りませんでした。
会社のホームページを運営してるのかな？くらいに思ってました（実際は会社のホームページって結構外注だったりします。内製より外注の方が安くつくのかな？）
でもこちらのページなんかを見てみると、広報の仕事で真っ先に上げられてるのはプレスリリースの作成です！

広報ってどんな仕事内容なの？｜お仕事ガイド

どうやらプレスリリースは広報において相当重要な役目があるみたいですね。
しかし、そもそもプレスリリースって何なのでしょうか。

ここでちょっと想像して欲しいのですが、いわゆるメディアと言われる新聞やネットニュースサイトには記者さんがいて、日々記事を書いてます。

記事を書いたり取材にでかけたりするにしても、記者さんは一体どこからニュースのネタを手に入れるのでしょうか？
ここで言うニュースとは天気予報とか地震情報とか警察の事件のニュースじゃなくて、新製品とか研究所の新発見とかイベントのお知らせのニュースの事です。
ググる？いや、ググッて出てくるような記事を書く方々だから違うでしょう。
色んな企業に毎日電話かけて、何かニュース無い？と訊いてみるのでしょうか？しかしこれではきりがありません。

実際のところ、企業の方から自社の新発売の製品や、新しいサービスの情報を各メディアに投げてるのです。
つまりその情報をまとめた文章がプレスリリースだという事です。
例えばこちらのページにはNPOの場合のプレスリリースの作り方が書かれてます。

プレスリリースの作り方～出来上がりの記事を意識しよう

こちらによれば、

プレスリリースができたら、知り合いの記者や関係するメーリングリストなどにメールし、報道各社にもファクスしましょう。新聞の場合、社会部や経済部、政治部などに、出版社は雑誌の編集部にわかれていますがそれらのファクス番号は代表番号に電話すれば教えてくれるでしょう。ローカルの場合は、地方の支局にファクスをしましょう。

なんて書かれてます。
つまり記者が会社で座っていたとしても、色んな企業・団体からプレスリリースが送られてきて、記者はそれらを取捨選択して記事にまとめればＯＫ！という仕組みなのです。
という事は、もし我々が新しいゲームを発売して、「マスコミやメディアの記者さんは情報に聡いから、向こうの方から取材を申し込みに来るだろう」とか受け身で構えてたら、記者さんの方も「素晴らしい製品が作られたら当然プレスリリースが送られてくるだろう」と受け身になってるかもしれません。（もちろんアクティブに攻めまくってる記者の方もいると思いますが）受け身同士が接触する可能性はゼロだと察しが付きます。
これではせっかく作ったゲームが見つけてもらえない！マズい！

世の中にゲームって何千タイトルもあるのに、何もしなけりゃメディアさんには見つけてもらえん。
儲けが云々より、自分のゲームで楽しんでくれる人は多いほど良い、というイメージ。
予算バカバカ使って広告して、こちらが遊んで欲しいと思うプレイヤー以上に情報を届けるつもりはないなー。

— Ichijo@デジゲー博 E-19b (@Takaaki_Ichijo) September 10, 2016

私も「Artstage」の事を広く伝えたい！メディアに取り上げてもらいたい！と思い、プレスリリースを作成する事に決めました。

プレスリリース作成、送付

先のツイートによれば、プレスリリースの前ににプレスキットを作成すると記者の方にとってありがたいという情報がありましたので、プレスキットを作成しました。
プレスキットとは何かと言うと、インディーゲームなどを紹介してもらうのに、ゲームのロゴやアイコン、スクリーンショット、記事作成に必要な情報をまとめたページです。

プレスリリースも大事やけど、先に「これ読んだら全部分かる」っていうプレスキットを用意するの超大事です。受けた側がいちいち調べなくても良いくらい全部揃ってるのを作りましょう。dreepsさんのプレスキット、メッチャ参考になりますよ。 https://t.co/D48cngFcnR

— Shuhei Miyazawa (@room_909) September 10, 2016

これがあれば、記者の方はわざわざプレイしてスクショ取ったりしなくても記事を書くのが容易になります。
presskit()を使ってプレスキットを作るのが海外インディーのデファクトスタンダードとの事なので、それに倣いました。

http://dopresskit.com/

こちらが完成した「Artstage」のプレスキットです。

http://soysoftware.net/press/sheet.php?p=Artstage

dreepsさんのプレスキットに倣って、海外のメディアにもアピールできるように英語と日本語を併記しました。
presskit()の使い方の紹介については、長くなるのでまた別途記事にまとめたいと思います。

さて、プレスキットも出来たので本番のプレスリリース作成です。
プレスリリースはどうやって書けばいいのか？というと、色んな企業サイトで新作アプリのプレスリリースなどが掲載されてるので、そういうのを参考に書きました。

【お知らせ】この週末は業界各所でプレスリリースの書き方とかが話題だったので、弊社がスマホアプリをリリースした時の書類をアップしました。【9月12日：他のみなさんのまとめを追記しました】https://t.co/xSmTMIqp28 pic.twitter.com/yc9EZT4Dvh

— 株)クアッドアロー公式 (@QuadArrow_01) September 12, 2016

さてさて、リリース文章が書けたらついにメディアに送付してみましょう。
自分で各メディアにプレスリリースを送る以外にも、プレスリリース配信サービスを使って色んなメディアに一斉配信してもらう手もあるみたいですが、配信サービスは料金がお高いみたいなので、今回は自分でやる事にしました。

しかし、どのメディアに送るべきでしょうか？
VRアプリのリリース情報を、音楽ニュースのナタリーに送ってもしょうがないので、掲載してくれそうな感じのところに送るのがいいでしょう。
私は国内のVRニュースサイトに一通り送ってみました。
窓口はどこなんだろう？と最初戸惑いますが、サイトの下の端とかに「Contact Us」とか書かれてるリンクがあって、「リリースの送付先はこちら」と言うような感じでメールアドレスが書かれてるかもしくはお問い合わせフォームがありますので、そこからプレスリリースを送りました。

せっかくSteamでワールドワイドに販売しているアプリなので、国内サイトの次は海外サイトにも英訳したプレスリリースを送ってみました。

結果

花金の夜というタイミングでプレスリリースを送ったにもかかわらず、ありがたい事に早速掲載してくださったサイトがありました。

VR空間で3Dモデルを編集・制作！HTC Vive用ソフト「Artstage」Steamで早期販売を実施中 https://t.co/ls1gorKhsV #panora #HTCVive pic.twitter.com/vewtXRFcKR

— PANORA (@panoravr) October 21, 2016

正式版リリース時は価格を変更予定のようで、試すには今か？https://t.co/x5fvciEIhY#Artstage　#Steam

— VR Inside (@VRInside_) October 22, 2016

やはりプレスリリースを送る事でメディアの方に自分が作ったアプリを発見してもらう事が出来る事が実証できましたね！
これから他のメディアも取り上げてくださることに期待してます！
さて、プレスキット作成からプレスリリースの送付まで、色々試行錯誤があって何日間も開発に手を付けられず、広報活動に明け暮れるはめになりましたが、それだけの価値はあったと思います。

みなさんも是非プレスリリースによる広報活動をマスターして自作ゲームやアプリをたくさんの人に知ってもらいましょう！

プレスリリースの頻度

一発プレスリリース打ってみて思ったのは、次に打てるのはいつだろう？という事。

例えばアプリを更新する度にプレスリリース流したりしていいんでしょうか？
たしかな事はわかりませんが、自分が記者の立場になってみれば、例えば毎日つまらない事でプレスを送られてきたらうざいな～と思ってメルアドをスパム扱いにしちゃうかもしれません。そうなったら二度と見てもらえません。

ニュースメディアというのはあくまでニュースを届けるメディアであって、企業の広告をタダで載せてくれる所ってわけでは無いのです。

広報活動なら記者との信頼関係を築くのが大事なので、プレスリリースも常識的な頻度に抑えるのが良さそうです。
送ってみて取り上げてもらえなかった場合に、もしかして気付かなかったのかな？と念押しでもう一回だけ送ってみるくらいならセーフかもしれません。

どういうタイミングならいいのか？と言うと、例えばクラウドファンディングなら、まずクラウドファンディング立ち上げの時に一回。クラウドファンディング成功時に二回目、製品完成時に三回目。という感じで三回チャンスがある感じみたいです。
私の「Artstage」はSteam早期アクセスなので、次は正規リリース時のタイミングでプレスリリースチャンスがあるかな？というくらいの感じではないでしょうか。

おわり

いかがでしたでしょうか。
素人が推測交じりで言ってる箇所もあるので、イマイチ内容の正確さに自信が無いです。もし間違ってる所などありましたらご指摘ください。

こんにちは、海行です。

先日の記事↓でチラッと触れたpresskit()について、使い方をザックリ書いてみます。

個人開発者はプレスリリースを書くのか？ひとりでも無料で出来る広報活動

プレスキットとは何か？そしてpresskit()とは？

プレスキットとは何か？goo国語辞典によると、

1. 記者会見などで、取材の便宜に供するために種々の材料をそろえて、あらかじめ報道関係者に配布される参考資料一式。

との事。

http://dictionary.goo.ne.jp/jn/196473/meaning/m0u/

こう書かれると紙の資料みたいなイメージですが、プレスキットというワードでググると色々な企業ページでプレスキットがwebページとして提供されており、企業情報をまとめた資料やロゴ、アイコンなどがまとめられてます。

今回作成するプレスキットはこんな風にwebページに自分たちの情報を取りまとめて、一種のテンプレとして、メディアの記者の方が記事を書くのを助ける物を指します。

で、インディーゲーム開発者さんがプレスキットを作成するのを容易にして、開発作業に注力させてくれるものがpresskit()です。

http://dopresskit.com/

つまり簡単にプレスキットを作成できるWebアプリですが、PHPの知識が無くてもXMLを編集していくだけで簡単に必要な物が一式整ったプレスキットを作成できるという体になってます。

海外のインディー開発者の間ではこれを使うのがデファクトスタンダードになっており、メディアの方々もこれを使って欲しいと推してるらしいです。
例えばデジカさんは自社でゲームのパブリッシュを行ってますが、その全てのゲームのプレスキットをpresskit()で作成されてます。

http://press.degigames.com/index.php

これはもう試すしかない！
というわけで、早速presskit()を使ってみましょう。

presskit()に必要な物

何がしかの形でWebサーバが必要になります。PHPが動かせる環境も必要です。

xmlを編集するのでhtmlの知識があると良いと思います。

presskit()のインストール

presskit()のページからdopresskit_install.zipをダウンロードしましょう。

http://dopresskit.com/

ちなみにマニュアルPDFも用意されているので、英語が読める人はこの記事はもう閉じちゃってマニュアルを読んだ方が確実です。（笑

ダウンロードしたzipを解凍して、中にあるinstall.phpをWebサーバのどこか空のディレクトリに設置しましょう。

ブラウザからURLでinstall.phpを開くか、ターミナルで叩いて実行しましょう。
うまく行けば、必要なファイル一式がダウンロード、展開されてインストールされます。

index.phpもできているので、ブラウザで開いてみましょう。
するといくつかの必須作業が要求されるページが開きます。

・install.phpと同じフォルダにある_data.xmlを正しい情報に書き換えてください。
・header.pngをimagesフォルダに入れてください。（幅1200pixel、縦は240pixelまで）
・imagesフォルダに何かpngファイルを入れてください。（入れたpngファイルはImagesとして自動的に表示されます。）

とりあえず仮素材などでもいいので指示に従って作業すると、次の指示が表示されます。

・やったね。最後に_data.xmlをdata.xmlにリネームしてください。終わったらブラウザをリフレッシュしてください。
・あと、セキュリティ上の理由でinstall.phpを削除またはリネームしてください。

これであなたのプレスキットが表示されます。完成です！やったね！

必須作業以外にもオプションの作業もありますが、これらも後でやっておくといいと思います。

・全てのimages画像をimaze.zipという名前で圧縮して、imagesフォルダに置いてください。自動的にダウンロードリンクが表示されます。
・imagesフォルダにlogo.pngとicon.pngをアップしてください。ロゴ、アイコンとして自動的に表示されます。
・logoやアイコンのサイズバリエーションをまとめてlogo.zipという名前で圧縮してimagesフォルダに置いてください。自動的にダウンロードリンクが表示されます。
・.movファイルや.mp4ファイルをtrailersフォルダに入れてください。これらのダウンロードリンクを表示するには_data.xmlを編集する必要があります。trailerエントリに<mov>タグ、<mp4>タグが必要です。
↑私は動画はサイズが大きいのでtrailersフォルダには入れずにyoutubeに上げました。youtubeの動画も埋め込み表示できます。ダウンロードリンク表示のためにこの作業が必要になるみたいです。
・トラフィックを追跡するのにGoogle Analyticsを使いたい場合は、_data.xmlファイルに<analytics>あなたのプロパティID</analytics>という記載を追加してください。
↑私はこれはスキップしました。

ただ注意点として、ここで作るプレスキットは、ゲームなどのプロダクトについてじゃなくてデベロッパーについてのプレスキットとなります。
このページの下に各プロダクトのプレスキットが並ぶ感じになります。

では次に、プロダクト用プレスキットを作ってみましょう。
_templateという名前のフォルダがあるので、これを複製して、フォルダ名をあなたのプロダクトの名前にしてください。

フォルダの中には例によって_data.xmlがあるので、中身を編集してdata.xmlに変更してください。
プロダクト用のImagesファイルは、プロダクトのフォルダの中にまたimagesフォルダを作ってその中に入れれば表示されます。

これで、プロダクトのプレスキットの完成です。
親のプレスキットのReleases欄に各プロダクトのプレスキットが表示されてると思います。

presskit()のインストール作業は以上です。
お疲れさまでした。

カスタマイズ

これで終われれば良かったんですが、実際やってみると、色々と調整したい箇所が出てきます。
例えば電話番号は要らないなあと思ってdata.xmlから<phone>のタグを無くしても、項目は消えません。（記述しなければちゃんと消えてくれる項目もあります）

こういう場合は残念ながらphpをいじって何とかするハメになります。（別に気にならなければＯＫですが）
デベロッパー情報の親プレスキットの表示をいじる時はindex.phpを、各プロダクト用プレスキットの表示をいじる時はsheet.phpを書き換える感じになります。

微妙にバグっぽい挙動の記述もあったりします。
デファクトスタンダードなのに…好意で無料で提供してくださってる物なので文句を言うべきではないですが。

私の場合は何をどう調整したか、手探りでトライアンドエラーしまくったので、よく憶えてません。
各自、頑張ってください。ソースをよく見ると読み解くのはあまり難しくないので、何とかなる…と思います。

distribute()とは？

完成したプロダクト用プレスキットを眺めてみると、”Request Press Copy”という謎の項目がある事に気付きます。

プレスコピーって何でしょうか？Weblio英和辞典によると、

通常は逐次刊行物に掲載される紹介記事,抄録,評論などを執筆してもらうために送付されてくる無料の文献.

との事。何のこっちゃ？プレスリリースを紙で送って欲しいのでしょうか？

いいえ、違います。
さらにググッた結果、ここで言うプレスコピーとは、メディアの方が我々のプロダクト（ゲーム）に興味を持った時に、そのゲームへのアクセスを提供する事だと分かりました。つまり、メディアの方に渡すゲームのコピーという意味です。

Steamのゲームならアクティベーションキーを渡すでしょうし、ストアにないゲームであればゲームをzipで上げてダウンロードリンクを教える形になるでしょうか。
そういった物をメディアの方がくださいとリクエストできる欄が”Request Press Copy”という事ですね。

しかし、どうもこの”Request Press Copy”という項目は機能していないようです。
実は、この項目はdestribute()と連携する事で機能するようになります。

destribute()とは何なのか？直訳すると”配布”、つまりプレスコピーを簡単に配布するためのWebサービスです。

https://dodistribute.com/

プレスコピーの配布を容易にするにはdestribute()を使ってみるのも良さそうですね。
でも、メディアの方々にゲームを配る必要が果たしてあるのか、destribute()を使うべきなのかはあなたの判断次第だと思います。
デベロッパーとしては当然お金を払って買ってもらった方がうれしいでしょうけど、メディアの人にしてみれば大量のゲームニュースを捌いていかないといけない状況でイチイチゲームを購入してたらお金がいくらあっても足りないよなあ…という想像はできます。

では、ここからはpresskit()とdestribute()の連携について書いていきます。

presskit()とdestribute()を連携させよう

destribute()を利用するにはデベロッパー登録が必要です。
よくあるwebサービスと同じような手順で登録してください。

presskit()と連携させる方法はこちらに書かれています。

Introducing presskit() 2.5 & distribute()

destribute()にログインして、gamesをクリックしてください。
destribute()に登録した時に、presskit()のアドレス入力を要求されたと思いますが、うまく行ってればプロダクトの一覧が表示されます。
目的のプロダクトをクリックして、下の方にある”download key file”ボタンをクリックすると、キーファイルがダウンロードされます。

このキーファイルをプロダクト用プレスキットのフォルダにおいてください。
これで連携完了です。”Request Press Copy”欄にメルアド入力欄などが出てくるようになってればＯＫです。
お疲れさまでした。

destribute()の運用

destribute()はどのように動作するのでしょうか？試してみました。

まず、メディアの方は”Request Press Copy”欄からメルアドを入力して送信します。

するとdestribute()からメディアの方に招待メールが届き、メディアの方はdestribute()にメディア会員として登録する事になります。

そうするとデベロッパーにリクエストが届くので、デベロッパーはdestribute()の管理画面からリクエストを承認すれば多分メールでプレスコピーが渡されます。

流れは以上ですが、デベロッパーは当然事前にプレスコピーを準備しておく必要があります。
ゲームのzipへのリンクならリンクURLの登録、Steamなどのアクティベーションキーならキーの登録をしておいて下さい。
アクティベーションキーは一つずついい感じに配ってくれて、無くなったら警告を出してくれるみたいです。便利ですね。

さて、流れを見ていると、誰でもリクエストできるじゃんって事に気付きます。
じゃあメディアと関係ない一般の人からリクエスト来たら、本来買ってもらうはずがタダで遊ばれてしまう！？

ここからは運用方法の話なので、どう運用するかはその人次第ですが、私が決めた方針としては、メルアドのドメインで判断するのがいいと思います。
メール承認を通してるので、メルアドが本物な事は保証されてます。
メディアの方は仕事でリクエストを出してるので、会社のメルアドを使うと思いますし、そうすべきでしょう。
という訳で、メディアのドメインを使ってるアドレスなら承認、gmailとかはリジェクトって形で運用すればいいと思いました。

メディアを名乗ってるのにgmail使ってる場合は判断が付かないので、一度会社のメルアドでリクエストしなおすようお願いしてもいいかもしれませんね。

おわり

例によってメモ書き的な記事であって、記述に間違いが無い事を保証できませんが、参考になれば幸いです。

presskit()とdestribute()、使いこなせば国内、海外メディアに効果的にアプローチできる、便利なシステムだと思うので、是非トライしてみてください！

こんにちは、海行です。

またもプレスキット関連の記事ですが、先日のプレスリリースに関する記事を書いた後の反響の中で、presskit()使いたくてもphpが動く環境のWebサーバが無いという意見を見かけました。

presskit()試そうとしたけど github.ioはphp駆動しないんだった。公式サイトはwordpress専用だし、「まずサーバー用意しような」ってのはちょっとハードル高いな…

— Ichijo@デジゲー博 E-19b (@Takaaki_Ichijo) October 24, 2016

@ntheweird プレスキットのためとは言え、そのためにPHP置けるサーバー借りて(立てて)穴あけないように管理するのを避けたい勢(元ネットワークエンジニア並感

— なんも@デジゲー博2016 E-08a (@nanimosa) October 25, 2016

なるほどなあ…と思ったので、presskit()のphpから生成されるhtmlをzipで固めてみました。

↓こちらです。

http://soysoftware.sakura.ne.jp/upload/presskit/presskit_html.zip

ただのhtmlなので…特に解説は無いです。
いい感じに編集してください。

presskit()がデファクトスタンダードって言っても、必ずしも使わなければならないというわけでも無いと思います。
要はプレスキットとして機能していればいいのです。
htmlベタ書きでもいいじゃないですか。

ただのhtmlなので、PHPが動かないWebサーバでも表示できます。

ちょっとしたプレスキットのページを作るのにpresskit()でphpをどうこうするのも大げさかもしれない（使い方がわかればたしかに便利ですが）ので、もしかすると役立つかもしれません。

GitHub Pagesとかでもホストできるので、有用な可能性あるかも。

presskit()はGPLライセンスで提供されてます。
今回配布するzipも二次派生物という事で、ソースコードとか内包してない気がしますが、一応GPLを継承しての提供になります。

https://github.com/ramiismail/dopresskit

この場を借りてpresskit()の制作者、Rami Ismail氏に感謝の意を表明します。

という訳で何かのお役に立てば幸いです。

こんにちは。海行です。

この前東京都美術館に行って、ゴッホとゴーギャン展を見ました。

そして何となく感銘を受けたので、コンピュータが自動で絵を描いてくれるアプリを作ってみました。

↑これです。例によってUnity3Dで作りました。
Windows向けアプリケーションです。

写真などの画像ファイルを開いて、実行ボタンを押すと写真を元にコンピュータがメチャメチャ筆を走らせまくります。
パラメータを弄りながらいい感じになるまで眺めます。

気が済んだら停止してできた作品を保存します。
以上。

動画だとこんな感じです。

Magic Paintなんて大げさな名前を付けてしまいましたが、ひょっとすると今後拡張しまくっていっていい感じのアプリに成長する可能性があるかもしれないので、念のため大風呂敷を広げてみました。

なかなか面白いものができたなーと思ったので、大胆にもBOOTHでダウンロード販売してみる事にしました。
↓こちらから買えます。

https://umiyuki.booth.pm/items/357767

100円です。
BOOTHの最低設定価格が100円ですし、まだ機能が少ないので100円にしました。
今後進化したら値上げしてしまうかもしれません。

WebGLビルドしたものをこちら↓から試せます。

http://soysoftware.sakura.ne.jp/upload/magicpaint/webgl_build/

WebGLからはローカルのファイルを参照できないので、デフォルトの画像しか使えません。画像の保存も出来ません。

さらにWindows用アプリの体験版もこちら↓に用意しました。

http://soysoftware.sakura.ne.jp/upload/magicpaint/magicpaint_demo.zip

これは自由に画像を読み込めますが、体験版という事で画像の保存はできません。

いかがでしょうか。
よかったら遊んでみてください。

もし好評だったら機能を拡張していきたいです。
現状だと、全部の画面を均一に塗ってしまいますが、絵画であれば背景はバーッとざっくり塗って、主題は緻密に描き込むというような描き分けがあった方が見やすい絵になると思うので、選択範囲を指定してペイントできる機能なんかあるとよさそうですね。

クレジット

アプリに使ったブラシのテクスチャ画像はこちら↓からお借りしました。

Designed by Freepik

コメント付きで叛逆が観たいな～と思い、

ニコニコ動画みたいにみんなのコメントが表示されるDVDプレイヤーソフトを作りました！

とりあえず、まどマギ叛逆の物語専用です。
要望が多ければ他のDVDにも対応を検討します。

↓こちらからＤＬできます

soysoftware.sakura.ne.jp/upload/magicalplayer/magicalplayer.zip

概要

魔法少女まどかマギカ叛逆の物語のDVDをニコニコ動画みたいにコメント付きで視聴するためのソフトです。

動作条件

WindowsPCで実行できます。
まどマギ叛逆の物語のDVDも必要です。
ブルーレイは私がPCで再生できる環境を持ってないので確認してません。

インストール

zipファイルを解凍してください。

アンインストール

フォルダごと削除してください。

つかいかた

1.マジカルプレイヤー.exeを実行して起動してください。
2.パソコンのDVDドライブに叛逆のDVDを入れてください。
3.メニューの「Open」を選んで、DVDドライブのディレクトリの中にあるVTS_01_0.IFOを開いてください。例）”J:\VIDEO_TS\VTS_01_0.IFO”
4.DVD読み込みに成功すれば再生されます。
5.起動時にサーバからコメントのダウンロードを行います。成功すれば再生中にみんなが打ったコメントが表示されます。
6.最下部のコメント欄からコメントが打てます

免責

本ソフトウェアはフリーソフトです。個人・法人に限らず自由にご使用頂くことができます。
本ソフトウェアの著作権は海行にあります。
本ソフトウェアを使用したことによる一切の損害（一次的、二次的に関わらず）に対して責任を負いません。自己責任でご使用ください。

転載

GPLライセンスのソフトウェアなので誰でも自由に複製・改変・頒布できると思います。

履歴

2016/12/25 Ver0.1公開

まどマギ叛逆の物語のDVDをコメント付きで視聴できるプレイヤーソフト、マジカルプレイヤーを作りました。

↓ソフトの紹介ページはこちら

【コメント叛逆DVDプレイヤーソフト】マジカルプレイヤーについて【Windowsアプリケーション】

本記事ではこのソフトの開発の記録について書いてみます。

経緯

叛逆の映画が公開されてから３年が経ちました。
先日のチネチッタでのリバイバル上映を観に行きましたが、コアなまどマギファンの熱気が感じられ、まだまだ根強い人気があるなあと感じました。

そのリバイバル上映も終わってしまいましたが、まだまだ叛逆で盛り上がりたい！何か方法は無いだろうかと考えてみました。
例えばニコニコみたいにみんなのコメント付きで観れるような…

そういえばニコニコではニコニコdvdというサービスをやってた事を思い出しました。
ニコニコdvdとは専用のDVDプレイヤーソフトで手持ちのアニメのDVDを再生するとコメント付きで観れて、コメントの投稿も出来るというものです。

これでいいんじゃないかと思いましたが、指定されたタイトルのアニメしか対応してないようですし、何よりすでにニコニコdvdのサービスは終了していました。

残念だな…と思いましたが、よく考えるとこれって割と簡単に作れるのではないか？
要するにコメントの取得、投稿ができるDVD再生ソフトとコメントの送受信サーバだけ作れば実現できそうです。

というわけで、作ってみる事にしました。

開発はWindows10で行いましたが、これが最大の罠だと気付くのはずっと後になっての事です。

DVDとの戦い

さしあたってDVDプレイヤー部分を作る必要がありましたが、これが地獄の始まりでした。

AVPro編

最初に、使い慣れてるUnityでDVD再生に挑戦してみました。
UnityのAVProというアセットを用いて再生を試みました。

https://www.assetstore.unity3d.com/jp/#!/content/2546

ところで、DVDのディスクの中はディレクトリ構造になっており、”AUDIO_TS”、”VIDEO_TS”というフォルダの中に、IFO，VOB，BUPファイルが入っています。
IFOファイルは動画の再生やメニューに関する情報がまとめられています。BUPファイルはIFOファイルが破損して読み込めなくなった時のためのバックアップです（IFOと同じ内容）。そしてVOBファイルに実際の動画のデータがMPEG2で詰められています。

叛逆DVDの本編に関するデータは、VTS_01_0.IFOとVTS_01_1.VOB～VTS_01_5.VOBです。

AVProではIFOファイルを開く事はできませんでしたが、VOBファイルを開いて再生できました！

やった！

と喜んだのも束の間、本来30分くらいあるはずのVOBファイルが1秒しか認識されないといったような現象が発生しました。

何故？とググッたら、どうやらVOBファイルは単なるデータ塊であって、再生に必要な情報はIFOファイルに入ってるので、VOBファイル単体では正しい再生時間などの情報がわからないそうです。

しかしAVProではIFOファイルを解析したりできないわけで、これでは上手く行きません。
AVProはDirectShowを利用して動画を再生していますので、Unityでの開発は諦めて、生のDirectShowを扱ってみる事にしました。

ちなみにUnity5.6で搭載されたVideoPlayerコンポーネントも試してみましたが、IFOもVOBも開けませんでした。

DirectShow編

どうやらDirectShowのSDKにDVDプレイヤーのサンプルがあるそうなので、DirectShowのSDKを探しました。

しかし、見つからない！

WindowsKitに同梱されてるとの事ですが、最新のWindowsKitにはDirectShowの存在は影も形も見当たりません。
何か不穏な感じがしてきました…

昔のDirectShowSDKが入ってた頃のWindowsKitをインストールしようとするとインストーラでエラーが出て失敗します。
詰んだ…

そんな時に、DirectShowを.Net（C#）で扱えるようにラップしたライブラリを発見しました。

http://directshownet.sourceforge.net/

さっそくこちらのライブラリのサンプルのDVDプレイヤーを実行してみましたが、結局エラーが出ます。
オーディオグラフをいい感じで繋いでくれるGetDvdInterface関数でコケてるようです。

何故動かないのかまったく謎ですが、心当たりがあるとすれば、そう言えばWindows10はライセンス料の関係でメディアプレイヤーでDVDが再生できなくなったのですが、もしかするとそれと関係あるのかも…

こちらのスレッドでは、他のDirectShowデコードフィルターを導入してても何故かWindows DVT-DVD filterが使用されてしまう現象について言及されています。
しかも、このWindows DVT-DVD filterは、Windows10においては有料のDVDプレイヤーアプリを購入しないと動作しないらしいのです！

タダでは絶対にDVDを再生させないというマイクロソフトの強大な意志の存在がDVDの再生を全力で妨げてる…そんな感じがしてきました…。

ちなみにDirectShowのオーディオグラフをちゃんと自力で繋げば再生できると書かれた記事もあったので、もっと頑張ればWindows10+DirectShowでDVD再生できたのかもしれません。

Windows Media Player ActiveX コントロール編

なにか他の手段でDVDを再生できないかググッてたら、MSWEBDVD.DLLというコンポーネントを使う話が出てきましたが、これはWindowsXPの頃のコンポーネントで、VISTAや7ではすでに消滅していた物らしいのでこれについては考えない事にします。

しかし、WindowsXPの頃はいとも簡単にできていたDVD再生に、Windows10の今になってここまで苦労させられているという現状に半分キレはじめてきました。

他の情報を当たると、Windows Media PlayerのActiveXコントロールをWindowsフォームに埋め込んでIFOファイルを開くと一発でDVDを再生できるという情報がでてきました。

どうせWindows10以前は。って話だろうと思いつつ試してみたら、やはりmp4など普通の動画ファイルは再生できますが、IFOファイルやVOBファイルは開けません。
まあWindows Media Playerのソフトでそもそも開けないんだから、そりゃそうですよね。

ガックシきましたが、Windows Media PlayerのActiveXコントロールの上に、VLCのActiveXコントロールを見つけました。
そういえばVLCのソフトからはDVDを開けるんですよね。一応ダメもとで試してみました。

VLC ActiveXコントロール編

VLCのActiveXの使い方はこちらの動画などで丁寧に解説されてます。

IFOファイルは開けませんがVOBファイルは開けますね！
しかし、やはりAVProと同じように動画の再生時間が正しく表示されません。

ダメか…と思いましたが、VLCではDVDを開く時は特殊なURLを指定するようです。
ファイルパスの頭に”dvd:///”を付けるという物です。これだとメニューが開くので、いきなり本編を開きたければ”dvdsimple:///”です。

試しに”dvdsimple:///(ＤＶＤドライブのドライブレター)://.”とURL指定したらDVD本編が再生されました！

おお、VLCならDVDを再生させることができるようです！
光明が見えてきました！

しかし、私はActiveXを使ったソフトを作った事が無かったので知らなかったのですが、ActiveXコントロールを使ったソフトを配布するには、単にdllを同梱するだけではダメで、何やらユーザー側でインストール作業を行ってもらう必要があるみたいです。
これでは使い勝手が悪いですね。

VideoLan DotNet編

そんな時に発見したのがVLCの.NET用ライブラリです！

http://vlcdotnet.codeplex.com/

Winowsフォーム用とWPF用の２種類あるみたいです。
使い方はこちらの記事などで解説されています。

これならdll同梱だけで簡単に実行できるソフトが作れそうです！

さっそく再生ボタンやシークバーを配置してガシガシDVDプレイヤーを作っていきました。

ちなみにVLCはGPLライセンスで提供されてます。つまりVLCを利用する（dllにリンクする）という事はGPLに感染する事を意味します…。
う～ん、まあ今回のプロジェクトについてはソース公開しても困らないのでいいか！
ちなみに今回の成果物はGPLという事でGitHubに公開してます。

https://github.com/umiyuki/MagicalPlayer

DVDプレイヤー部分が大体できたので、早速肝心のコメント表示を実装して…

あれ…ラベルの背景が透過しないぞ…？

ググッてみたらこちらのスレに衝撃の事実が書かれていました。

なんと、Windowsフォームではラベルの背景は透過色を選んでも親の背景色で塗りつぶされるだけで、本当の意味での透過は出来ないというのです！
バカな…

スレに書かれている解決法は、
１．VideoLan.NETのWPF版を使えばラベル背景を透過できる（ただし今のバージョンだと動画が強制的に最前面に来てしまう問題があるのでVer1.2が推奨）
２．他のWPFの.NET用VLCライブラリを使う（例えばMeta.Vlc）

１についてはVideoLanDotNetのVer1.2と言われてもどこ探しても見当たらなかったので、２のMeta.VlcでWPFを使って実装を試してみました。

Meta.Vlc編

結論から言うとMeta.Vlcを使う事で上の全ての問題は解決しました。

しかもよくできた動画プレイヤーのサンプルまであるのでこれをベースにコメント表示、投稿機能だけ足せば完成しそうです。
いいね！！

WPFは初めて使いましたが、結局Windowsフォームで作るのと使い勝手は大差ないと感じました。
しいて言えばラベルとかのコントロールを動的に作って動かすのは標準的なやり方じゃないようで、親コントロールからのマージン値を調整して動かすような操作になったのが特殊な感じかもしれません。

コメント送受信部分の実装

DVDプレイヤー部分がなんとかなったので、あとはコメント送受信だけ作れば完成です。

クライアント側からはGETでコメント受信、POSTでコメント送信する事にします。

サーバ側はNode.jsで実装して、POSTで受け取ったコメントを貯めておいて、GETが来たら貯めたコメントをJSONにして返せばいいでしょう。

簡単ですね。

ソースはGitHubのリポジトリを確認してください。

クライアント

さて、C#からHTTPリクエストを送るのに何をつかうべきか。
HttpWebRequestを使うのはもはや古くて、今はHttpClientを使うのがトレンドらしいです。
HttpClientの使い方の解説はこちらを参考にしました。

しかし、トレンドだけあってasyncだのTaskだのawaitだのの使った事ない新しげなキーワードが炸裂してて困惑しますね。
いわゆる非同期処理を簡単に書くための仕組みなので、HTTPリクエストみたいな非同期処理でこそ使わなくてどうする！といったところでしょうか。

ググッて調べながら書いてみると、たしかにとってもわかりやすく非同期処理が書けて便利ですね！
正直普段Unityでスレッドでどうこうしてるのがアホらしくなってきました。

コメント投稿時はPOSTでコメントの本文（comment）と動画時間（time）と、一応今後他のDVDにも対応する時のために動画の種類を識別する文字列を送っときます(video)。今回は叛逆なので決め打ちで”video : rebellion”とします。

ソフト起動時にはGETでサーバからコメントをJSONで取得します。

[
{ “time” : “100” , “comment” : “ほむほむ” },
{ “time” : “299” , “comment” : “さやさや” },
…

]

↑こんな感じのJSONが取れる予定です。

JSONをパースするにはJson.NETを使いました。

http://www.newtonsoft.com/json

使い方はこちらを参考にしました。

time、commentフィールドを持ってるクラスを用意すれば簡単にデシリアライズできました。

サーバー

サーバー側はNode.jsを使って書きました。
ちなみに開発環境はVisualStudio2017(RC)を使いました。VisualStudioは「Node.js Tools for Visual Studio」を導入するとなかなか便利なNode.js開発環境になります。

Node.jsについてはかなり前に使ったっきりで、ほぼ何もかも忘れてたのでドットインストールのNode.js入門で勉強し直しました。
結果的にはドットインストールの内容だけでサーバー側プログラムを実装できたので、さすがドットインストールといった感じです。

実際サーバーでやる事はシンプルです。

まず、コメント用の配列を持っておきます。
クライアントからコメントがPOSTされてきたら、querystringでパースして、コメント配列に追加します。

そして、コメントのGET要求が来たら、コメント配列をそのままJSON.stringifyでJSON化して返してあげればＯＫです！

ただし、サーバーが落ちた時のために、データを永続化する必要がありますので、mongodbを使ってコメントを保存しておきます。
Node.jsからmongodbを操作するのはとっても簡単です！

POSTの時にコメント配列に追加するついでにmongodbにドキュメント（行）を追加しておきます。

後はサーバーを起動した時に、mongodbからコメントを取得してコメント配列に詰めればバッチリです！

詳しい実装はソースを参照してください。

完成

そういう訳で完成しました。
お疲れさまでした。

苦労したのでよかったら是非マジカルプレイヤーを使ってみて、要望などあればお寄せください。
GPLライセンスなのでソースを改造して新しいソフトを作ってみるのもいいのではないでしょうか。

今回は試しに作った感じだし、個人情報とかは何一つ取り扱ってないので、セキュリティ周りについてまったく気を使ってないですし、異常系のテストなども不十分なので、もっと本格的なサービス化していく事になったらセッション管理とか色々やる必要がある気がします。

違法性は無かった

今回開発してて、もっともネックだったのは、DVDをそのまま再生するという部分です。
HDDの中にあるmp4ファイルを再生すればいいとかであればどれほどラクだったでしょうか…

しかし、現在の著作権法では、VOBファイルなどをHDDにコピーしただけで違反になってしまうようです。
という訳でDVDをそのままの状態で再生させる事が必須であり、それ故に苦労する事になりました。

このような法律だと、買ったDVDをスマホに移して観る事もままならないですよね。
不便さというのは法律で押し付けたところで、ハイわかりましたと今まで通りにいくとは限りません。
開発してて思ったのは、もうDVDの時代じゃ無いかもなという事です。
DVDというのはレガシーなメディアだと思います。
マイクロソフトがメディアプレイヤーでDVD見れなくしたのも、「NETFLIXで観ろや」くらいの言い分かもしれません。

今はDVDの売り上げでアニメの成功が語られたりしてますが、スマホでは観れないし、ろくにＰＣ（Windows10）でも観れないこんな不便なメディアよりも、Amazonプライムビデオなどのオンデマンド見放題動画サービスでスマホやタブレットからサックリ視聴するようになっていってる感じがします。

とは言え合法的にアニメにコメント付けたりしてみんなで楽しむという手段となると今回みたいな形で実装するしかないのが現状です。
ですので、もしこれで反響があればもっと機能を拡充したりしていきたいと思います。

それに、今回のコメントサーバは、応用すればアニメに限らずTwitch Play Pokemonみたいな感じで、ゲームをコメントでどうこうする、みたいな仕組みにも応用できるかも知れません。
何か面白い事が思い付いたらアイデアを広げていきたいですね。

こんにちは、海行です。

最近思ったのですが、何かアイデアを思いついた時に、それをイチから実装するのは中々大変です。
もし誰かが先に同じような事を思いついて、先に色々試して論文にしてくれていたとしたらどうでしょう？

先を越されてくやしー！というよりは、その論文を読めば自分でイチからやるより時間も手間も節約できて、ラッキー！ですよね。

しかし、自分のアイデアについてすでに誰か論文書いてないか、逆引きで探すのは結構大変です。
Google検索でもパッと出てこないし、そもそも検索に必要な適切なワードがわからなかったりします。

なので、残念ながら現状では世の中にどんな論文があるか網羅的に頭に入れておく必要があったりします。
仕方ないので、色んな論文のアブストラクト（要旨）をここにメモっていって、インデックスしてみようという試みです。

とりあえず最初はSIGGRAPH2016の論文をちょっとずつメモしていこうと思います。
専門家じゃないので誤解があったり、Google翻訳を使うので誤訳があったりするかもしれません。すいません。

SIGGRAPHの論文の情報は色んな所に散らばってますが、こちらのサイトでリンクをまとめてくださってます。感謝！

コンピューティングカメラ編

・The Diffractive Achromat: Full-Spectrum Computational Imaging With Diffractive Optics
回折アクロマート：回折光学を用いたフルスペクトラム計算イメージング

こちらの研究では改良された回折レンズ（回折アクロマート）を開発し、また、それによって捉えられたデータから写真を再構築するアルゴリズムを開発されたそうです。
回折レンズを用いると、屈折レンズの場合と比較してカメラのサイズ、重量をコンパクトにすることが出来るので、今注目を集めているそうです。
しかし、従来の回折レンズでは撮影された写真の色の忠実度に問題がありました。
こちらの研究のアプローチによって、色の忠実度を改善することが出来たそうです。

論文リンク

・Practical Multispectral Lighting Reproduction
実用的なマルチスペクトル照明の再現

こちらの研究では、まず３６０度色んな方向から沢山のカラーＬＥＤで被写体を撮影できる（LEDスフィア）スタジオがあって、どこかロケで撮影した風景の映像に合わせてスタジオの照明環境をロケ撮影映像と同じように再現する方法を考案されたそうです。
仕組みとしては、ロケ撮影時に複数の方向を向いたカラーチャートも一緒に撮影しておいて、スタジオでの撮影時はカラーチャートがロケ撮影時と同じ色になるようにＬＥＤ照明を調整する感じみたいです。

論文リンク

・Computational Imaging With Multi-Camera Time-of-Flight Systems
複数台のタイムオブフライトカメラシステムによるイメージング計算

こちらの研究では、KinectV2のようなタイムオブフライトシステムのデプスカメラを３台同期させて動かせるシステムを開発されたそうです。
このシステムにより、複数カメラの間の波形干渉を分析する事で、色々なことが出来るようになるそうです。
例えば、３台で同時に捉えられた画像間のドップラー効果を分析する事で物体の速度を割り出して動きのあるシーンから散乱を除去したり、グローバルイルミネーションを光学的に調査する新たな方向性を模索するなど。

論文リンク

・Occluded Imaging With Time-of-Flight Sensors
タイムオブフライトセンサーを使ったオクルーデッドイメージング

こちらの研究では、タイムオブフライトカメラがコーナーを検出できるか、および拡散、散乱を検出できるかを探求されています。
タイムオブフライトカメラの性能は２つの要因、カメラの変調周波数と壁の光沢の強さに依存すると結論付けられています。
理想的なランバート拡散の壁だと汎用タイムオブフライトカメラはメートルオーダーの分解能を実現しますが、ポスターボードなどの見えにくい壁だと分解能は大幅に低下するようです。

論文リンク（有料）

結果

こんにちは、海行です。

VisualStudio2017（以下VS）でソースコードの英語のコメントを日本語に翻訳する拡張を作ったので公開します。

https://marketplace.visualstudio.com/items?itemName=umiyuki.TranslatorVSIX

↑こちらからVSIXファイルをダウンロードできます。

インストール方法

VSがインストールされてる状態で、ダウンロードしたVSIXファイルを開くと拡張機能がインストールできます。

試してませんがVisualStudio2010以上なら互換性があるらしいです。（注：最後の17/4/10追記参照）

アンインストールするにはVSのメニューのツール→拡張機能と更新プログラムからTranslatorENtoJPを選んでアンインストールできます。

使い方

インストールすると、VSのメニューのツールにTranslateという項目が増えてると思います。

まず、翻訳したいコメントの行を選択します。複数行にまたがったコメントでもＯＫです。

メニューからTranslateを実行します。

日本語の翻訳が下に追加されます。

Google翻訳で翻訳されてます。
翻訳コメントは決め打ちで120バイトで改行されます。

以上です。

他の機能とかはありません。

是非使ってみてください。

ソース

VisualStudioのプロジェクト一式をGitHubに上げました。

https://github.com/umiyuki/VisualStudioExtensionTranslatorENtoJP

↑こちらからＤＬできます。

とりあえず自分が使うに事足りるだけの機能しかないので、他の人は使いにくいかもしれないので、なんかいい感じに改良していただけるのは大歓迎です。

経緯

最近、Google翻訳の精度がメッチャ上がりまして、Webページを読むのにChromeで右クリックから”日本語に翻訳”すればスラスラ読める日本語になって、大変便利ですね。

それと、最近人のソースコードを読む機会がやたらめったら多いです。
他人が書いたソースコードを読むのはもっぱらコメント頼みですよね。結構しっかりコメント残してくれてる方が多くてありがたいです。
しかし、英語圏の人、というか世界中の大抵誰でも英語でコメントを書かれてます。

読めないですね。

Webページがあんなに素晴らしい自動翻訳で読めるのに洋書やソースコードが自動翻訳で読めないとか何かの間違いでしょう。

Chromeは実はテキストファイルも右クリックから日本語に翻訳できるので、とりあえず私は今まではソースコードをChromeで開いて翻訳して、でもコメント以外も日本語になってしまうので、コメント部分だけ手作業でコピペして…ってやってました。

それでも随分コード読むのが便利になったものの、なんかこう…エンジニアとしてこういうやり方は間違ってるんじゃないか？

そう思って、あと気が向いたので、VisualStudio拡張作って翻訳する事にしました。

実はソースを翻訳できるVisualStudio拡張はすでに公開されてます。

https://marketplace.visualstudio.com/items?itemName=BenderBendingRodriguez.Translator

↑こちらです

http://vstranslator.codeplex.com/

↑ソースもMitライセンスでこちらに上がってます。

これ使えばいいじゃんって話なんですが、Google翻訳が動作しなかったり、VS2017に対応してなかったりするので、ソースをお借りして改造して作り直すことにしました。

翻訳エンジンの選定についてですが、Google翻訳APIは無料枠が無いし、最初はマイクロソフト翻訳APIを使おうと思ってましたが、試してみると個人的にはGoogle翻訳が出してくれる日本語の方が読みやすいと感じましたので、やはりGoogle翻訳を使いたい…

ググッてたら、アクセストークン無しで叩ける翻訳APIのエンドポイントがあるとの事（https://github.com/Stichoza/google-translate-php/issues/62）。
ありがたく使わせてもらう事にしました。

ただ、多分非公式APIだと思うので、いつ潰されたり、アクセス規制されても文句言えないと思います。
あしからず。

ショートカット割り当て

実際この拡張機能を使ってコメントを翻訳してくのに、イチイチメニューから選ぶのはめんどくさいですね。
キーボードショートカットに割り当てる事も出来ます。

やり方はツール→オプション→キーボードでツール.Translateを見つけ出して、ショートカットキーを割り当てます。

ただ、ショートカットはどれもほぼすでに割り当て済みだったので、私は右クリックのコンテキストメニューに割り当てて使う事にしました。

こっちのやり方は、ツール→カスタマイズ→コマンドタブ→コンテキストメニュー→その他のコンテキストメニュー | コードウインドウ→コマンドの追加→ツール→Translate
です。

VisualStudio2017拡張入門

せっかくなので、今回触った範囲（つまりほんのちょびっと）でVS2017拡張の解説をしてみます。
意外と簡単です。

私はこちら（http://www.kekyo.net/2016/12/04/6131）の記事をとっかかりにさせていただきました。
他の日本語の情報は少ないですが、公式のリファレンス（https://docs.microsoft.com/en-us/visualstudio/extensibility/extensibility-in-visual-studio）がかなり充実してるので、これを読めばよさげです。
英語ですが、英語のWebページはGoogle翻訳して読めばＯＫです。

プロジェクトを作る

VisualStudioを開いて、テンプレート→VisualC#→Extensibility→VSIX Projectを選びます。
Extensibilityが無い場合は、下の方にある”探してるものが見つからない場合 Visual Studio インストーラを開く”を選んで、ワークロード→VisualStudio拡張機能の開発にチェックを入れてインストールします。

プロジェクトができたら、ソリューションエクスプローラのプロジェクトを右クリックして追加→新しい項目→Extensibility→Custom Commandを追加します。
Command1.csみたいなファイルが生成されるので、試しにこの状態でデバッグ実行してみます。

すると新しいVSが開きます。このVSにはメニュー→ツールにCommand1という項目が増えてます。
これを実行してみると、メッセージウインドウが表示されます。

つまり、メニューを実行するとCommand1.csのMenuItemCallback関数が呼ばれる形になります。
ですので、この関数の中身をいじくれば色々できます。

ちなみに、現在選択中のテキストが欲しい時は、MenuItemCallback関数の中にこんな感じで書きます。

DTE dte = (DTE)this.ServiceProvider.GetService(typeof(DTE));
if (dte.ActiveDocument != null)
{
    var selection = (TextSelection)dte.ActiveDocument.Selection;
    string text = selection.Text;
}

これで選択中の文字列が取れるので、色々加工してselection.Textに代入すれば、選択文字列を加工できます。

拡張機能をインストールする

プロジェクトをビルドすると、VSIXファイルが出力されます。

これを開けばVSに拡張機能をインストールできます。

多分このファイルを送れば他の人にもインストールしてもらえると思います。

拡張機能をアップロードする

拡張機能の公開も簡単すぎるほど簡単にできます。

こちら（https://visualstudiogallery.msdn.microsoft.com/）からVisualStudioギャラリーのページへ行き、アップロードという項目を選んで、必要項目を入力してビルドしたVSIXをアップロードすれば、ちょっと経った（数分？）後に拡張機能が公開されます。

今後の展望

とりあえず、既知の問題として、///のようなスラッシュ３つのコメントを翻訳すると、翻訳はできますがレイアウトが崩れる問題がありますが、どうやれば直せるだろう。

あとは翻訳追記じゃなくて置換にしたい～とか、英語以外の言語も翻訳したい～みたいな機能はあった方がいいような気もしますが、そうしたらオプション画面とか作んないといけなさそうだし…めんどくさそう…要望が出れば対応するかも…？

ぶっちゃけ誰かがもっとメッチャいい感じに改良とかしてくれたら嬉しいですね。

17/4/10追記

この記事を書いた後で、VisualStudio2013と2015にもインストールしようとしてみましたが、できませんでした。

調べたところ、デフォルトの設定では2017のみ対応の設定になっているようです。

2013や2015にも対応させるには、まずプロジェクトの～.vsixmanifestを開いてInstall TargetsのMicrosoft.VisualStudio.CommunityのVersion Rangeが[15.0]になってるのを[12.0,15.0]にする必要があります。

また、これだけだと2013で実行した時にエラーが出てしまうので、さらにソリューションエクスプローラの参照の中にMicrosoft.VisualStudio.Shell.15.0があると思いますが、これを削除して、参照を右クリック→参照の追加→拡張→Microsoft.VisualStudio.Shell.12.0にチェックを入れます。

これで2013～2017までに対応できました。

VisualStudioギャラリーにアップしてる拡張についてはすでに修正してあります。