2020-07-11

GatsbyJSでブログ作りました

GatsbyJS + Netlifyでブログを作りました。今後はそちらに投稿しようと思います。

https://www.deg84.com/

2016-12-31

2016年に買ってよかったもの

2016年ももう終わりということで、今年買ったもので良かったものを。

ガジェット

ErgoDox EZ

導入して肩甲骨周りのコリがほぐれた。ちなみに黒軸を使っている。

ErgoDoxじゃなくても良いのでプログラマーは分割キーボードを使うべし。

ErgoDox EZ Bundle with Blank Keycaps | ErgoDox EZ

SlimBlade Trackball + エレコムマウスパッド

ErgoDox EZに合ったポンティングデバイスを探している中で出会って購入。

Amazonでよく一緒に購入されている商品として出てくるエレコムのマウスパッドを一緒に使うことで手首へのダメージが減った。全然違うのでSlimBladeを買う場合は是非一緒に。

ケンジントン【正規品・5年保証付き日本語パッケージ】 SlimBlade Trackball 72327JP

出版社/メーカー: ケンジントン
発売日: 2011/04/01
メディア: Personal Computers
購入: 2人クリック: 31回
この商品を含むブログ (2件) を見る

エレコムマウスパッドリストレスト一体型疲労低減 "COMFY" ソフト(ブラック) MP-095BK

出版社/メーカー: エレコム
発売日: 2006/10/14
メディア: Personal Computers
購入: 32人クリック: 69回
この商品を含むブログ (8件) を見る

Bose QC 30 + QC 35

元々使っていたQC 20のケーブルがタイミング悪く断線してQC 35を購入。本当に欲しかったのはQC 30の方で、こちらも発売日に購入。

家ではQC 35、外でQC 30という使い分けで運用中。ノイズキャンセリングが素晴らしい。

Bose QuietControl 30 wireless headphones : ワイヤレスノイズキャンセリングイヤホンネックバンド式/Bluetooth対応/コントローラブル・ノイズキャンセレーション機能搭載/リモコン・マイク付きブラック QuietControl30 WLSS BLK【国内正規品】

出版社/メーカー: BOSE
発売日: 2016/10/28
メディア: エレクトロニクス
この商品を含むブログ (1件) を見る

Bose QuietComfort 35 wireless headphones : ワイヤレスノイズキャンセリングヘッドホン密閉型/オーバーイヤー/Bluetooth・NFC対応/リモコン・マイク付き/通話可能ブラック QuietComfort35 WLSS BLK【国内正規品】

出版社/メーカー: BOSE
発売日: 2016/06/24
メディア: エレクトロニクス
この商品を含むブログを見る

iPhone 7

防水とApple Pay（Suica）が使いたくて購入。どちらもAndroidなら既に出来ていたかもしれないけど、それがiPhoneに来たことが重要。

合わせてモバイルSuicaも使えるようになったので、マネーフォワードと連携ができるようになり経費計上の手間も減った。

iPad Pro 9.7インチ + Apple Pencil

手書きメモから脱却したくて購入。

手書きメモ、電子書籍リーダーとして運用。手書きメモがメインなので12.9インチの方が良かったかも。コンテンツリーダーとして使うなら防水機能が欲しい。

PlayStation VR

VRの研究も兼ねて購入。没入感、臨場感がこれまでのゲーム環境と全然違う。ひかりちゃん可愛い

Macで動くVR環境が欲しい。

PlayStation VR PlayStation Camera同梱版

出版社/メーカー: ソニー・インタラクティブエンタテインメント
発売日: 2016/10/13
メディア: Video Game
この商品を含むブログ (11件) を見る

backspace.fmを聞き始めてからガジェット系を買う率が高くなった気がする（笑）

料理

作り置きセット

一人暮らしで自炊をすると、どうしても使い切れない食材が出てきたりスーパーで売っている単位がファミリー向けで買いづらかったりするのをなんとかする為に購入。

ひと目でわかる! 食品保存事典簡単! 長持ち! 節約! (講談社の実用BOOK) は、冷凍を信用していなかった自分の価値観を変えてくれた一冊。

つくおき週末まとめて作り置きレシピ (美人時間ブック)

作者: nozomi
出版社/メーカー: 光文社
発売日: 2015/10/16
メディア: 単行本（ソフトカバー）
この商品を含むブログ (1件) を見る

ひと目でわかる! 食品保存事典簡単! 長持ち! 節約! (講談社の実用BOOK)

作者: 島本美由紀
出版社/メーカー: 講談社
発売日: 2015/04/24
メディア: 単行本（ソフトカバー）
この商品を含むブログを見る

iwaki パック&レンジシステムセットグリーン PS-PRN-G7

出版社/メーカー: iwaki
メディア: ホーム&キッチン
クリック: 2回
この商品を含むブログを見る

その他

DURODEX 200DX

家にある本を片っ端からPDF化しようと思い購入。あるとないとでは大違い。でも最初はレンタルで試すのが良いと思う。

DURODEX 自炊裁断機ブラック 200DX

出版社/メーカー: DURODEX
メディア: オフィス用品
購入: 4人クリック: 54回
この商品を含むブログを見る

LAMY 4色ボールペン + ジェットストリームの替芯

王道の組み合わせ。

iPad Pro + Apple Pencilを買うまでよく使っていた。

LAMY ラミー 4色ボールペン油性 2000 L401 正規輸入品

出版社/メーカー: LAMY
発売日: 2013/01/06
メディア: オフィス用品
購入: 7人クリック: 141回
この商品を含むブログ (13件) を見る

三菱鉛筆油性ボールペン替芯ジェットストリームプライム 0.5 多色多機能 SXR20005 3色

出版社/メーカー: 三菱鉛筆
メディア: オフィス用品
この商品を含むブログを見る

Amazonベーシックヨガマット

厚さ13mmのおかげで膝が全然痛くない。大きめの男性にオススメ。

Amazonベーシックヨガマットブラック 13mm キャリーストラップ付

出版社/メーカー: AmazonBasics
メディア: スポーツ用品
この商品を含むブログを見る

鉄脚

IKEAで買った机の高さを63cm程度にするために60cmにカットしてもらい購入。

鉄脚(てつあし)テーブルDIYリメイク用カフェアレンジ4本セット支柱太さ27mmタイプ

ジャンル: インテリア・寝具・収納 > テーブル > ダイニングテーブル > その他
ショップ: TurnBuckle楽天市場支店
価格: 8,000円

2016年も色々買った。来年はPS4 Proや4K HDR対応テレビ、噂されてるMacBook Pro 2017あたりを買いそうな気がしてる。

2016-03-08

日本語スライドをSlideShareにアップする場合はフォントか検索性を諦めるしかない

早速だけど結論。

日本語スライドをSlideShareにアップする方法

スライドのフォントをNoto Sans CJK JP, メイリオ, MS P ゴシック辺りに変更する
スライド全てを画像にしてPDF化する

どちらかお好きな方を選択！

スライドのフォントをNoto Sans CJK JP, メイリオ, MS P ゴシック辺りに変更する

日本語が出ないSlideShareでも、いくつかのフォントなら日本語が表示可能です。

Noto Sans CJK JP
メイリオ
MS P ゴシック

あたりなら表示出来るのを確認しました。

みんな大好きAzusa ColorsでデフォルトになってるAvenir Nextは残念ながら日本語が表示されません。アルファベットはいける。

ヒラギノ角ゴ ProN
游ゴシック体

とかは日本語どころかアルファベットすら表示されません。なかなか厳しい。

スライド全てを画像にしてPDF化する

画像にしてしまえば、フォントは変えなくてOK！

その代わりSlideShareにページの内容は表示されません。これも厳しい…

どっちも厳しいけどSlideShareに拘るならどちらかにするしか今のところなさそうです。

事の始まり

前回の記事deg84.hatenablog.com

張っているスライドはSpeaker Deckのものだけど、はじめはSlideShareにアップしようと頑張ってました。

何回かKeynoteからPDFを作り直して色々試したけど日本語フォントが表示されず、あまり時間も掛けられなかったので今回は諦めました。

まあ実際アップしたのはこんな感じ。読めないけど公開しちゃいます。

ペアプロはリモートでもできる！ from deg84

Azusa Colorsでスライドを作ったので日本語だけが表示されず。

一応日本語のサポートがあったので問い合わせて色々情報提供もしたんですが結局解決せず。

最終的には

弊社の変換アルゴリズムでは複雑な画像、クリップアート、グラフィック、背景やテンプレートが正しく表示されない場合があります。

とのことで、諦めました。

ちなみに

調べて分かったんだけど、全ての画像で日本語が出ないわけではなく、画像によって出たり出なかったりします。

全画面表示で使う1024pxやスライダーに表示する320pxの画像は問題なくて、通常表示で使う638pxの画像やOGP用の画像がダメみたい。

まとめるとこんな感じ。

画像サイズ	主な使用用途	日本語
1024px	全画面表示時	○
768px	OGP画像	×
638px	標準表示時	×
320px	スライダーサムネイル	○

完全に画像変換時の問題やんと思って、それも伝えたんですけどね…

弊社では、メンバーの皆様からのご意見を真剣に受け止め、機能およびサービスの改善に努めています。お寄せいただいたご意見は、今後のサービス向上に役立てさせていただくために弊社の研究開発チームに転送いたしました。

と返信が来て、チケットクローズ(｀；ω；´)

いつの日か以前のように日本語表示されるんでしょうかね…

2016-03-02

ペアプロはリモートでもできる！という内容でLTやりました

今年のTryプレゼン＆現場のProblem相談＆Keep事例発表大会 - アジャイルひよこクラブ〜にわとりへの道〜 | Doorkeeper

色々お手伝いしているアジャイルひよこクラブの集まりでLTやりました！

この記事でLTで端折った部分とか補完出来れば良いかなと思っています。

スライド

（SlideShareだと日本語が出ないのでSpeaker Deckで）

ペアプロ

ペアプロとはなんぞや

一言でいうと「2人で1つのコードを書く」ということ。一応Wikipediaにあったのでそれをご紹介。

ペアプログラミング（英: pair programming）は、2人のプログラマが1台のワークステーションを使って共同でソフトウェア開発を行う手法である。一方が単体テストを打ち込んでいるときに、もう一方がそのテストを通るクラスについて考えるといったように、相補的な作業をする。実際にキーボードを操作してコードを書く人を「ドライバ」、もう1人を「ナビゲータ」と呼ぶ。30分ごとか、単体テストを1つ完成させる度に役割を交替するのがよいとされる。また、1日に一度の頻度でパートナーを変えるのがよいともされている。ペアプログラミング - Wikipedia

説明としてはそれだけなんだけど実際やろうとすると難しいということで

ペアプログラミングをうまくやるためのチェックリスト - Cirius Lab. ブログ

が良く参考にされる。

書籍もあるが、もう絶版になっているっぽい。

ペアプログラミング―エンジニアとしての指南書

作者: ローリーウィリアムズ,ロバートケスラー,Laurie Williams,Robert Kessler,長瀬嘉秀,今野睦,テクノロジックアート
出版社/メーカー: ピアソンエデュケーション
発売日: 2003/03
メディア: 単行本
購入: 6人クリック: 36回
この商品を含むブログ (29件) を見る

（オライリー、技評とかで誰か書かないかな？）

結局のところ、これが正解！と言えるものはなくて、それぞれの現場にあったやり方を試行錯誤しながら改善しながら作っていくしかない。

そうやって生まれたのが「ぼくたちのペアプロ」

発表した「ぼくたちのペアプロ」では主に、ペアプログラミングをうまくやるためのチェックリストと異なる点をご紹介しました。

2人のプログラマがそれぞれのPCを使う

先のWikipedia書かれている定義にもあるように、2人のプログラマが1台のPCを一緒に使うのが一般的です。

なぜそれをやめたのかというと

ドライバーがコードを書く際にうろ覚えの部分をナビゲーターが調べることが多々ある
ドライバーがコードを書くのに詰まった時に、ナビゲーターもコードを書いてドライバーにコードを渡すことがたまにある

コードを書く際にこれらの状況があり、1台でやるよりも良いと判断した経緯があります。

画面について

そういえばLTでは触れなかったですが、ドライバーの画面をミラーリングして、外部ディスプレイに表示するようにしています。

ナビゲーターはその画面を見て、ドライバーのサポートをしています。

15秒以上の沈黙はよくある

ペアプログラミングでは、15秒の沈黙ですら長すぎます。ペアプログラミングをうまくやるためのチェックリスト - Cirius Lab. ブログ

これは、ドライバーが何をしようとしているのか、何をしているのか、何を考えているのかを密に伝える。コミュニケーションを取ることが重要だと言っているわけで。であれば、15秒以上の沈黙はあってもいいのかなと考えています。

ドライバーが沈黙してしまって手も動いていない時、ナビゲーターは「今何を考えてますか？」と一言聞いてあげればOK。

これは、ぼくたちが考えながら手を動かしながら話すことに慣れていないという側面も少なからずあるとは思います。

リモートでペアプロ

そして、それをリモートでもやってみたというのが今回のメイントピックになります。

リモートでやるので設備やツールは非常に重要です。

ツールが充実してきたのでペアプロがリモートでも出来るようになったと言えます。

ディスプレイ

これは2つ以上を推奨。

1画面をメインの画面にして、もう1画面を相手が画面共有したものにします。

こうすることで、「ぼくたちのペアプロ」と同じ状況をリモートでも作っています。

その際に、相手の画面を共有するのはRetinaディスプレイにした方が良さそうです。理由は後ほど。

カメラ

ぼくたちが使ったのはMacbook ProのFaceTime HDカメラです。

相手の顔もはっきり見えますし、よほどの理由がない限りHDカメラを使うのが良いと思います。

イヤホン・マイク

Macbook Proに搭載されているスピーカーはちょっと非力。

5000円以上のものであれば何でも良いような気がします。

イヤホンを買う時にはマイク付きのものがオススメです。

ビデオチャット ツール

ぼくたちが試したのは、skypeとappear.inの2つ。

skepe

音質・画質共に良さげなんですが、二人同時に画面共有が出来なくて断念。

appear.in

画質は少し怪しいんですが、二人同時に画面共有が出来たので、今回はこれを使うことになりました。

Retinaにすると画質がちょっと良くなるのを発見して、appear.inの画面はRetinaで見ることに。

Screenhero

KPTのTryとして出したのがScreenhero | Screen sharing for collaboration in teams

今回は使ってないですが、HD画質を謳っているのでappear.inよりもキレイに画面共有することが出来そうです。しかも、1つの画面を複数人で操作することが出来るらしいので、一般的なペアプロにも使えそうです。

その他ツール

複数人が同時に画面共有できるツールなら、他にも良い物があるかもしれないです。オススメがあれば教えてください。

裏話

実は、今年のTryというテーマでLTをやって欲しいと言われて、「今年はリモートペアプロに挑戦します」という内容でLTをする予定でしたが、タイムテーブルに「リモートペアプログラミング（仮）」といかにもリモートペアプロやってる感じで掲載されてしまって急遽リモートペアプロをやってみることになりました(；´∀｀)

それまでやったことがなかったんですが、仲間にも協力してもらって色々試行錯誤した結果が今回の発表になりました。

手伝って頂いた皆さんありがとうございました！

振り返り（KPT）

最後に今回のLTを振り返ってみます。

Keep

緊張したが言いたいことは言えた
取ろうと思っていた笑いは取れた
そんなに緊張していたと思われなかった

Problem

思っていたよりもペアプロをやっていない人が多かった
最後の最後で時間切れになってしまった
タイムキーパーを見る余裕がなかった
周りを満遍なく見る余裕がなかった
スライド作るのがギリギリになってしまった

Try

もし次にペアプロの話をするなら、一般的なペアプロの説明を入れる
どうしても緊張する場合は水を飲む、一呼吸置く
スライドは2日前には作り終わるように

参加して頂いた皆さんありがとうございました！

2015-10-02

久しぶりに郵便局に行ったら番号で呼ばれるようになっていた

この前、郵便局で色々支払いを済ませ手続きを待つ時に、初めて番号札を渡された。

これまで支払いを済ませた後は、名前を呼ばれるパターンしか経験したことがなかったんだけど、今回使った渋谷の郵便局の場合は、番号札を渡され、その番号を呼ばれる仕組みだった。

普段使っている自宅近くの郵便局だと普通に名前を呼ばれるし、個人情報に厳しくなったからとか、マイナンバーの影響でそうなったというわけでもなさそう。

渋谷の郵便局だけが番号札を導入しているのか、自宅近くの郵便局だけが導入していないのか、どういう状況なのか分からないけど、郵便局で統一されてないんだなと少しビックリした。

名前で呼ばないのは個人情報の観点からはすごく良いと思うし、導入していない郵便局はすぐに導入すれば良いのにと思う反面、名前じゃなくて番号で呼ばれるのは機会的でちょっぴりさびしい気持ちにもなった。

2015-08-25

YAPC::Asia Tokyo 2015レポート #yapcasia

これまではPerlのイベントだと思っていたこともあって参加していなかったんですが、今回が最後になるということで個人スポンサーとして参加しました！

「ブログを書くまでがYAPC」ということで感想を少しずつ書いてみます。

前夜祭

言語開発の現場

The story of language development from Hiroshi SHIBATA

www.slideshare.net

Rubyコミュニティの話。リリース大変そうでおつかれさまです。

はてなブックマークのトピックページの裏側

はてなブックマークのトピックページの裏側 in YAPC::Asia Tokyo 2015 from Shunsuke Kozawa

www.slideshare.net

正直難しくてついていけず……

我々にできるOSSとそのコミュニティの育てかた

How to create/improve OSS products and its community from SATOSHI TAGOMORI

www.slideshare.net

オープンに。英語で。

<a href="http://t-wada.hatenablog.jp/entry/active-oss-development-vs-simplicity">OSS開発の活発さの維持と良いソフトウェア設計の間には緊張関係があるのだろうか? - t-wadaのブログ</a>t-wada.hatenablog.jp

これも合わせて読みたい。