読者です 読者をやめる 読者になる 読者になる

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

3Dドット本が無事印刷完了したので #技術書典2 にて頒布します! #技術書典 #first_step_magica_voxel

techbookfest.org

前回お伝えしたとおり、技術書典2の「お-34」にて、「3Dドットで遊ぼう!〜はじめてのモデリング編〜」を頒布します!
先日無事に印刷が完了して、本が手元に届いきました!
実際の本になると結構感動しますね…表紙をマット加工にしたのでサラサラしてます

ちなみに30部刷りました、結構な量あります、重いです、会場から持って帰りたくないので完売したいです(切実)

実際に頒布する数はもっと少なくて、恐らく多くて24部程度になる見込みです
冒頭のお品書きにもあるとおり、B5 40PでオールカラーPDFダウンロードシリアルコード付きで500円にて頒布をします
また、オールカラーPDFダウンロードシリアルコードのみの頒布も予定しています

是非技術書典2に来てください!!!!!!!!!!!!そして「お-34」に来てください!!!!!!!僕と握手!!!!!!!!

techbookfest.org

Docker for Macを使っていてディスク容量が足りなくなった場合の対処法

コンテナとかイメージとか全部消えるけど気にしない場合の方法です

以下を実行することで雑に回避可能

rm ~/Library/Containers/com.docker.docker/Data/com.docker.driver.amd64-linux/Docker.qcow2

削除した後にDocker for MacをRestartする

日商簿記3級に合格しました

先月受験した、第145回日商簿記検定試験3級の合格速報が昨日発表されて、無事合格していました。
すごくうれしいです。受かってて本当に良かった…

これで簿記がチョットデキル(本当にちょっとだけ)エンジニアを自称しても良さそう。

なんで日商簿記3級受けたの?

去年から、何かお手頃な勉強を毎日続けてみたいという願望がありました。
というのも、大学を卒業してからは勉強らしい勉強をしていなかったので、そこまで難しくもないけど、簡単でもない、ちょうどいい塩梅の勉強対象が欲しかった感じです。
あと仕事に全く関係がないのを勉強したかった。気分転換目的で。

ということで日商簿記3級を目指そうと決めました。 そもそも高校で少しだけ簿記を勉強をしていたってのが影響していると思います。
売掛金とか買掛金とか基本中の基本の用語をとりあえず知ってたってのはデカイ。

ちなみに1番好きな仕分け勘定科目は「当座預金」です。
2番目は「現金」です。

勉強方法

去年の11月頃から、1日5分くらいづつ勉強してました。
4,5ヶ月勉強してた計算になりそう。
順番はこんな感じ。

  1. みんなが欲しかった 簿記の教科書 日商3級 をとりあえず1週する
  2. みんなが欲しかった 簿記の問題集 日商3級 をやりたいところだけやる
  3. 合格するための過去問題集 日商簿記3級 をやりたい過去問だけやる

教科書を読み込んで問題を解いて、問題集の問題を解いてわからなかったら教科書を読んで、直前に過去問をやり込むって普通のパターンですね。
過去問をやって自分が苦手な問題のところがわかったので、重点的に問題集で勉強しなおしたりしました。

とにかく毎日どんなにダルくても、教科書を1秒以上開くってことだけはやったと思います。
冗談抜きで1秒で閉じた日もあった気がする。
そうしないと毎日絶対続かないよ…

問題を解くときはiPad ProとApple Pencilでやっていた。解答用紙を別途用意する必要がないのでとても便利だった。
多分iPad ProとApple Pencilなかったら勉強続いてなかった。

おわりに

日商簿記3級受かってよかったです。
3級の試験終わりに本屋さんに行って2級の問題集を眺めたところ、1問目から絶望を感じたので多分2級は受けないと思います。レベル違いすぎないですかあれ…

技術書典2にて3Dドット本を出します! #技術書典2 #first_step_magica_voxel

techbookfest.org

2017/4/9(日)に開催予定の 技術書典2 に味噌煮研究所としてサークル参加をします。
B5の小冊子を頒布予定で、内容としては初心者向けの、 MagicaVoxel を使った3Dドットでモデリングする方法などが書いてあります。
物理本(表紙カラー本文モノクロ) + 電子本(オールカラーPDF)を500円で頒布します。

本の内容

目次は現在このような感じです。確定ではないので、一部変更になる可能性があります、ご了承ください。

ざっくり流れ的には

  1. 3Dドットについての説明
  2. ツール紹介
  3. モデリング方法
  4. パブリックな公開の方法
  5. お役立ち情報

となっています。

本書を読むことで、3Dドットでのモデリングツールである MagicaVoxel の使い方を知ってもらい、自分の好きなものをモデリングすることができると思います。
興味がある方は こちら よりサークルチェックをよろしくお願いします!

また、PDF版をインターネット上で買えるようにする予定ですので、もし技術書典2に来られない方はPDF版をよろしくお願いします。
あとどうやら、国立国会図書館に納本する義務があるらしいので、無事印刷できた暁には納本します。

余談

毎週月曜日に、MagicaVoxel を使ってモデリングした作品を Twitter などで公開しています。
こちらもよろしくね!