2018-06-20

💻デスクトップマスコット

f:id:mzp:20180620232647p:plain

美少女として勤務するで作ったアバター表示アプリと、デレステフォトスタジオのリアルタイム透過プレイヤーをつくったのクロマキーフィルターつきiPhoneキャプチャを組合せることでデスクトップマスコットになった。

👚ポーズ

デスクトップマスコットになるには全身を写す必要があるので、Tスタンスではなくかわいいポーズが必要となる。

いろいろ見た中で、以下のポーズのうちミクの後ろに腕をまわしているポーズがかわいかったので採用した。

seiga.nicovideo.jp

そのまま適用するとこうなる。

f:id:mzp:20180620233126p:plain

とてもかわいいが、上半身と首をひねっているため長時間は厳しい。多少、ポーズは修正した。修正はVmd2XMLを利用した。

f:id:mzp:20180620233935p:plain

かわいいには我慢がつきものらしい。

かわいいとおしゃれに
我慢はつきものです。
と、いつも長女に言って聞かせてるんだけど、どうらやらmzpも学んだらしい。 https://t.co/ozFSFdccX8
— miho (@MihoHamaguchi) 2018年6月19日

🏟背景色

クロマキー合成をするために背景を単色に切り替えれるようにした。これはカメラのSkybox設定をいじって実現した。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class ChangeBackground : MonoBehaviour {
    private int count = 0;

    public void OnClick() {
        count = (count + 1) % 4;

        switch(count) {
            case 0:
                Camera.main.clearFlags = CameraClearFlags.Skybox;
                Camera.main.backgroundColor = new Color(49/255.0f, 77/255.0f, 121/255.0f);
                break;
            case 1:
                Camera.main.clearFlags = CameraClearFlags.SolidColor;
                Camera.main.backgroundColor = new Color(0.15f, 0.48f, 1);
                break;
            case 2:
                Camera.main.clearFlags = CameraClearFlags.SolidColor;
                Camera.main.backgroundColor = new Color(1, 3/255.0f, 102/255.0f);
                break;
            case 3:
                Camera.main.clearFlags = CameraClearFlags.SolidColor;
                Camera.main.backgroundColor = new Color(251/255.0f, 179/255.0f, 2/255.0f);
                break;
            default:
                break;
        }
    }
}

そのままMastodonでtootしたらコマ割りされたみたいになってよかった。アニメのアイキャッチ画像っぽい。

f:id:mzp:20180630154431p:plain

📷カメラ位置の調整

全身がはいるようにカメラ位置をずらした。こうしてみると、引きで写すとかわいい衣装がよく見えて、いいのかもしれない。

f:id:mzp:20180620234751p:plain

その他

これもう完全に伺かでしょ pic.twitter.com/iDqYFKnlgw
— mzp (@mzp) 2018年6月20日

わたしが! デスクトップマスコットだ!!
— mzp (@mzp) 2018年6月20日

デスクトップマスコットとして生きていくぞ
— mzp (@mzp) 2018年6月18日

2018-06-19

💎RubyKaigi 2018

RubyKaigi 2018に参加した。 RubyKaigi(仙台)、WWDC(サンノゼ)、出張(東京)というかなり強い日程になっていたがなんとか落ち着いた。

f:id:mzp:20180530121726j:plain

🎤セッション

Rubyの型に興味があったので、型の話を中心に聞いた。

ASTのまわりの発表がいくつかあったので聞いた。やっぱり型と文法には興味ひかれる。

TRICK 2018 (FINAL)は見たかったが移動と被ってしまって見られなかった。残念。

✨ブース

開始直後にEightのTシャツを貰いにいったら写真を撮られた。美少女として勤務するで笑顔の練習をしたので、なんとか笑えた。

【RubyKaigi2018】
ネームカードであたりの出た方にTシャツをプレゼントしています👕
カラーとサイズに限りがありますので早めにブースに来てくださいね😊#rubykaigi2018 #rubykaigi #sansan #eight #eightアイマスク #misoca pic.twitter.com/fwc8npwPS7
— 【公式】Sansan (@SansanJapan) 2018年5月31日

定期的にコーヒーが提供されててうれしかった。

f:id:mzp:20180531123956j:plain

お弁当おいしい。牛タンを食べにいくタイミングがなかったが、お弁当で食べれた。

f:id:mzp:20180531120035j:plain

⌨️SKK

SKKこと仙台高等工業学校の跡地も見にいった。

f:id:mzp:20180530141855j:plain

日本語入力のSKKとの関係は微妙で、関係は明言されていないが無関係のはずがないくらいの感じになっている。Wikipediaでは以下のように断言を避けている。

また、東北大学の教授により開発されていたわけであるが、新制東北大学の工学部の母体のひとつ仙台高等工業学校の略称もSKKである。

SKK - Wikipedia

それはそれとして、校歌が刻まれた石碑があってよかった。

f:id:mzp:20180530142550j:plain

校歌だけあって、言葉が格調高くていい。「SKKのわかき子」「SKKの名を揚げよ」が心に染みる。

f:id:mzp:20180530142702j:plain

f:id:mzp:20180530142656j:plain

f:id:mzp:20180530142708j:plain

そのあと年表を見たら「SKKの名は消えた」と書いてあって、ｱｯとなった。

f:id:mzp:20180530142757j:plain

🦀瑞鳳

瑞鳳のバイキングがやばいと聞いていたのでRubyKaigiの前日に泊まった。

togetter.com

同僚2人と泊まったが部屋が異様にひろくてびびる。

f:id:mzp:20180530171157j:plain

部屋の玄関が広すぎる。

f:id:mzp:20180530171137j:plain

聞いていたとおり夕食が豪華。好きなだけ蟹が食べれる。

f:id:mzp:20180530192411j:plain

肉もある。

f:id:mzp:20180530192442j:plain

温泉も広くて最高だった。

🍽食事

移動に追われたせいで街中で買い食いしたくらいしか仙台っぽいものを食べていない。

仙台にしかないという土鍋チーズこってりの天下一品。

f:id:mzp:20180530131756j:plain

ひょうたん揚げ。かまぼこで作ったアメリカンドッグみたいな味がする。

f:id:mzp:20180530133853j:plain

たいやき。

f:id:mzp:20180530150412j:plain

2018-05-30

⏰時短勤務

勤務時間を7時間/日とする時短勤務をはじめて1年半ほどが経過した。

かなりよいのでまとめておく。年収の向上と同程度の価値があると感じている。

f:id:mzp:20180530215053p:plain

🏢業務

業務内容は大きな変化なく、支障なくできている(と思う)。いくつかの要因がありそうだが、よく分からない。

8時間勤務のうち最後の1時間は疲労していることが多い。疲労していて生産性が悪い時間がなくなっているだけなので、影響は少ない。
フレックス勤務なのでまとめて働きたい日は残業して、他の日に早く帰るなどの調整をしている。
もともと全員の出勤時間・退勤時間はばらばらなので、自分が早く帰っても周囲の負荷が少ない。

🍻ハッピーアワー

たまたま無職・休職中の知り合いが多かったのでハッピーアワーに飲みに行っていた。なぜか寿司の写真が多い。

f:id:mzp:20180129183425j:plain

f:id:mzp:20170601201940j:plain

f:id:mzp:20180321194532j:plain

大半が職を得てしまったので今後は難しいかもしれない。大半の友人はフルタイムで勤務しているので、ご飯の約束をすると、どこかで時間を潰す必要が生じる。

🚶‍♂️通勤

自由になる時間が増えたので、これまで電車で移動していた区間を徒歩にするなどしてゆっくり通勤するようにした。

最初のうちは新鮮でよかったが、だんだん飽きてきた。それでも気分転換になるので、たまにやっている。

通勤途中にある神社がひょうたん推しでおもしろかった。

f:id:mzp:20180530215014p:plain

♨️スーパー銭湯

時間に余裕ができたので、スーパー銭湯にたまに行くようになった。

気分転換と疲労回復を狙っているが、継続的に成果を出し続けるたったひとつの冴えたやりかた - Misoca開発者ブログにあるように温泉の近くに住んだほうが効率がよい気がする。

👜リモートワーク

旅先でリモートワークをし、仕事後に観光するのを何度かやった。これは時短勤務ととても相性がよい。

旭川の街中を散歩しているときの様子。

f:id:mzp:20170612180456j:plain

松江の宍道湖から見た夕日はよかった。仕事終わりが日没ぎりぎりになってしまったので、あわてて走った。

f:id:mzp:20180208084312j:plain

雪がやばいということに目をつむれば、玉造温泉はすごく雰囲気がよかった。

f:id:mzp:20180208233742j:plain

✨個人活動

技術書典参加などは、自由になる時間が増えたおかげである。

執筆の負荷がだいぶ軽減されたと思う。いきなり2冊出せたのも執筆時間が確保できたのが大きい。

f:id:mzp:20180422102943j:plain

🎬映画を見る

会社帰りに映画を見にいきやすくなるかと思ったが、これはうまく行かなかった。

これは「開始時間が固定なので早く仕事が終わっても早く見れるわけではない」「そんなに映画が好きではない」などの理由が大きい。結局、家でNetflixを見ている。

2018-05-16

💖美少女として勤務する

パペ文字によるVR出社を継続している。楽しい。

f:id:mzp:20180516212627j:plain

🌟アバターの変更

パペ文字に搭載されているモデル以外の美少女にもなりたくなったので、Unityでアバター表示アプリを作成した。

モデルは物述有栖を利用している。かわいいのと、ライセンスが明確なのがよい。

f:id:mzp:20180516212722j:plain

実装は以下のページが参考になった。

📸自撮りボタンの追加

Unity+iOSでカメラロールにスクショを保存するまで - Qiitaを使って、スクリーンショットを手軽に撮れるようにした。

f:id:mzp:20180516214118p:plain:w300

カメラロールがどんどんかわいくなっていく。

f:id:mzp:20180516214418p:plain

🛠ライトニングドック

常に顔を映せるようにライトニングドックを購入した。便利なの自宅用とオフィス用を買った。

f:id:mzp:20180516124820j:plain

iPhoneが常に起動しつづけることになるので、だいぶ発熱する。

☺️表情

夕方になると表情が死んでくることを発見した。目が閉じ気味になって、口が開き気味になる。かわいさが半減してしまうので、積極的にほほえむように気をつけはじめた。

f:id:mzp:20180516215553p:plain:w300

でもあくびしててもかわいい。

f:id:mzp:20180516215839p:plain:w300

🙊周囲の様子

mstdn.jp

🙅‍♀️zoom.us への接続の改良(失敗)

デレステフォトスタジオのリアルタイム透過プレイヤーをつくった - ツバメになったバリスタを応用して、zoom.us への接続を改良しようとしたが

Zoom APIを用いて、iPhone画面を直接配信できるようにしようとしたが、変更できる範囲が少なくどうしようもなかった。

2018-05-14

☕️ JavaScriptと入力メソッド

AquaSKK 4.5.0ではEscキーの扱いを改善した。この修正のためにWebKitにおけるキーイベント配信の仕組みを追ったので、まとめる。

AquaSKK 4.5.0です。変換をキャンセルしたときに飛ぶイベントが他の入力メソッドと同じになりました。 https://t.co/fHJp12SV9b
— mzp (@mzp) 2018年5月13日

💡入力メソッドごとの差異

@mzp AquaSKKのメンテナもしくはIMギークとして御聞きしたいんですが、SafariでAquaSKK使った時に、変換をEscでキャンセルした時に飛ぶイベントがことえりとちょっと違うのってどうにかできそうでしょうか…。 https://t.co/C5BvMAUKQs ちなみに検証してくれたのはりんすきさん。
— (@unarist) 2018年4月19日

上記Tweetにあるように、テキストを入力中にEscを押した際にJavaScriptで発火するイベントが入力メソッドごとに違う。

macOS標準の日本語入力やGoogle日本語入力ではキーコードが229のイベントが発生するが、AquaSKKではキーコードが27のイベントが発生していた。このイベントが違うと入力メソッドを扱うJavaScriptコードが複雑化するので修正した。

🔑キーコード 229

キーコード229はUI Eventsで次のように定義されている。

If an Input Method Editor is processing key input and the event is keydown, return 229.

(訳: 入力メソッドがキー入力を処理しておりイベントが keydown の場合は、キーコードは229となる)

🌐WebKit

W3Cが定めているキーコードなのでブラウザ内部の処理が関係するのだろうと想定して、WebKitのコードを調べた。

WebKitはアプリケーションのUIを実現するUIプロセスとタブごとに作られるWebプロセスが協調して動作している。キー入力の処理もこの2つのプロセスが関連している。

f:id:mzp:20180514223203p:plain

UIプロセス

// Source/WebKit/UIProcess/Cocoa/WebViewImpl.mm

void WebViewImpl::keyDown(NSEvent *event)
{
    // (snip)

    // 入力メソッドに処理を転送する
    interpretKeyEvent(event, [weakThis = createWeakPtr(), capturedEvent = retainPtr(event)](BOOL handledByInputMethod, const Vector<WebCore::KeypressCommand>& commands) {
        ASSERT(!handledByInputMethod || commands.isEmpty());

        // キーイベントに入力メソッドが処理したかどうか(handledByInputMethod)を付与して、Webプロセスに転送する
        if (weakThis)
            weakThis->m_page->handleKeyboardEvent(NativeWebKeyboardEvent(capturedEvent.get(), handledByInputMethod, weakThis->m_isTextInsertionReplacingSoftSpace, commands));
    });
}

void WebViewImpl::interpretKeyEvent(NSEvent *event, void(^completionHandler)(BOOL handled, const Vector<WebCore::KeypressCommand>& commands))
{
    // (snip)

    // Cocoaが提供するAPIを使ってイベントを入力メソッドに転送する
    [inputContext() handleEventByInputMethod:event completionHandler:[weakThis = createWeakPtr(), capturedEvent = retainPtr(event), capturedBlock = makeBlockPtr(completionHandler)](BOOL handled) {
        if (!weakThis) {
            capturedBlock(NO, { });
            return;
        }

        LOG(TextInput, "... handleEventByInputMethod%s handled", handled ? "" : " not");
        if (handled) {
            capturedBlock(YES, { });
            return;
        }

        auto commands = weakThis->collectKeyboardLayoutCommandsForEvent(capturedEvent.get());
        capturedBlock(NO, commands);
    }];
}

入力メソッドにキー入力を転送するのに非公開のAPIを利用している。愉快。公開されているAPIと違い、処理結果をコールバックで受けとれるようになっている。

// FIXME: Move to an SPI header.
@interface NSTextInputContext (WKNSTextInputContextDetails)
- (void)handleEvent:(NSEvent *)event completionHandler:(void(^)(BOOL handled))completionHandler;
- (void)handleEventByInputMethod:(NSEvent *)event completionHandler:(void(^)(BOOL handled))completionHandler;
- (BOOL)handleEventByKeyboardLayout:(NSEvent *)event;
@end

Webプロセス

WebプロセスではUIプロセスで付けられたマークをもとに、元のキーイベントを配信するかキーコード229のイベントを配信するかを決めている。

// Soruce/WebCore/page/EventHandler.cpp

// Match key code of composition keydown event on windows.
// IE sends VK_PROCESSKEY which has value 229;
const int CompositionEventKeyCode = 229;


bool EventHandler::internalKeyEvent(const PlatformKeyboardEvent& initialKeyEvent)
{
    // (snip)
    
    // キー入力が入力メソッドで処理ずみかどうかを判定する
    bool handledByInputMethod = keydown->defaultHandled();
    
    if (handledByInputMethod) {     
        // 入力メソッドで処理済みだったらキーコードを229に入れ替える
        keyDownEvent.setWindowsVirtualKeyCode(CompositionEventKeyCode);
        keydown = KeyboardEvent::create(keyDownEvent, &m_frame.windowProxy());
        keydown->setTarget(element);
        keydown->setDefaultHandled();
    }

    // (snip)
    // キーイベントを配信する
    element->dispatchEvent(keydown);

    if (handledByInputMethod)
        return true;

    // 入力メソッドで処理されていないなら処理を継続する
    // (snip)
}

🙊余談

JSに配信されるイベントを見るにはKeyboard Event Viewerが便利。
WebKitを処理を追うときはXcodeでブレイクポイントを設定して追った。 Debugging WebKitが参考になる。
WebKitのビルドに時間がかかってつらかったので、途中で会社のiMacProに接続してビルドしはじめた。あとからビルドを始めたのに、先にビルドが終わったのでびびった。

2018-05-11

🌕月を売った男

人月の神話では、理想のチーム形態として、R.A.ハインラインの月を売った男の文章が引用されている。

引用されている文章(要約)

プロジェクトのリーダーが雑務に追われることを嘆くところから引用ははじまる。

コスターは両手で顔をおおってしまったが、やがて顔を上げる。「わかってます。なんとかしなければいけないとわかっているんです --- しかし、わたしが何か技術的な問題と取り組んでいると、阿呆なとんちきがやれ輸送の問題だ、やれ電話だなんだかんだと、つまらんことでわたしに決定を求めてくるんです。すみません、ハリマンさん。自分ではやれると思っていたんですが」

出資者がその事態を改善するために業務を調整する。