± Revisions rev6

TAEKO AKATSUKA
Change log: [skip notice] 画像調整
Updated by taea 2018-05-15 10:18:09 +0900
  • こんにちは (\\( ⁰⊖⁰)/)
  • esaのユーザーさんに、esa社のワレワレが突撃してお話を聞きにいくという企画、 esaトークの第5回です!
  • 今回は、株式会社Misoca さん(以下 Misocaさん)です。
  • Misocaさんには、2017年の1月に、[esa meetup @ Misoca](https://www.wantedly.com/companies/misoca/post_articles/49657)を開催して頂いたり、普段の業務の請求書にも利用させて頂いていたり、とてもお世話になっております。
  • Misocaさんの本社オフィスは名古屋にありますが、多くのスタッフがリモートワークで、自宅や松江にもオフィス等の遠隔地から働いています。
  • 今回のインタビューは秋葉原にある弥生株式会社さんのオフィス(Misocaさんは弥生さんのグループ会社)でやらせていただいたのですが、各地から色んな人が飛び入りリモート参加するという、Misocaさんならではの面白いスタイルになりました。お楽しみください(\\( ⁰⊖⁰)/)
  • ![entrance.jpg (154.8 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/51801f47-b3e0-4a3c-b1ee-ac6462298abe.jpg)
  • ---
  • - 社名: [株式会社Misoca](https://info.misoca.jp/)
  • - esaメンバー数 : 29users
  • - お話を伺った方:
  • - :oosawatech: __大沢さん [@oosawatech](https://twitter.com/oosawatech)__ (写真左)
  • - :kosappi_: エンジニア : __小坂さん [@kosappi_](https://twitter.com/kosappi_)__ (写真中央)
  • - :monoooki: フリーランス デザイナー : __前田さん [@monoooki](https://twitter.com/monoooki)__(写真右)
  • - インタビュー実施 : 2018年3月26日
  • - 聞き手:
  • - :@taea: esa社デザイナー: 赤塚妙子 [@ken_c_lo](https://twitter.com/ken_c_lo)
  • - :@ppworks: esa社エンジニア: 越川直人 [@ppworks](https://twitter.com/ppworks)
  • ---
  • ## 年に一回の社員全員オフ会で「リアルでははじめまして」ということも
  • __―― :@taea: 自己紹介からはじめましょう。赤塚と申します。esaでデザイナーをしております。よろしくお願いします。__
  • __―― :@ppworks: 越川と申します。同じくesaでエンジニアをしております、よろしくお願いします。__
  • __:oosawatech: 大沢さん__
  • 大沢 香織と申します。
  • 肩書は無く、職種は何かと問われたら「おおさわ」といつも答えております……が、現実的に言うと「プロダクトマネージャー」的なものをやっておりまして、今あるプロダクトや、今後やっていくプロダクトの守り神をしています。
  • __:kosappi_: 小坂さん__
  • エンジニアをしております。小坂 龍一と申します。
  • 去年の10月に入社して、そろそろ半年です。今日はよろしくお願いします。
  • __:monoooki: 前田さん__
  • フリーランスのデザイナーの前田 和彦と申します。
  • Misocaの社員ではないのですが、業務委託で1年ぐらい前からお世話になっております。
  • __:oosawatech: 大沢さん__
  • お、ここで弊社技術フェローの角谷さんから連絡がありまして、繋がりそうです。
  • ![kakutani-san.jpg (119.8 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/39ff504e-07af-44da-a2cf-51b30e22d865.jpg)
  • __:oosawatech: 大沢さん__
  • ガチの移動中(笑)。
  • __:kosappi_: 小坂さん__
  • 「次の停車駅は〜」って後ろで鳴ってる……。
  • __:kakutani: 角谷さん__
  • 気にしないでください(笑)。
  • __:oosawatech: 大沢さん__
  • あ、ひとり増えた。カニさんも見て来てくれましたね。
  • ![kani-san.jpg (153.4 kB)](https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/3e2d6abc-2b55-48ae-8568-3b65ccbb9651.jpg)
  • __:kanizmb: カニさん__
  • こんにちは〜、2月にジョインしましたカニです。
  • Misoca初のフルタイムデザイナーとして大阪からリモートワークしています。
  • __―― みなさんリモートからも様子を見に来てくださいまして、ありがとうございます。それでは、まず会社の紹介からお願いします。__
  • __:oosawatech: 大沢さん__
  • 株式会社Misocaは、「[世の中を仕組みでシンプルに](https://recruit.misoca.jp/message/)」というコンセプトでサービスを提供しています。
  • ![みそかメンバー集合写真](https://img.esa.io/uploads/production/attachments/3/2018/03/29/11/12228e6c-c5c3-4372-8be3-1c0030969353.jpg)
  • こちらの写真は去年の4月の写真ですね。今はこれより増えて22名です。
  • 年に一度、社員全員オフ会というのがあって、これはオフ会の写真です。
  • __―― オフ会の写真と言われると面白いですね(笑)。__
  • __:oosawatech: 大沢さん__
  • ほんとに。「リアルでははじめまして」という方がいたりします。
  • この写真の時は、私と松江オフィス勤務の日高さんが「はじめまして」でした。
  • > [リモート勤務によって、世界観が広がった ソフトウェアエンジニア 日高克也 | Misocaメンバーインタビュー](https://www.wantedly.com/companies/misoca/post_articles/67786)
  • > 現在は昨年11月に開設した**松江オフィスで**仕事をしています。
  • そういえば小坂さんも去年10月入社だから、次回のオフ会で「リアルでははじめまして」という方が多いかもね。
  • __:kosappi_: 小坂さん__
  • そうですね……、松江に増える方がそうかも。
  • __:oosawatech: 大沢さん__
  • そうそう。松江オフィスもついに2人になるんですよ。
  • 今度松江オフィスに入るその方は、「技術の最先端を行くエンジニアが東京に集まって仕事をやるのは技術の敗北だ」みたいなこと言って、地元に帰った人ですね。
  • > [退職 - zatsu](https://komatatsu.hateblo.jp/entry/%E9%80%B1%E4%BC%91%E4%B8%83%E6%97%A5)
  • > **もうすぐ2018年だってのに、技術の最先端を行く我々エンジニアが一箇所に集まってるとか技術の敗北じゃないですか**
  • __―― インターネット感をだすために、実家へ帰ったと__
  • __:monoooki: 前田さん__
  • その記事がバズってて、読んでいたらMisocaって出てきてビックリしました(笑)
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/03/29/11/48d5fd45-8317-4a3f-9062-03a808b5fe63.png" alt="数字で見るMisoca(1)" style="border:none; width: 500px;" />
  • __:oosawatech: 大沢さん__
  • 職種の比率で言うと、圧倒的にエンジニアが多くなります。
  • __―― 豊吉さん(代表取締役でエンジニア)はどちらへ入るのでしょう?__
  • __:oosawatech: 大沢さん__
  • 「エンジニア」ですね。松本さん(取締役でエンジニア)も「エンジニア」です。
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/03/29/11/27d35fb3-406a-4f3e-86d7-fd265db21b81.png" alt="数字で見るMisoca(2)" style="border:none; width: 500px;" />
  • ([数字で見るMisoca](https://recruit.misoca.jp/number/)より)
  • __:oosawatech: 大沢さん__
  • 平均年齢が33歳で、子育て中の方が多いというのが特徴です。男女比では女性がまだ少ないですね。具体的にはいま3人です。
  • 平均残業時間の**42分**は、よく1日の平均と間違えられがちなんですが、**1ヶ月の平均**です。
  • __―― 1日2分ですね!__
  • ## Misocaではリモートの人がオフィスを監視している
  • __―― それでは、プロダクトのことをお聞かせください__
  • __:oosawatech: 大沢さん__
  • オンラインで請求書を作れるサービスを提供しています。かつ、自動で郵送されるという仕組みも提供しています。
  • 先進的な仕組みだけではなく、郵送という今までの仕組みも踏襲しているところがポイントです。
  • 「取引のプラットフォームを実現する」ことを目指しているので、国内の様々な取引すべてをMisocaで行えるよう、日々開発を進めています。
  • __―― esa社もMisocaをずっと使っています。__
  • __―― :@taea: 私がフリーランスの頃から使い続けていました。__
  • __:oosawatech: 大沢さん__
  • かつて私も会社を経営していまして、Misocaを使っているヘビーユーザーでした。
  • __―― 請求書って出すのを忘れがちでしたが、Misocaさんを使いはじめてから忘れなくなりました。月末に勝手に請求書を作ってくれるのがすごく便利で。__
  • __:oosawatech: 大沢さん__
  • ありがとうございます(笑) 。
  • Misocaは今も成長している最中で、今までは「フリーランスの味方」といった感じでしたが、弥生にJOINしたことでより多くのお客様に広く使っていただけるようにと思っております。
  • __―― では、普段の開発の様子などもお聞かせ願いますか。__
  • __:oosawatech: 大沢さん__
  • プロダクトがユーザーに提供されるまでの流れは、
  • 1. ロードマップ会議
  • 1. プロジェクト立ち上げ
  • 1. スクラムプロセスでの開発
  • という感じになっています。
  • 順番に説明すると、まず週に一度開催されるロードマップ会議という会議で3ヶ月先ぐらいまでのやることや優先順位について話します。この会議は経営陣が参加するのはもちろんですが、その他のメンバーも誰でも意見・提案できるオープンな場になっています。
  • ロードマップ会議で何か新しいことをやると決めたら、プロジェクトの立ち上げをします。立ち上げでは開発者だけでなく、ステークホルダー全員で集まってインセプションデッキという文書をesa上に作ります。
  • インセプションデッキができたら、あとはスクラムで開発をしていきます。
  • ![kosaka-san.jpg (1.1 MB)](https://img.esa.io/uploads/production/attachments/3/2018/03/29/11/01f491e6-6f92-4c32-a6d9-654fda201cc0.jpg)
  • __:kosappi_: 小坂さん__
  • 角谷さんがアジャイルの指導というかメンテナンス的なことをやってくれてます。
  • 1週間で1スプリントです。リリース後に事後検証を挟んでますね。
  • キーワードとしては、テスト駆動開発だとか、CI、CDといった自動化。
  • __―― しっかりやっている感じですね__
  • __:kosappi_: 小坂さん__
  • そうですね、僕も入って思いました。
  • ツール群はこんな感じですね。
  • ![dev-tool.jpg (124.3 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/74176c0a-31c7-4739-aae0-a67d1ed5dc8c.jpg)
  • __:oosawatech: 大沢さん__
  • 会社組織をどうしたいかという点で開発プロセスが決まっていますね。
  • あれ、みずぴーがいる。あれ、別のミーティングに出てなかった?
  • ![mzp-san.jpg (181.5 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/91146383-66a3-444b-b529-60069ef50ea3.jpg)
  • __:mzp: みずぴーさん__
  • ミーティングが終わったので見てました。完全に話を楽しんで聞いてました(笑)
  • __:oosawatech: 大沢さん__
  • じゃあ、せっかくなので自己紹介を。
  • __:mzp: みずぴーさん__
  • おっ、いきなり振ってきますね……!
  • 僕はこの中では一番職歴が長いエンジニアです。
  • esaが導入される前から働いていて、いまはiPhoneアプリなどを開発しています。基本的には名古屋で働いていますが、ミーティングや勉強会参加などで月2回くらい東京に来ています。
  • __―― 面白いですね、これがリモートワークですか。__
  • __:oosawatech: 大沢さん__
  • そうなんですよ〜〜。物理的な距離感があまりないんですよね。
  • 東京(の弥生オフィス)は会議室の名前が近くの駅名になっていて、名古屋は木曽三川の名前になっています。
  • [Zoom](https://zoom.us/jp-jp/meetings.html)も同じようにバーチャルな部屋という位置付けにしていて、今このesaトーク中に繋いでいるのは、「天の川」と呼んでいます。
  • __―― 天の川!バーチャル感ありますね。__
  • __:oosawatech: 大沢さん__
  • でしょう。そのあともう一つ増えて、そちらは「ドブ川」と自然発生的に付けられ、Slackに絵文字も作られ、なぜか入り浸る人たちが生まれました。
  • __―― ドブ……。__
  • __:kosappi_: 小坂さん__
  • ……。
  • __:oosawatech: 大沢さん__
  • (Zoomを操作しながら)これが名古屋オフィスのカメラですね。オフィスに2つある内の、全体が見える方のカメラです。
  • リモート組がオフィスを監視しているイメージ……みたいな事を、つい先日豊吉さんがブログに書いてました。
  • > [Misocaのリモートワークのやり方2018 | toyoshiの日記](https://www.misoca.jp/toyoshi/1143)
  • > ![image.png (289.4 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/5be275bc-ecca-47bb-9a26-e0abe3a360e5.png)
  • > またリモートからオフィスに誰がいるかわからないと困ることが多かったので、オフィスには部屋全体が映るカメラが設置されています。世の中にはリモートの人を監視するソリューションがあったりするそうですが、**Misocaではリモートの人がオフィスを監視**しています。
  • __:oosawatech: 大沢さん__
  • リモートワークですが、名古屋にいる人はオフィス出社、遠方の人はリモート、というわけではなくて、全員リモートでも出社でも良いんです。寒い時期は名古屋オフィスに人がいない事もありました。
  • __:kosappi_: 小坂さん__
  • あと、開発で取り組んでいることで、ペアプログラミングやモブプログラミングをやっていますが……。
  • __:oosawatech: 大沢さん__
  • これもリアルの場でやる時もありますが、オンラインでやることもあります。むしろ、オンラインの方が多いかも。
  • __:kosappi_: 小坂さん__
  • ツールとしてはSlackコールの画面共有を使っています。
  • __:monoooki: 前田さん__
  • あとは、Atom使っていたり、最近だとVS Codeでのエディタ共有を試しているのも見たことあります。 やっている風景は楽しそう。デザイナーだとちょっとやりたくないかな(笑)
  • ## esa 自警団がカテゴリを整理する
  • __―― esaの導入のきっかけなどをお聞かせ願いますか。__
  • __:mzp: みずぴーさん__
  • 導入した時の経緯は、それこそesaに載っています。esa番どれだろ。
  • __―― esa番。記事IDはesa番と呼ばれているんですね。__
  • __:mzp: みずぴーさん__
  • おおっ、これは恥ずかしい。独自用語はできるだけ作らないようにしてるんですが……。
  • 僕たちはRFCに沿って生きてるんですよ!
  • 記憶を頼りに話すと、角谷さんが唐突にesaを使いはじめたんですよね。
  • __:kakutani: 角谷さん__
  • もともと別の情報共有サービスを使っていたんですが、スタンドファーム株式会社から株式会社Misocaに社名変更するタイミングで、前に使っていたサービスのサブドメインを変えたかったけど変えられなかったんですよね。
  • その隙にmisoca.esa.ioを取って、[豊吉さん](https://recruit.misoca.jp/member/toyoshi/)や[松本さん](https://recruit.misoca.jp/member/satoshi/)をオーナーにして、勝手に使いはじめて、片桐さんやみずぴーがAPIで記事を移行して、既成事実から導入を(笑)。
  • __:mzp: みずぴーさん__
  • esa番号8番のコメントにそのときの履歴が残っていますよ。
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/b034c01a-39cd-4d36-8ed7-04c23f8578aa.png" width="200" />
  • (事情により全面モザイクです)
  • __:mzp: みずぴーさん__
  • 角谷さんがesaをまず使ってみようという提案をしてくれた記事です。
  • __―― esaの導入からすぐに定着しましたか?__
  • __:mzp: みずぴーさん__
  • 移行のタイミングで「移行元のサービスにはこれ以降書かないでね」というのを決めて、そのあとは以前と同じようにesaに書いていった感じですね。
  • たぶん、書くという文化はもともと定着していたんじゃないかな。
  • 以前の情報共有サービスから移行してすぐのときにはカテゴリがなかったので、以前のサービスからサルベージしてカテゴリを考えるというようなことをしていました。
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/56576d52-6d52-4c22-b75e-8294581917dd.png" width=500 />
  • 第一階層案を考えて、これはカテゴリなのか、そもそもこれはなんなんだ(笑)とか。
  • コメントで「これは流行らなかったので消しました」とかあっていいですね。
  • `Users`派と`Homes`派が居たけど、`Users`派が勝ったとか。
  • `FYI`(For Your Information)カテゴリが消えたとかありましたよ、流行しなかったとか。
  • __―― 角谷さんの判断が入っているんですねえ、要所要所に。__
  • __:mzp: みずぴーさん__
  • この話にのってくれるのが角谷さんぐらいしか居なくて(笑) 2人でカテゴリをバッサバッサ消してましたね。
  • __:oosawatech: 大沢さん__
  • その辺はみずぴーが、esa自警団の記事を書いてましたね。
  • > [esaからその他カテゴリを撲滅した - Misoca開発者ブログ](http://tech.misoca.jp/entry/2016/11/18/111307)
  • > ![esa自警団](https://cdn-ak.f.st-hatena.com/images/fotolife/m/mzp/20161117/20161117135607.png)
  • __―― esa警察の話を。__
  • __:oosawatech: 大沢さん__
  • 警察ではなく自警団なんですよ。
  • __:mzp: みずぴーさん__
  • 法的拘束力を持ってはダメだということで自警団となりました。
  • カテゴリの第一階層は決まったんですが、その他が残っていたので。これRubyKaigiに向かう新幹線の中で、ひたすら整理していましたね。
  • __:oosawatech: 大沢さん__
  • この記事が2016年11月じゃないですか。その後の2017年1月に私が入社するんですけど、この「自警団」って話がすごくでてくるから「なんか怖い会社だな」って思って(笑)。
  • 「自警団とか言ってる……」とか思って。
  • __―― esa自警団はみずぴーさんと角谷さんのお2人なんですか?__
  • __:mzp: みずぴーさん__
  • 初代自警団はそうです。
  • __:oosawatech: 大沢さん__
  • ちょうど今、2代目自警団の奥村さんが聞いてくれてますね。
  • ![okumura-san.jpg (141.6 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/af766de8-a66f-4d16-8b9f-1bb5ea5eaadc.jpg)
  • (左下が奥村さん)
  • __:oosawatech: 大沢さん__
  • 2代目自警団の方は、「古い記事や現状に合わなくなった記事をアーカイブしていく」という作業をめちゃめちゃやってくれています。 あとアーカイブと言えば、Misocaでは日報が一ヶ月で自動的にアーカイブされます。
  • __:mzp: みずぴーさん__
  • 31日です。
  • __:oosawatech: 大沢さん__
  • あ、31日か、31日でアーカイブされます。
  • __:mzp: みずぴーさん__
  • 1ヶ月を31日ですと言い返したの、エンジニアぽさ〜と思いました(笑)。毎月違うからね(笑)。
  • __:oosawatech: 大沢さん__
  • 最近それブログにしましたね。
  • > [古い日報が邪魔なのでbotに自動でおそうじさせてみた - Misoca開発者ブログ](http://tech.misoca.jp/entry/2018/03/02/110000)
  • > Misocaでは日報も議事録も雑多なメモもすべてesa.ioに保存する文化があります。「何か疑問があればesaを探せ」というくらい根付いていますが、いざ検索してみると**日報が大量にヒットしてしまい、目的の記事にすぐたどり着けない**ことが増えてきました。
  • >
  • > [自動esaアーカイブ機](https://github.com/Pegasus204/esa_archiver)では、記事の作成日から設定した日数以上経過していたら、自動で記事のアーカイブを行います。
  • __:oosawatech: 大沢さん__
  • 古い日報が邪魔なので、botにお掃除させたという記事ですね。これで日報が自動的にアーカイブされている状態になります。
  • この件で、深谷が御社にいくつか問い合わせしてますね。
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/3d596a2b-3063-4935-bb71-d15db1153b73.png" alt="APIでのArchive化の問い合わせ" style="width: 600px;" />
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/5aa22aac-0d8a-4433-b4a0-d1868b2554f3.png" alt="深谷さんと深谷のやりとりの様子" style="width: 600px;" />
  • (esa社深谷とMisoca深谷さんとのやりとりの様子)
  • __:mzp: みずぴーさん__
  • テンプレートのAPIをもうちょっと使いやすくできないですかね〜という話も。
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/c86c396b-9a38-4413-a4da-efee2ad9a5c6.png" alt="テンプレート改修の要望" style="width: 600px;" />
  • __:mzp: みずぴーさん__
  • そして、パワーアップされたと言う良い話です。
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/cf88d9ce-01e7-4b0e-bfcc-1e66fc3e4d92.png" alrt="テンプレート改修のお知らせ" style="width: 600px;" />
  • (こちらもesa社深谷からMisoca深谷さんへ連絡してました)
  • __―― 「テンプレートからの記事作成で日付をずらして作成できるようにしてほしいです」というフィードバック、確かにありましたねえ。__
  • __:mzp: みずぴーさん__
  • 自動esaやり機もありますね。
  • > [自動esaやり機とクリーンアーキテクチャ - Misoca開発者ブログ](http://tech.misoca.jp/entry/2017/12/01/110000)
  • > Misocaでのesaの使い方の一つに「枠だけ作ったポストに各自が書き足す」場合があります。
  • 寄せ書きみたいですね。
  • >
  • > 既にあるポストに書き足すだけで良いのが理想的なので、決まった周期で自動的にポストを作れると便利そうです。
  • 残念ながらesa.ioにはそういった機能はありませんが、[esa API](https://docs.esa.io/posts/102)を使えば外部からポストを作ることができます。
  • >
  • > そういった経緯で作ったのが[自動esaやり機(esa_feeder)](https://github.com/standfirm/esa_feeder)です。
  • __―― こちらは「APIで投稿テンプレートを元にした投稿を作りたい」という要望を頂きAPIを実装しました。__
  • __:mzp: みずぴーさん__
  • これ、僕が良い名前を思いついて、あとは他の人がやってました(笑)。
  • 「esaやり機」良い名前!って。
  • ![oosawa-san.jpg (91.0 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/29/11/ab2f32c2-ced6-41a0-90d5-09fc783bdea2.jpg)
  • __:oosawatech: 大沢さん__
  • 自動esaやり機がまだないときは、その週に使うミーティング用の記事を私がテンプレートから作成して、書く場所を作っていました。Slackで`/remind`を設定して。
  • 私がいるときはいいんですが、そうでないときは誰かが作ってくれたりしてまして。それが自動的になった感じです。
  • 自動esaやり機はロードマップ会議のような、各プロジェクトの人が週次報告するような性質のものなどに活用されています。
  • __:mzp: みずぴーさん__
  • せっかく新しい物を作るということで、色々新しいことにトライしていて。
  • その辺の日記ですね、この記事は。
  • __―― 導入時の話に戻るんですが、esaにしてから変わったことってありますか?__
  • __:mzp: みずぴーさん__
  • いままでカテゴリに気を使う人がいなかったのが、2代目esa自警団が誕生する程度にはみんながカテゴリに気を使うようになって、私はとても嬉しいです。
  • あと、エンジニアではない奥村さんが「stockとflowを使い分けねばならんのだ」と言い出していて、めちゃくちゃ感動しています。
  • __:monoooki: 前田さん__
  • おれ使いこなせてないな〜、stockとflowは。
  • __:mzp: みずぴーさん__
  • いい概念だけど、難しいなあと思っていたら、みな徐々に使い始めていて感動しました。
  • ## flow の「プロジェクト」カテゴリと、stockの「プロダクト」カテゴリ
  • __―― 以前、[esa meetup @Misoca](https://docs.esa.io/posts/203) で話してくれた小久保さんのカテゴリの話が面白くて、現在のMisocaさんのカテゴリ構成についてお話聞きたいです。__
  • > [diary/2017/01/24/esa meetup @ Misoca に行ってきました :hatched_chick: :hatched_chick: :hatched_chick: - docs.esa.io](https://docs.esa.io/posts/203#3-0-0)
  • > - カテゴリ名: 「プロダクト」
  • - プロダクトの現在位置・将来・顧客等が確認できるようになっている
  • - プロダクトは不変の情報なのでストック情報が入る
  • - 新しいメンバーが入ってきたときに、ここを見れば自分が何を作るのかわかるような場所
  • - カテゴリ名: 「プロジェクト」
  • - プロジェクトには始まりと終わりがある
  • - プロジェクトは期間で走るものなのでフロー情報が入る
  • - そのプロジェクトがはじまる理由と終わりのゴールがわかる
  • - 今動いていること、過去にやってきたことがわかる場所であることが理想
  • - カテゴリ名: 「チーム」
  • - 仕事のプロセス、チームとして大事にしていること、守るべき約束などの情報
  • - 不変の情報なのでストック情報が入る(変わったら都度更新されていく)
  • - 技術的なTIPSなどもここに
  • __:mzp: みずぴーさん__
  • 概ねあのままですねえ。
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/8d2d4ca4-3693-4c86-8f19-684def3564b1.png" width="300" alt="esa_カテゴリの一覧.png (77.7 kB)" />
  • __:oosawatech: 大沢さん__
  • 上から順に`Users`という個人のカテゴリがあって、プロダクトとしての`Misoca`、`プロジェクト`、`日報`になっています。`プロジェクト`は実際に動いているプロジェクトが入っています。
  • この下位階層が最近2代目esa自警団が作ったカテゴリで、
  • - `プロジェクト`
  • - `進行中`
  • - `2017`
  • - `2018`
  • - `完了`
  • - `2017`
  • - `2018`
  • と分かれています。プロジェクトが終わってstock的に残しておきたい情報は、Misocaの方に移していく感じです。
  • __―― `プロジェクト`の配下はflowってことですよねえ。__
  • __:mzp: みずぴーさん__
  • これ、すごいですよねえ。最初に考えた人さすがだな〜と思っています。
  • __:oosawatech: 大沢さん__
  • 続いて、`株式会社Misoca`でコーポレートとしてのMisocaです。
  • __―― `コーポレート`ではなく、社名にしているのがいいですよねえ。__
  • __:oosawatech: 大沢さん__
  • その次は、`議事録`と続いて、`障害・不具合対応`となってます。あと、`読み物`がありますねえ。インターンが卒業するときの`卒業文集`。
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/aed4a0b2-08cb-4f56-8af2-16ae8825dfcc.png" width="500" />
  • あとは、`toyoshiが語るMisocaとは`とか。
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/d383cf6d-ef7b-421d-bce6-b1f076608566.png" width="500" />
  • __:oosawatech: 大沢さん__
  • `templates`はこんな感じです。
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/1c0bd7e0-83e4-4310-95f5-063254c7113c.png" width="500" />
  • <img src="https://img.esa.io/uploads/production/attachments/105/2018/05/15/2/5b05aa5e-485f-4b86-b374-a41306ab704b.png" width="500" />
  • `templates`は各ユーザーの配下にもあって、私の日報テンプレートはこんな感じです。
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/9d1711a7-a981-4cc5-855f-5ad036da367b.png" width="500" />
  • __―― ミーティングの予定をGoogleカレンダーのキャプチャをそのまま貼るのいいですねえ。あと「今日の1曲」とかも面白い。__
  • __:oosawatech: 大沢さん__
  • 私は日報を`自動esaやり機`に登録しているので、朝Slackにこんな感じで通知が来て、これをクリックして日報を書き始めてます。
  • <img width="682" alt="oosawa_slack.png (54.4 kB)" src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/bc304233-85b7-42f0-b287-c2a8979252cd.png">
  • ## 日常をハックする文化は、社長から
  • __:oosawatech: 大沢さん__
  • ところで、この右側にいる人誰だろ。
  • あれ、豊吉さん?
  • ![toyoshi-san.jpg (152.3 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/63f92159-995d-4461-b5f5-8b647aa4a3d9.jpg)
  • __:toyoshi: 豊吉さん__
  • こんにちは、お邪魔してます。
  • __:oosawatech: 大沢さん__
  • 全然気づかなかった。なんか言えばいいのに。
  • __―― せっかくなので、自己紹介をお願いしてもいいでしょうか?__
  • __:toyoshi: 豊吉さん__
  • インタビューの様子を聞きに来ました。株式会社Misoca 代表取締役の豊吉と申します。esaは大変便利に使わせてもらってます。
  • esaの文化はみんなが作っている感じなので、僕は使わせてもらっている感じです。
  • 僕がesaを使っていて便利に感じるのは、Misocaのカテゴリ分けの部分ですね。これがすごく気に入っていて、頭に優しいなと思うことが多いです。探すときに、この「プロジェクト」の……「進行中」の……と辿っていけていけるので。
  • 個人的にブラウザのブックマークもMisocaのカテゴリ分けを参考にしてます。
  • esaは全体的に使い心地がいいので、サービスづくりとしてもすごく参考になります。
  • __―― ありがとうございます、嬉しいです。やっぱMisocaさんの、カテゴリ構成がいいですねえ。__
  • __―― 豊吉さんも、esaをハックしていましたよねえ。みんなesaをハックして使っている文化が面白いなあと思います。__
  • > [開発以外の仕事でやってるちょっとした自動化の紹介 - Qiita](https://qiita.com/toyoshi/items/f620efe654cffdbf7731)
  • > Misocaでは全員が日報をesa.ioに書くのが決まりになっています。
  • これもesaを開いて、日報のテンプレートから新規作成して、今日やったことを思い出して、明日の予定を書くのはエネルギーを使います。そこで**自分のGoogleカレンダーから今日と明日の予定を自動でとってきて日報の下書きを作ってくれるコマンド**を作って使っています。
  • >
  • > Misocaは今20人ぐらいが毎日日報を書いています。それらを全員分を読むには少し工夫が必要です。そこで、**特定の日の日報をタブで自動的に開くのをコマンドに**しています。
  • ![maesa-san.jpg (56.1 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/29/11/265f667b-c46a-47f7-acc7-723968fe3837.jpg)
  • __:monoooki: 前田さん__
  • Misocaはハッカーが多いイメージがあるんですよね。社長からハッカーだし。
  • 手に馴染んでいるおもちゃを、ナンカちょっといじってやるかーという感覚。
  • __―― その使われ方、すごい好きですね。エンジニアの比率が多いのも影響してそうですね。問題解決をどうにかしたいという。__
  • __:monoooki: 前田さん__
  • 豊吉さんがその気が強いから、問題を見つけると分析して的確に急所を突くみたいな所があって、その繰り返しで生きているように見えます(笑)。
  • __―― そういう人を選んでいるんですかね。__
  • :toyoshi: 豊吉さん
  • ……。
  • __―― 聞こえているかな。__
  • __:oosawatech: 大沢さん__
  • あ、これは話を聞くモードになってますね。
  • 名指しで発言しないと質問されていると思わないので、聞いているんだと思います(笑)
  • __―― おお、これが本格的なリモート(笑)__
  • __:mzp: みずぴーさん__
  • そういう人を選んでいる意識はないんですけどねえ、なんでしょうね。
  • 実際、esaをハックしている人は3〜4人はいるけど、全員が全員というわけではないですよ。
  • __:monoooki: 前田さん__
  • でもやっぱり気質はそういう人が多くて、そのなかで、esaのハックという方向に向いている人が数人いるというイメージがあります。
  • __:mzp: みずぴーさん__
  • 小坂さんとかそういうのやります?
  • __:kosappi_: 小坂さん__
  • 今はまだ手をつけてないですが、やっぱりみんな繰り返し作業とかを自動化したがる発想に行きがちで、それはいいなと思いますね。
  • __―― Misocaさんってプロダクト自体がそういう、「世の中の自動化」というところに関心を持っていそうですね。__
  • __:kosappi_: 小坂さん__
  • 確かに。
  • __―― プロダクトの目的と同じように、普段の仕事もそういう風に働いているように見えます。__
  • ## 「読み物」カテゴリの面白コンテンツたち
  • __―― あとは、esaに面白コンテンツについて、聞きたいです。噂によると「Kakutani.fm」という、角谷さんが社内のゲストと対談した録音が共有されるというコンテンツがあるとかないとか……__
  • __:oosawatech: 大沢さん__
  • これが、Kakutani.fmですねえ。
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/11338d2a-1c78-4ef8-a399-08444a3128fb.png" width="500" />
  • __:mzp: みずぴーさん__
  • タイトルがRebuild.fmぽい。
  • __:oosawatech: 大沢さん__
  • これ私がさっきランチ[^lanch]で話していた、新幹線のC席が快適という話。
  • [^lanch]: インタビュー前にみんなでステーキを食べました。
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/05/08/2/2cbe5fed-e501-4ef6-815c-df43d43bede5.png" width="500" />
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/32e717cd-1581-48e5-80fd-0d486b20e452.png" width="500" />
  • <small>ep8: C is for Comfortable(oosawatechnica)</small>
  • __―― C言語の話じゃないんですね(笑)。__
  • __:oosawatech: 大沢さん__
  • 入社までの経緯とか話しましたねえ。
  • 生でも聞けるんですけど、こんな感じで録音した内容が聞けるんです。
  • __―― ほんとどれもRebuild.fmぽいですね__
  • __:monoooki: 前田さん__
  • 僕の回もあります。
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/05/08/2/72028e11-2c62-42b7-b2e4-b6e7f08bae3d.png" width="500" />
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/05/08/2/0dc69206-659b-45b6-b4ad-34d99fa993aa.png" width="500" />
  • __―― :@taea: 我が家の噂されている(笑)。__
  • ## esa への要望
  • __―― 最後に、esaへの要望などを聞かせていただければ__
  • __:monoooki: 前田さん__
  • 個人的には思ってないんだけど、見出しがデカすぎるってみんな言ってます。`h2`ぐらいから始める人が多い。
  • __:oosawatech: 大沢さん__
  • わかる、`h1`が大きすぎる!
  • __:monoooki: 前田さん__
  • 最近はesa内でメンバーアイコンが使えるようになったし、欲しかった機能や要望だいたい入っちゃった感じですねぇ。
  • あ、日報の移動での`j`, `k`移動を早くして欲しい。
  • __―― あー確かに、バンバンいろんな記事を見たい時は遅いかもですね。ちょっと違いますが、`/posts` で`j`, `k`で記事移動ができて、`Cmd` + `Enter` で別窓で開くんですよ、まだ公式機能[^unofficial-shortcut]じゃないんですが。__
  • [^unofficial-shortcut]: まだ公式ではないので、後日キーバインドが変わる可能性があります。
  • __:kosappi_: 小坂さん__
  • 知らなかった、便利。あとは、日報全部開くのが欲しいですね。
  • __:monoooki: 前田さん__
  • その機能、豊吉さんがスクリプト作ってたよ。
  • __:mzp: みずぴーさん__
  • あー、あと`/`をタイトルに使いたい。
  • __―― あー、そうですよね。それ、影響範囲が、、、やる気だけですね。あとはがんばり[^sharp-slash]が(笑)__
  • [^sharp-slash]: 後日、閃きにより[ReleaseNotes/2018/04/25/記事タイトルに#を含めることが出来るようになり/も表示出来るようになりました - docs.esa.io](https://docs.esa.io/posts/263)
  • __:mzp: みずぴーさん__
  • 中間カテゴリに記事があると、アクセスしづらいのが困るんですよね。カテゴリの整理中にできがちで、移動が大変で。
  • __―― カテゴリの直下と、さらに下のカテゴリにあるものが見た目的にわかりやすければいいんですかねえ、検討しますね。__
  • __:mzp: みずぴーさん__
  • あと、カテゴリREADMEが目立たない。
  • __―― 途中までそれ改善案作っています(笑)__
  • <img src="https://img.esa.io/uploads/production/attachments/3/2018/05/08/2/2c09a703-9115-4730-af3a-0cf87fd91f7c.png" alt="開発中のカテゴリREADME" style="width: 600px;" />
  • __:monoooki: 前田さん__
  • Misocaだと`Users`配下の自分のカテゴリ`README`に自己紹介を書いているので、便利そう。
  • __:kosappi_: 小坂さん__
  • あーいい。
  • __:mzp: みずぴーさん__
  • これいい。
  • __:oosawatech: 大沢さん__
  • いいですね、これ。
  • __―― :@taea: やる気が出ました。__
  • __:mzp: みずぴーさん__
  • でもこれ、どの範囲まで出すとか考えて胃が痛くなるやつですね。行数とか。
  • __―― :@ppworks: まさに、Pull Requestに何案か書いてあります(笑)__
  • ## Misoca で働くと、たのしい
  • __―― 最後にアピールタイムを、Misocaさんで働くとこんないいことがあるよとかのメッセージをお願いします。__
  • __:oosawatech: 大沢さん__
  • 豊吉さん、なんかあります?
  • __:toyoshi: 豊吉さん__
  • えぇ……、僕は今聞きに来てるだけなんで。働きたくない……。
  • __:oosawatech: 大沢さん__
  • えー。小坂さんいいことあった?
  • __:kosappi_: 小坂さん__
  • 働きやすいですね。
  • __―― 日本全国どこのひとでも、応募していいんですか?__
  • __:oosawatech: 大沢さん__
  • たぶん、世界中(笑) 実際先日までアメリカにいましたけど、アメリカで働いていましたよ。
  • __:toyoshi: 豊吉さん__
  • コアタイムを守れる人であれば。
  • __:kosappi_: 小坂さん__
  • ロンドン在住だとコアタイムが深夜〜早朝になっちゃうので、難しいですね……。
  • __:toyoshi: 豊吉さん__
  • その時は制度を見直しましょうか。
  • __:oosawatech: 大沢さん__
  • こんな人と働きたいというのは採用サイトに載ってます。
  • - コードを書くのが好き
  • - メンテナンス性の高いコードが好き
  • などありまして
  • ![recruit_求める人材.png (25.4 kB)](https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/31b81bf6-926e-42a7-8605-99926e363fc0.png)
  • https://recruit.misoca.jp/engineer/
  • __:monoooki: 前田さん__
  • 豊吉さんがリンカーンの逸話の斧研ぐやつ好きなんで、そんな性格の方も。
  • __―― 斧を研ぐのが好き、いいですね__
  • __:oosawatech: 大沢さん__
  • あと、Misocaのエンジニアは目的意識を持っている人が多いですね。
  • __―― そういう人が多いように思えますし、みな楽しそうです。__
  • __:monoooki: 前田さん__
  • 衝撃だったのは、Zoomで繋いで仕事して、18時半になったら「もうオフィス切るんで〜」と名古屋から言われて、僕だけが最後残っていたというのがあって。マジで定時で帰るんだ!と
  • __:kosappi_: 小坂さん__
  • みんな、何の疑問もなく普通に帰りますね。
  • __:monoooki: 前田さん__
  • 気づいたら松江オフィスも閉じてて、Zoomの画面に僕だけ映ってました。
  • あと、esaの内容が面白いです。豊吉さんの文章とか。肉の焼き方が妙に詳しく書いてあったり、お子さんがウォズニアックに抱っこされてる写真だったりとか。
  • 公開されてる肉ネタだとこれかな。
  • > [低温調理器を電子工作なしで自作する(約5,000円) - toyoshiのはてなブログ](http://toyoshi.hatenablog.com/entry/2017/09/02/%E4%BD%8E%E6%B8%A9%E8%AA%BF%E7%90%86%E5%99%A8%E3%82%92%E9%9B%BB%E5%AD%90%E5%B7%A5%E4%BD%9C%E3%81%AA%E3%81%97%E3%81%A7%E8%87%AA%E4%BD%9C%E3%81%99%E3%82%8B%EF%BC%88%E7%B4%845%2C000%E5%86%86%EF%BC%89)
  • > 低温(定温)調理という調理法があり、私の観測範囲では主に肉をめちゃくちゃうまくレアやミディアムレアで食べるために使われている。
  • __:kosappi_: 小坂さん__
  • 豊吉さんのREADMEにあたる記事名が「豊吉を手っ取り早く知る」ですしね。そこにも肉のことが書いてあるし、コーヒーのことも書いてあります。コーヒーも公開記事がありますね。
  • > [最近のコーヒー環境 2016 | toyoshiの日記](https://www.misoca.jp/toyoshi/819)
  • __:oosawatech: 大沢さん__
  • 根がオタクだからな〜(笑)
  • __:toyoshi: 豊吉さん__
  • ……。
  • __―― 入社しないと見ることができないコンテンツですね。今日はありがとうございました!一風変わったインタビューで、とても楽しかったです。__
  • ![elevator-hall.jpg (171.2 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/c28dc769-6266-431a-afb7-ccf93b333913.jpg)
  • ---
  • お読みいただきありがとうございました!
  • リモートで色んな人が途中から混ざって参加するインタビュー、初めての試みでしたがとても楽しかったです! 問題を技術でどんどん解決するハッカー気質の人が集まっているというのがとても魅力に感じました。
  • コアタイムが守れれば世界中どこからでも働けるというMisocaさん、気になる方はこちらもチェックしてみてください(\\( ⁰⊖⁰)/)
  • - [Misoca採用情報](https://recruit.misoca.jp/)
  • - [株式会社Misocaの会社情報 - Wantedly](https://www.wantedly.com/companies/misoca)
  • (編集: [@ppworks](https://twitter.com/ppworks), [@ken_c_lo](https://twitter.com/ken_c_lo) 書き起こし: [@ppworks](https://twitter.com/ppworks) )
  • ---
  • おまけ
  • ![omake.jpg (196.9 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/29/11/c52bf6f9-dff9-4a62-a60d-cec8ec3ac182.jpg)

こんにちは (\( ⁰⊖⁰)/)

esaのユーザーさんに、esa社のワレワレが突撃してお話を聞きにいくという企画、 esaトークの第5回です!

今回は、株式会社Misoca さん(以下 Misocaさん)です。
Misocaさんには、2017年の1月に、esa meetup @ Misocaを開催して頂いたり、普段の業務の請求書にも利用させて頂いていたり、とてもお世話になっております。

Misocaさんの本社オフィスは名古屋にありますが、多くのスタッフがリモートワークで、自宅や松江にもオフィス等の遠隔地から働いています。
今回のインタビューは秋葉原にある弥生株式会社さんのオフィス(Misocaさんは弥生さんのグループ会社)でやらせていただいたのですが、各地から色んな人が飛び入りリモート参加するという、Misocaさんならではの面白いスタイルになりました。お楽しみください(\( ⁰⊖⁰)/)

entrance.jpg (154.8 kB)


  • 社名: 株式会社Misoca
  • esaメンバー数 : 29users
  • お話を伺った方:
    • :oosawatech: 大沢さん @oosawatech (写真左)
    • :kosappi_: エンジニア : 小坂さん @kosappi_ (写真中央)
    • :monoooki: フリーランス デザイナー : 前田さん @monoooki(写真右)
  • インタビュー実施 : 2018年3月26日
  • 聞き手:
    • :@taea: esa社デザイナー: 赤塚妙子 @ken_c_lo
    • :@ppworks: esa社エンジニア: 越川直人 @ppworks

年に一回の社員全員オフ会で「リアルでははじめまして」ということも

―― :@taea: 自己紹介からはじめましょう。赤塚と申します。esaでデザイナーをしております。よろしくお願いします。
―― :@ppworks: 越川と申します。同じくesaでエンジニアをしております、よろしくお願いします。

:oosawatech: 大沢さん
大沢 香織と申します。
肩書は無く、職種は何かと問われたら「おおさわ」といつも答えております……が、現実的に言うと「プロダクトマネージャー」的なものをやっておりまして、今あるプロダクトや、今後やっていくプロダクトの守り神をしています。

:kosappi_: 小坂さん
エンジニアをしております。小坂 龍一と申します。
去年の10月に入社して、そろそろ半年です。今日はよろしくお願いします。

:monoooki: 前田さん
フリーランスのデザイナーの前田 和彦と申します。
Misocaの社員ではないのですが、業務委託で1年ぐらい前からお世話になっております。

:oosawatech: 大沢さん
お、ここで弊社技術フェローの角谷さんから連絡がありまして、繋がりそうです。

kakutani-san.jpg (119.8 kB)

:oosawatech: 大沢さん
ガチの移動中(笑)。

:kosappi_: 小坂さん
「次の停車駅は〜」って後ろで鳴ってる……。

:kakutani: 角谷さん
気にしないでください(笑)。

:oosawatech: 大沢さん
あ、ひとり増えた。カニさんも見て来てくれましたね。

kani-san.jpg (153.4 kB)

:kanizmb: カニさん
こんにちは〜、2月にジョインしましたカニです。
Misoca初のフルタイムデザイナーとして大阪からリモートワークしています。

―― みなさんリモートからも様子を見に来てくださいまして、ありがとうございます。それでは、まず会社の紹介からお願いします。

:oosawatech: 大沢さん
株式会社Misocaは、「世の中を仕組みでシンプルに」というコンセプトでサービスを提供しています。

みそかメンバー集合写真

こちらの写真は去年の4月の写真ですね。今はこれより増えて22名です。
年に一度、社員全員オフ会というのがあって、これはオフ会の写真です。

―― オフ会の写真と言われると面白いですね(笑)。

:oosawatech: 大沢さん
ほんとに。「リアルでははじめまして」という方がいたりします。
この写真の時は、私と松江オフィス勤務の日高さんが「はじめまして」でした。

リモート勤務によって、世界観が広がった ソフトウェアエンジニア 日高克也 | Misocaメンバーインタビュー
現在は昨年11月に開設した松江オフィスで仕事をしています。

そういえば小坂さんも去年10月入社だから、次回のオフ会で「リアルでははじめまして」という方が多いかもね。

:kosappi_: 小坂さん
そうですね……、松江に増える方がそうかも。

:oosawatech: 大沢さん
そうそう。松江オフィスもついに2人になるんですよ。

今度松江オフィスに入るその方は、「技術の最先端を行くエンジニアが東京に集まって仕事をやるのは技術の敗北だ」みたいなこと言って、地元に帰った人ですね。

退職 - zatsu
もうすぐ2018年だってのに、技術の最先端を行く我々エンジニアが一箇所に集まってるとか技術の敗北じゃないですか

―― インターネット感をだすために、実家へ帰ったと

:monoooki: 前田さん
その記事がバズってて、読んでいたらMisocaって出てきてビックリしました(笑)

数字で見るMisoca(1)

:oosawatech: 大沢さん
職種の比率で言うと、圧倒的にエンジニアが多くなります。

―― 豊吉さん(代表取締役でエンジニア)はどちらへ入るのでしょう?

:oosawatech: 大沢さん
「エンジニア」ですね。松本さん(取締役でエンジニア)も「エンジニア」です。

数字で見るMisoca(2)
数字で見るMisocaより)

:oosawatech: 大沢さん
平均年齢が33歳で、子育て中の方が多いというのが特徴です。男女比では女性がまだ少ないですね。具体的にはいま3人です。

平均残業時間の42分は、よく1日の平均と間違えられがちなんですが、1ヶ月の平均です。

―― 1日2分ですね!

Misocaではリモートの人がオフィスを監視している

―― それでは、プロダクトのことをお聞かせください

:oosawatech: 大沢さん
オンラインで請求書を作れるサービスを提供しています。かつ、自動で郵送されるという仕組みも提供しています。
先進的な仕組みだけではなく、郵送という今までの仕組みも踏襲しているところがポイントです。
「取引のプラットフォームを実現する」ことを目指しているので、国内の様々な取引すべてをMisocaで行えるよう、日々開発を進めています。

―― esa社もMisocaをずっと使っています。
―― :@taea: 私がフリーランスの頃から使い続けていました。

:oosawatech: 大沢さん
かつて私も会社を経営していまして、Misocaを使っているヘビーユーザーでした。

―― 請求書って出すのを忘れがちでしたが、Misocaさんを使いはじめてから忘れなくなりました。月末に勝手に請求書を作ってくれるのがすごく便利で。

:oosawatech: 大沢さん
ありがとうございます(笑) 。
Misocaは今も成長している最中で、今までは「フリーランスの味方」といった感じでしたが、弥生にJOINしたことでより多くのお客様に広く使っていただけるようにと思っております。

―― では、普段の開発の様子などもお聞かせ願いますか。

:oosawatech: 大沢さん
プロダクトがユーザーに提供されるまでの流れは、

  1. ロードマップ会議
  2. プロジェクト立ち上げ
  3. スクラムプロセスでの開発

という感じになっています。

順番に説明すると、まず週に一度開催されるロードマップ会議という会議で3ヶ月先ぐらいまでのやることや優先順位について話します。この会議は経営陣が参加するのはもちろんですが、その他のメンバーも誰でも意見・提案できるオープンな場になっています。

ロードマップ会議で何か新しいことをやると決めたら、プロジェクトの立ち上げをします。立ち上げでは開発者だけでなく、ステークホルダー全員で集まってインセプションデッキという文書をesa上に作ります。

インセプションデッキができたら、あとはスクラムで開発をしていきます。

kosaka-san.jpg (1.1 MB)

:kosappi_: 小坂さん
角谷さんがアジャイルの指導というかメンテナンス的なことをやってくれてます。
1週間で1スプリントです。リリース後に事後検証を挟んでますね。
キーワードとしては、テスト駆動開発だとか、CI、CDといった自動化。

―― しっかりやっている感じですね

:kosappi_: 小坂さん
そうですね、僕も入って思いました。

ツール群はこんな感じですね。

dev-tool.jpg (124.3 kB)

:oosawatech: 大沢さん
会社組織をどうしたいかという点で開発プロセスが決まっていますね。

あれ、みずぴーがいる。あれ、別のミーティングに出てなかった?

mzp-san.jpg (181.5 kB)

:mzp: みずぴーさん
ミーティングが終わったので見てました。完全に話を楽しんで聞いてました(笑)

:oosawatech: 大沢さん
じゃあ、せっかくなので自己紹介を。

:mzp: みずぴーさん
おっ、いきなり振ってきますね……!
僕はこの中では一番職歴が長いエンジニアです。
esaが導入される前から働いていて、いまはiPhoneアプリなどを開発しています。基本的には名古屋で働いていますが、ミーティングや勉強会参加などで月2回くらい東京に来ています。

―― 面白いですね、これがリモートワークですか。

:oosawatech: 大沢さん
そうなんですよ〜〜。物理的な距離感があまりないんですよね。
東京(の弥生オフィス)は会議室の名前が近くの駅名になっていて、名古屋は木曽三川の名前になっています。

Zoomも同じようにバーチャルな部屋という位置付けにしていて、今このesaトーク中に繋いでいるのは、「天の川」と呼んでいます。

―― 天の川!バーチャル感ありますね。

:oosawatech: 大沢さん
でしょう。そのあともう一つ増えて、そちらは「ドブ川」と自然発生的に付けられ、Slackに絵文字も作られ、なぜか入り浸る人たちが生まれました。

―― ドブ……。

:kosappi_: 小坂さん
……。

:oosawatech: 大沢さん
(Zoomを操作しながら)これが名古屋オフィスのカメラですね。オフィスに2つある内の、全体が見える方のカメラです。

リモート組がオフィスを監視しているイメージ……みたいな事を、つい先日豊吉さんがブログに書いてました。

Misocaのリモートワークのやり方2018 | toyoshiの日記
image.png (289.4 kB)
またリモートからオフィスに誰がいるかわからないと困ることが多かったので、オフィスには部屋全体が映るカメラが設置されています。世の中にはリモートの人を監視するソリューションがあったりするそうですが、Misocaではリモートの人がオフィスを監視しています。

:oosawatech: 大沢さん
リモートワークですが、名古屋にいる人はオフィス出社、遠方の人はリモート、というわけではなくて、全員リモートでも出社でも良いんです。寒い時期は名古屋オフィスに人がいない事もありました。

:kosappi_: 小坂さん
あと、開発で取り組んでいることで、ペアプログラミングやモブプログラミングをやっていますが……。

:oosawatech: 大沢さん
これもリアルの場でやる時もありますが、オンラインでやることもあります。むしろ、オンラインの方が多いかも。

:kosappi_: 小坂さん
ツールとしてはSlackコールの画面共有を使っています。

:monoooki: 前田さん
あとは、Atom使っていたり、最近だとVS Codeでのエディタ共有を試しているのも見たことあります。 やっている風景は楽しそう。デザイナーだとちょっとやりたくないかな(笑)

esa 自警団がカテゴリを整理する

―― esaの導入のきっかけなどをお聞かせ願いますか。

:mzp: みずぴーさん
導入した時の経緯は、それこそesaに載っています。esa番どれだろ。

―― esa番。記事IDはesa番と呼ばれているんですね。

:mzp: みずぴーさん
おおっ、これは恥ずかしい。独自用語はできるだけ作らないようにしてるんですが……。
僕たちはRFCに沿って生きてるんですよ!

記憶を頼りに話すと、角谷さんが唐突にesaを使いはじめたんですよね。

:kakutani: 角谷さん
もともと別の情報共有サービスを使っていたんですが、スタンドファーム株式会社から株式会社Misocaに社名変更するタイミングで、前に使っていたサービスのサブドメインを変えたかったけど変えられなかったんですよね。

その隙にmisoca.esa.ioを取って、豊吉さん松本さんをオーナーにして、勝手に使いはじめて、片桐さんやみずぴーがAPIで記事を移行して、既成事実から導入を(笑)。

:mzp: みずぴーさん
esa番号8番のコメントにそのときの履歴が残っていますよ。


(事情により全面モザイクです)

:mzp: みずぴーさん
角谷さんがesaをまず使ってみようという提案をしてくれた記事です。

―― esaの導入からすぐに定着しましたか?

:mzp: みずぴーさん
移行のタイミングで「移行元のサービスにはこれ以降書かないでね」というのを決めて、そのあとは以前と同じようにesaに書いていった感じですね。

たぶん、書くという文化はもともと定着していたんじゃないかな。
以前の情報共有サービスから移行してすぐのときにはカテゴリがなかったので、以前のサービスからサルベージしてカテゴリを考えるというようなことをしていました。

第一階層案を考えて、これはカテゴリなのか、そもそもこれはなんなんだ(笑)とか。
コメントで「これは流行らなかったので消しました」とかあっていいですね。
Users派とHomes派が居たけど、Users派が勝ったとか。
FYI(For Your Information)カテゴリが消えたとかありましたよ、流行しなかったとか。

―― 角谷さんの判断が入っているんですねえ、要所要所に。

:mzp: みずぴーさん
この話にのってくれるのが角谷さんぐらいしか居なくて(笑) 2人でカテゴリをバッサバッサ消してましたね。

:oosawatech: 大沢さん
その辺はみずぴーが、esa自警団の記事を書いてましたね。

esaからその他カテゴリを撲滅した - Misoca開発者ブログ
esa自警団

―― esa警察の話を。

:oosawatech: 大沢さん
警察ではなく自警団なんですよ。

:mzp: みずぴーさん
法的拘束力を持ってはダメだということで自警団となりました。

カテゴリの第一階層は決まったんですが、その他が残っていたので。これRubyKaigiに向かう新幹線の中で、ひたすら整理していましたね。

:oosawatech: 大沢さん
この記事が2016年11月じゃないですか。その後の2017年1月に私が入社するんですけど、この「自警団」って話がすごくでてくるから「なんか怖い会社だな」って思って(笑)。
「自警団とか言ってる……」とか思って。

―― esa自警団はみずぴーさんと角谷さんのお2人なんですか?

:mzp: みずぴーさん
初代自警団はそうです。

:oosawatech: 大沢さん
ちょうど今、2代目自警団の奥村さんが聞いてくれてますね。

okumura-san.jpg (141.6 kB)
(左下が奥村さん)

:oosawatech: 大沢さん
2代目自警団の方は、「古い記事や現状に合わなくなった記事をアーカイブしていく」という作業をめちゃめちゃやってくれています。 あとアーカイブと言えば、Misocaでは日報が一ヶ月で自動的にアーカイブされます。

:mzp: みずぴーさん
31日です。

:oosawatech: 大沢さん
あ、31日か、31日でアーカイブされます。

:mzp: みずぴーさん
1ヶ月を31日ですと言い返したの、エンジニアぽさ〜と思いました(笑)。毎月違うからね(笑)。

:oosawatech: 大沢さん
最近それブログにしましたね。

古い日報が邪魔なのでbotに自動でおそうじさせてみた - Misoca開発者ブログ
Misocaでは日報も議事録も雑多なメモもすべてesa.ioに保存する文化があります。「何か疑問があればesaを探せ」というくらい根付いていますが、いざ検索してみると日報が大量にヒットしてしまい、目的の記事にすぐたどり着けないことが増えてきました。

自動esaアーカイブ機では、記事の作成日から設定した日数以上経過していたら、自動で記事のアーカイブを行います。

:oosawatech: 大沢さん
古い日報が邪魔なので、botにお掃除させたという記事ですね。これで日報が自動的にアーカイブされている状態になります。

この件で、深谷が御社にいくつか問い合わせしてますね。

APIでのArchive化の問い合わせ

深谷さんと深谷のやりとりの様子
(esa社深谷とMisoca深谷さんとのやりとりの様子)

:mzp: みずぴーさん
テンプレートのAPIをもうちょっと使いやすくできないですかね〜という話も。

テンプレート改修の要望

:mzp: みずぴーさん
そして、パワーアップされたと言う良い話です。


(こちらもesa社深谷からMisoca深谷さんへ連絡してました)

―― 「テンプレートからの記事作成で日付をずらして作成できるようにしてほしいです」というフィードバック、確かにありましたねえ。

:mzp: みずぴーさん
自動esaやり機もありますね。

自動esaやり機とクリーンアーキテクチャ - Misoca開発者ブログ
Misocaでのesaの使い方の一つに「枠だけ作ったポストに各自が書き足す」場合があります。
寄せ書きみたいですね。

既にあるポストに書き足すだけで良いのが理想的なので、決まった周期で自動的にポストを作れると便利そうです。
残念ながらesa.ioにはそういった機能はありませんが、esa APIを使えば外部からポストを作ることができます。

そういった経緯で作ったのが自動esaやり機(esa_feeder)です。

―― こちらは「APIで投稿テンプレートを元にした投稿を作りたい」という要望を頂きAPIを実装しました。

:mzp: みずぴーさん
これ、僕が良い名前を思いついて、あとは他の人がやってました(笑)。
「esaやり機」良い名前!って。

oosawa-san.jpg (91.0 kB)

:oosawatech: 大沢さん
自動esaやり機がまだないときは、その週に使うミーティング用の記事を私がテンプレートから作成して、書く場所を作っていました。Slackで/remindを設定して。
私がいるときはいいんですが、そうでないときは誰かが作ってくれたりしてまして。それが自動的になった感じです。

自動esaやり機はロードマップ会議のような、各プロジェクトの人が週次報告するような性質のものなどに活用されています。

:mzp: みずぴーさん
せっかく新しい物を作るということで、色々新しいことにトライしていて。
その辺の日記ですね、この記事は。

―― 導入時の話に戻るんですが、esaにしてから変わったことってありますか?

:mzp: みずぴーさん
いままでカテゴリに気を使う人がいなかったのが、2代目esa自警団が誕生する程度にはみんながカテゴリに気を使うようになって、私はとても嬉しいです。

あと、エンジニアではない奥村さんが「stockとflowを使い分けねばならんのだ」と言い出していて、めちゃくちゃ感動しています。

:monoooki: 前田さん
おれ使いこなせてないな〜、stockとflowは。

:mzp: みずぴーさん
いい概念だけど、難しいなあと思っていたら、みな徐々に使い始めていて感動しました。

flow の「プロジェクト」カテゴリと、stockの「プロダクト」カテゴリ

―― 以前、esa meetup @Misoca で話してくれた小久保さんのカテゴリの話が面白くて、現在のMisocaさんのカテゴリ構成についてお話聞きたいです。

diary/2017/01/24/esa meetup @ Misoca に行ってきました :hatched_chick: :hatched_chick: :hatched_chick: - docs.esa.io

  • カテゴリ名: 「プロダクト」
    • プロダクトの現在位置・将来・顧客等が確認できるようになっている
    • プロダクトは不変の情報なのでストック情報が入る
    • 新しいメンバーが入ってきたときに、ここを見れば自分が何を作るのかわかるような場所
  • カテゴリ名: 「プロジェクト」
    • プロジェクトには始まりと終わりがある
    • プロジェクトは期間で走るものなのでフロー情報が入る
    • そのプロジェクトがはじまる理由と終わりのゴールがわかる
    • 今動いていること、過去にやってきたことがわかる場所であることが理想
  • カテゴリ名: 「チーム」
    • 仕事のプロセス、チームとして大事にしていること、守るべき約束などの情報
    • 不変の情報なのでストック情報が入る(変わったら都度更新されていく)
    • 技術的なTIPSなどもここに

:mzp: みずぴーさん
概ねあのままですねえ。

esa_カテゴリの一覧.png (77.7 kB)

:oosawatech: 大沢さん
上から順にUsersという個人のカテゴリがあって、プロダクトとしてのMisocaプロジェクト日報になっています。プロジェクトは実際に動いているプロジェクトが入っています。

この下位階層が最近2代目esa自警団が作ったカテゴリで、

  • プロジェクト
    • 進行中
      • 2017
      • 2018
    • 完了
      • 2017
      • 2018

と分かれています。プロジェクトが終わってstock的に残しておきたい情報は、Misocaの方に移していく感じです。

―― プロジェクトの配下はflowってことですよねえ。

:mzp: みずぴーさん
これ、すごいですよねえ。最初に考えた人さすがだな〜と思っています。

:oosawatech: 大沢さん
続いて、株式会社MisocaでコーポレートとしてのMisocaです。

―― コーポレートではなく、社名にしているのがいいですよねえ。

:oosawatech: 大沢さん
その次は、議事録と続いて、障害・不具合対応となってます。あと、読み物がありますねえ。インターンが卒業するときの卒業文集

あとは、toyoshiが語るMisocaとはとか。

:oosawatech: 大沢さん
templatesはこんな感じです。

templatesは各ユーザーの配下にもあって、私の日報テンプレートはこんな感じです。

―― ミーティングの予定をGoogleカレンダーのキャプチャをそのまま貼るのいいですねえ。あと「今日の1曲」とかも面白い。

:oosawatech: 大沢さん
私は日報を自動esaやり機に登録しているので、朝Slackにこんな感じで通知が来て、これをクリックして日報を書き始めてます。

oosawa_slack.png (54.4 kB)

日常をハックする文化は、社長から

:oosawatech: 大沢さん
ところで、この右側にいる人誰だろ。
あれ、豊吉さん?

toyoshi-san.jpg (152.3 kB)

:toyoshi: 豊吉さん
こんにちは、お邪魔してます。

:oosawatech: 大沢さん
全然気づかなかった。なんか言えばいいのに。

―― せっかくなので、自己紹介をお願いしてもいいでしょうか?

:toyoshi: 豊吉さん
インタビューの様子を聞きに来ました。株式会社Misoca 代表取締役の豊吉と申します。esaは大変便利に使わせてもらってます。

esaの文化はみんなが作っている感じなので、僕は使わせてもらっている感じです。
僕がesaを使っていて便利に感じるのは、Misocaのカテゴリ分けの部分ですね。これがすごく気に入っていて、頭に優しいなと思うことが多いです。探すときに、この「プロジェクト」の……「進行中」の……と辿っていけていけるので。
個人的にブラウザのブックマークもMisocaのカテゴリ分けを参考にしてます。
esaは全体的に使い心地がいいので、サービスづくりとしてもすごく参考になります。

―― ありがとうございます、嬉しいです。やっぱMisocaさんの、カテゴリ構成がいいですねえ。

―― 豊吉さんも、esaをハックしていましたよねえ。みんなesaをハックして使っている文化が面白いなあと思います。

開発以外の仕事でやってるちょっとした自動化の紹介 - Qiita
Misocaでは全員が日報をesa.ioに書くのが決まりになっています。
これもesaを開いて、日報のテンプレートから新規作成して、今日やったことを思い出して、明日の予定を書くのはエネルギーを使います。そこで自分のGoogleカレンダーから今日と明日の予定を自動でとってきて日報の下書きを作ってくれるコマンドを作って使っています。

Misocaは今20人ぐらいが毎日日報を書いています。それらを全員分を読むには少し工夫が必要です。そこで、特定の日の日報をタブで自動的に開くのをコマンドにしています。

maesa-san.jpg (56.1 kB)

:monoooki: 前田さん
Misocaはハッカーが多いイメージがあるんですよね。社長からハッカーだし。
手に馴染んでいるおもちゃを、ナンカちょっといじってやるかーという感覚。

―― その使われ方、すごい好きですね。エンジニアの比率が多いのも影響してそうですね。問題解決をどうにかしたいという。

:monoooki: 前田さん
豊吉さんがその気が強いから、問題を見つけると分析して的確に急所を突くみたいな所があって、その繰り返しで生きているように見えます(笑)。

―― そういう人を選んでいるんですかね。

:toyoshi: 豊吉さん
……。

―― 聞こえているかな。

:oosawatech: 大沢さん
あ、これは話を聞くモードになってますね。
名指しで発言しないと質問されていると思わないので、聞いているんだと思います(笑)

―― おお、これが本格的なリモート(笑)

:mzp: みずぴーさん
そういう人を選んでいる意識はないんですけどねえ、なんでしょうね。
実際、esaをハックしている人は3〜4人はいるけど、全員が全員というわけではないですよ。

:monoooki: 前田さん
でもやっぱり気質はそういう人が多くて、そのなかで、esaのハックという方向に向いている人が数人いるというイメージがあります。

:mzp: みずぴーさん
小坂さんとかそういうのやります?

:kosappi_: 小坂さん
今はまだ手をつけてないですが、やっぱりみんな繰り返し作業とかを自動化したがる発想に行きがちで、それはいいなと思いますね。

―― Misocaさんってプロダクト自体がそういう、「世の中の自動化」というところに関心を持っていそうですね。

:kosappi_: 小坂さん
確かに。

―― プロダクトの目的と同じように、普段の仕事もそういう風に働いているように見えます。

「読み物」カテゴリの面白コンテンツたち

―― あとは、esaに面白コンテンツについて、聞きたいです。噂によると「Kakutani.fm」という、角谷さんが社内のゲストと対談した録音が共有されるというコンテンツがあるとかないとか……

:oosawatech: 大沢さん
これが、Kakutani.fmですねえ。

:mzp: みずぴーさん
タイトルがRebuild.fmぽい。

:oosawatech: 大沢さん
これ私がさっきランチ1で話していた、新幹線のC席が快適という話。



ep8: C is for Comfortable(oosawatechnica)

―― C言語の話じゃないんですね(笑)。

:oosawatech: 大沢さん
入社までの経緯とか話しましたねえ。
生でも聞けるんですけど、こんな感じで録音した内容が聞けるんです。

―― ほんとどれもRebuild.fmぽいですね

:monoooki: 前田さん
僕の回もあります。


―― :@taea: 我が家の噂されている(笑)。

esa への要望

―― 最後に、esaへの要望などを聞かせていただければ

:monoooki: 前田さん
個人的には思ってないんだけど、見出しがデカすぎるってみんな言ってます。h2ぐらいから始める人が多い。

:oosawatech: 大沢さん
わかる、h1が大きすぎる!

:monoooki: 前田さん
最近はesa内でメンバーアイコンが使えるようになったし、欲しかった機能や要望だいたい入っちゃった感じですねぇ。
あ、日報の移動でのj, k移動を早くして欲しい。

―― あー確かに、バンバンいろんな記事を見たい時は遅いかもですね。ちょっと違いますが、/postsj, kで記事移動ができて、Cmd + Enter で別窓で開くんですよ、まだ公式機能2じゃないんですが。

:kosappi_: 小坂さん
知らなかった、便利。あとは、日報全部開くのが欲しいですね。

:monoooki: 前田さん
その機能、豊吉さんがスクリプト作ってたよ。

:mzp: みずぴーさん
あー、あと/をタイトルに使いたい。

―― あー、そうですよね。それ、影響範囲が、、、やる気だけですね。あとはがんばり3が(笑)

:mzp: みずぴーさん
中間カテゴリに記事があると、アクセスしづらいのが困るんですよね。カテゴリの整理中にできがちで、移動が大変で。

―― カテゴリの直下と、さらに下のカテゴリにあるものが見た目的にわかりやすければいいんですかねえ、検討しますね。

:mzp: みずぴーさん
あと、カテゴリREADMEが目立たない。

―― 途中までそれ改善案作っています(笑)

開発中のカテゴリREADME

:monoooki: 前田さん
MisocaだとUsers配下の自分のカテゴリREADMEに自己紹介を書いているので、便利そう。

:kosappi_: 小坂さん
あーいい。

:mzp: みずぴーさん
これいい。

:oosawatech: 大沢さん
いいですね、これ。

―― :@taea: やる気が出ました。

:mzp: みずぴーさん
でもこれ、どの範囲まで出すとか考えて胃が痛くなるやつですね。行数とか。

―― :@ppworks: まさに、Pull Requestに何案か書いてあります(笑)

Misoca で働くと、たのしい

―― 最後にアピールタイムを、Misocaさんで働くとこんないいことがあるよとかのメッセージをお願いします。

:oosawatech: 大沢さん
豊吉さん、なんかあります?

:toyoshi: 豊吉さん
えぇ……、僕は今聞きに来てるだけなんで。働きたくない……。

:oosawatech: 大沢さん
えー。小坂さんいいことあった?

:kosappi_: 小坂さん
働きやすいですね。

―― 日本全国どこのひとでも、応募していいんですか?

:oosawatech: 大沢さん
たぶん、世界中(笑) 実際先日までアメリカにいましたけど、アメリカで働いていましたよ。

:toyoshi: 豊吉さん
コアタイムを守れる人であれば。

:kosappi_: 小坂さん
ロンドン在住だとコアタイムが深夜〜早朝になっちゃうので、難しいですね……。

:toyoshi: 豊吉さん
その時は制度を見直しましょうか。

:oosawatech: 大沢さん
こんな人と働きたいというのは採用サイトに載ってます。

  • コードを書くのが好き
  • メンテナンス性の高いコードが好き

などありまして

recruit_求める人材.png (25.4 kB)
https://recruit.misoca.jp/engineer/

:monoooki: 前田さん
豊吉さんがリンカーンの逸話の斧研ぐやつ好きなんで、そんな性格の方も。

―― 斧を研ぐのが好き、いいですね

:oosawatech: 大沢さん
あと、Misocaのエンジニアは目的意識を持っている人が多いですね。

―― そういう人が多いように思えますし、みな楽しそうです。

:monoooki: 前田さん
衝撃だったのは、Zoomで繋いで仕事して、18時半になったら「もうオフィス切るんで〜」と名古屋から言われて、僕だけが最後残っていたというのがあって。マジで定時で帰るんだ!と

:kosappi_: 小坂さん
みんな、何の疑問もなく普通に帰りますね。

:monoooki: 前田さん
気づいたら松江オフィスも閉じてて、Zoomの画面に僕だけ映ってました。

あと、esaの内容が面白いです。豊吉さんの文章とか。肉の焼き方が妙に詳しく書いてあったり、お子さんがウォズニアックに抱っこされてる写真だったりとか。
公開されてる肉ネタだとこれかな。

低温調理器を電子工作なしで自作する(約5,000円) - toyoshiのはてなブログ
低温(定温)調理という調理法があり、私の観測範囲では主に肉をめちゃくちゃうまくレアやミディアムレアで食べるために使われている。

:kosappi_: 小坂さん
豊吉さんのREADMEにあたる記事名が「豊吉を手っ取り早く知る」ですしね。そこにも肉のことが書いてあるし、コーヒーのことも書いてあります。コーヒーも公開記事がありますね。

最近のコーヒー環境 2016 | toyoshiの日記

:oosawatech: 大沢さん
根がオタクだからな〜(笑)

:toyoshi: 豊吉さん
……。

―― 入社しないと見ることができないコンテンツですね。今日はありがとうございました!一風変わったインタビューで、とても楽しかったです。

elevator-hall.jpg (171.2 kB)


お読みいただきありがとうございました!

リモートで色んな人が途中から混ざって参加するインタビュー、初めての試みでしたがとても楽しかったです! 問題を技術でどんどん解決するハッカー気質の人が集まっているというのがとても魅力に感じました。

コアタイムが守れれば世界中どこからでも働けるというMisocaさん、気になる方はこちらもチェックしてみてください(\( ⁰⊖⁰)/)

(編集: @ppworks, @ken_c_lo 書き起こし: @ppworks


おまけ

omake.jpg (196.9 kB)


  1. インタビュー前にみんなでステーキを食べました。 

  2. まだ公式ではないので、後日キーバインドが変わる可能性があります。 

  3. 後日、閃きによりReleaseNotes/2018/04/25/記事タイトルに#を含めることが出来るようになり/も表示出来るようになりました - docs.esa.io 

こんにちは (\\( ⁰⊖⁰)/)

esaのユーザーさんに、esa社のワレワレが突撃してお話を聞きにいくという企画、 esaトークの第5回です!

今回は、株式会社Misoca さん(以下 Misocaさん)です。
Misocaさんには、2017年の1月に、[esa meetup @ Misoca](https://www.wantedly.com/companies/misoca/post_articles/49657)を開催して頂いたり、普段の業務の請求書にも利用させて頂いていたり、とてもお世話になっております。

Misocaさんの本社オフィスは名古屋にありますが、多くのスタッフがリモートワークで、自宅や松江にもオフィス等の遠隔地から働いています。
今回のインタビューは秋葉原にある弥生株式会社さんのオフィス(Misocaさんは弥生さんのグループ会社)でやらせていただいたのですが、各地から色んな人が飛び入りリモート参加するという、Misocaさんならではの面白いスタイルになりました。お楽しみください(\\( ⁰⊖⁰)/)

![entrance.jpg (154.8 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/51801f47-b3e0-4a3c-b1ee-ac6462298abe.jpg)

---

- 社名: [株式会社Misoca](https://info.misoca.jp/)
- esaメンバー数 : 29users
- お話を伺った方:
    - :oosawatech: __大沢さん [@oosawatech](https://twitter.com/oosawatech)__ (写真左)
    - :kosappi_: エンジニア :  __小坂さん [@kosappi_](https://twitter.com/kosappi_)__ (写真中央)
    - :monoooki: フリーランス デザイナー : __前田さん [@monoooki](https://twitter.com/monoooki)__(写真右)
- インタビュー実施 : 2018年3月26日
- 聞き手:
    - :@taea: esa社デザイナー: 赤塚妙子 [@ken_c_lo](https://twitter.com/ken_c_lo)
    - :@ppworks: esa社エンジニア: 越川直人 [@ppworks](https://twitter.com/ppworks)

---

## 年に一回の社員全員オフ会で「リアルでははじめまして」ということも

__―― :@taea: 自己紹介からはじめましょう。赤塚と申します。esaでデザイナーをしております。よろしくお願いします。__
__―― :@ppworks: 越川と申します。同じくesaでエンジニアをしております、よろしくお願いします。__

__:oosawatech: 大沢さん__
大沢 香織と申します。
肩書は無く、職種は何かと問われたら「おおさわ」といつも答えております……が、現実的に言うと「プロダクトマネージャー」的なものをやっておりまして、今あるプロダクトや、今後やっていくプロダクトの守り神をしています。

__:kosappi_: 小坂さん__
エンジニアをしております。小坂 龍一と申します。
去年の10月に入社して、そろそろ半年です。今日はよろしくお願いします。

__:monoooki: 前田さん__
フリーランスのデザイナーの前田 和彦と申します。
Misocaの社員ではないのですが、業務委託で1年ぐらい前からお世話になっております。

__:oosawatech: 大沢さん__
お、ここで弊社技術フェローの角谷さんから連絡がありまして、繋がりそうです。

![kakutani-san.jpg (119.8 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/39ff504e-07af-44da-a2cf-51b30e22d865.jpg)

__:oosawatech: 大沢さん__
ガチの移動中(笑)。

__:kosappi_: 小坂さん__
「次の停車駅は〜」って後ろで鳴ってる……。

__:kakutani: 角谷さん__
気にしないでください(笑)。

__:oosawatech: 大沢さん__
あ、ひとり増えた。カニさんも見て来てくれましたね。

![kani-san.jpg (153.4 kB)](https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/3e2d6abc-2b55-48ae-8568-3b65ccbb9651.jpg)

__:kanizmb: カニさん__
こんにちは〜、2月にジョインしましたカニです。
Misoca初のフルタイムデザイナーとして大阪からリモートワークしています。

__―― みなさんリモートからも様子を見に来てくださいまして、ありがとうございます。それでは、まず会社の紹介からお願いします。__

__:oosawatech: 大沢さん__
株式会社Misocaは、「[世の中を仕組みでシンプルに](https://recruit.misoca.jp/message/)」というコンセプトでサービスを提供しています。

![みそかメンバー集合写真](https://img.esa.io/uploads/production/attachments/3/2018/03/29/11/12228e6c-c5c3-4372-8be3-1c0030969353.jpg)

こちらの写真は去年の4月の写真ですね。今はこれより増えて22名です。
年に一度、社員全員オフ会というのがあって、これはオフ会の写真です。

__―― オフ会の写真と言われると面白いですね(笑)。__

__:oosawatech: 大沢さん__
ほんとに。「リアルでははじめまして」という方がいたりします。
この写真の時は、私と松江オフィス勤務の日高さんが「はじめまして」でした。

> [リモート勤務によって、世界観が広がった ソフトウェアエンジニア 日高克也 | Misocaメンバーインタビュー](https://www.wantedly.com/companies/misoca/post_articles/67786)
> 現在は昨年11月に開設した**松江オフィスで**仕事をしています。

そういえば小坂さんも去年10月入社だから、次回のオフ会で「リアルでははじめまして」という方が多いかもね。

__:kosappi_: 小坂さん__
そうですね……、松江に増える方がそうかも。

__:oosawatech: 大沢さん__
そうそう。松江オフィスもついに2人になるんですよ。

今度松江オフィスに入るその方は、「技術の最先端を行くエンジニアが東京に集まって仕事をやるのは技術の敗北だ」みたいなこと言って、地元に帰った人ですね。

> [退職 - zatsu](https://komatatsu.hateblo.jp/entry/%E9%80%B1%E4%BC%91%E4%B8%83%E6%97%A5)
> **もうすぐ2018年だってのに、技術の最先端を行く我々エンジニアが一箇所に集まってるとか技術の敗北じゃないですか**

__―― インターネット感をだすために、実家へ帰ったと__

__:monoooki: 前田さん__
その記事がバズってて、読んでいたらMisocaって出てきてビックリしました(笑)

<img src="https://img.esa.io/uploads/production/attachments/3/2018/03/29/11/48d5fd45-8317-4a3f-9062-03a808b5fe63.png" alt="数字で見るMisoca(1)" style="border:none; width: 500px;" />

__:oosawatech: 大沢さん__
職種の比率で言うと、圧倒的にエンジニアが多くなります。

__―― 豊吉さん(代表取締役でエンジニア)はどちらへ入るのでしょう?__

__:oosawatech: 大沢さん__
「エンジニア」ですね。松本さん(取締役でエンジニア)も「エンジニア」です。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/03/29/11/27d35fb3-406a-4f3e-86d7-fd265db21b81.png" alt="数字で見るMisoca(2)" style="border:none; width: 500px;" />
([数字で見るMisoca](https://recruit.misoca.jp/number/)より)

__:oosawatech: 大沢さん__
平均年齢が33歳で、子育て中の方が多いというのが特徴です。男女比では女性がまだ少ないですね。具体的にはいま3人です。

平均残業時間の**42分**は、よく1日の平均と間違えられがちなんですが、**1ヶ月の平均**です。

__―― 1日2分ですね!__

## Misocaではリモートの人がオフィスを監視している

__―― それでは、プロダクトのことをお聞かせください__

__:oosawatech: 大沢さん__
オンラインで請求書を作れるサービスを提供しています。かつ、自動で郵送されるという仕組みも提供しています。
先進的な仕組みだけではなく、郵送という今までの仕組みも踏襲しているところがポイントです。
「取引のプラットフォームを実現する」ことを目指しているので、国内の様々な取引すべてをMisocaで行えるよう、日々開発を進めています。

__―― esa社もMisocaをずっと使っています。__
__―― :@taea: 私がフリーランスの頃から使い続けていました。__

__:oosawatech: 大沢さん__
かつて私も会社を経営していまして、Misocaを使っているヘビーユーザーでした。

__―― 請求書って出すのを忘れがちでしたが、Misocaさんを使いはじめてから忘れなくなりました。月末に勝手に請求書を作ってくれるのがすごく便利で。__

__:oosawatech: 大沢さん__
ありがとうございます(笑) 。
Misocaは今も成長している最中で、今までは「フリーランスの味方」といった感じでしたが、弥生にJOINしたことでより多くのお客様に広く使っていただけるようにと思っております。

__―― では、普段の開発の様子などもお聞かせ願いますか。__

__:oosawatech: 大沢さん__
プロダクトがユーザーに提供されるまでの流れは、

1. ロードマップ会議
1. プロジェクト立ち上げ
1. スクラムプロセスでの開発

という感じになっています。

順番に説明すると、まず週に一度開催されるロードマップ会議という会議で3ヶ月先ぐらいまでのやることや優先順位について話します。この会議は経営陣が参加するのはもちろんですが、その他のメンバーも誰でも意見・提案できるオープンな場になっています。

ロードマップ会議で何か新しいことをやると決めたら、プロジェクトの立ち上げをします。立ち上げでは開発者だけでなく、ステークホルダー全員で集まってインセプションデッキという文書をesa上に作ります。

インセプションデッキができたら、あとはスクラムで開発をしていきます。

![kosaka-san.jpg (1.1 MB)](https://img.esa.io/uploads/production/attachments/3/2018/03/29/11/01f491e6-6f92-4c32-a6d9-654fda201cc0.jpg)

__:kosappi_: 小坂さん__
角谷さんがアジャイルの指導というかメンテナンス的なことをやってくれてます。
1週間で1スプリントです。リリース後に事後検証を挟んでますね。
キーワードとしては、テスト駆動開発だとか、CI、CDといった自動化。

__―― しっかりやっている感じですね__

__:kosappi_: 小坂さん__
そうですね、僕も入って思いました。

ツール群はこんな感じですね。

![dev-tool.jpg (124.3 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/74176c0a-31c7-4739-aae0-a67d1ed5dc8c.jpg)

__:oosawatech: 大沢さん__
会社組織をどうしたいかという点で開発プロセスが決まっていますね。

あれ、みずぴーがいる。あれ、別のミーティングに出てなかった?

![mzp-san.jpg (181.5 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/91146383-66a3-444b-b529-60069ef50ea3.jpg)


__:mzp: みずぴーさん__
ミーティングが終わったので見てました。完全に話を楽しんで聞いてました(笑)

__:oosawatech: 大沢さん__
じゃあ、せっかくなので自己紹介を。

__:mzp: みずぴーさん__
おっ、いきなり振ってきますね……!
僕はこの中では一番職歴が長いエンジニアです。
esaが導入される前から働いていて、いまはiPhoneアプリなどを開発しています。基本的には名古屋で働いていますが、ミーティングや勉強会参加などで月2回くらい東京に来ています。

__―― 面白いですね、これがリモートワークですか。__

__:oosawatech: 大沢さん__
そうなんですよ〜〜。物理的な距離感があまりないんですよね。
東京(の弥生オフィス)は会議室の名前が近くの駅名になっていて、名古屋は木曽三川の名前になっています。

[Zoom](https://zoom.us/jp-jp/meetings.html)も同じようにバーチャルな部屋という位置付けにしていて、今このesaトーク中に繋いでいるのは、「天の川」と呼んでいます。

__―― 天の川!バーチャル感ありますね。__

__:oosawatech: 大沢さん__ 
でしょう。そのあともう一つ増えて、そちらは「ドブ川」と自然発生的に付けられ、Slackに絵文字も作られ、なぜか入り浸る人たちが生まれました。

__―― ドブ……。__

__:kosappi_: 小坂さん__ 
……。

__:oosawatech: 大沢さん__
(Zoomを操作しながら)これが名古屋オフィスのカメラですね。オフィスに2つある内の、全体が見える方のカメラです。

リモート組がオフィスを監視しているイメージ……みたいな事を、つい先日豊吉さんがブログに書いてました。

> [Misocaのリモートワークのやり方2018 | toyoshiの日記](https://www.misoca.jp/toyoshi/1143)
> ![image.png (289.4 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/5be275bc-ecca-47bb-9a26-e0abe3a360e5.png)
> またリモートからオフィスに誰がいるかわからないと困ることが多かったので、オフィスには部屋全体が映るカメラが設置されています。世の中にはリモートの人を監視するソリューションがあったりするそうですが、**Misocaではリモートの人がオフィスを監視**しています。

__:oosawatech: 大沢さん__
リモートワークですが、名古屋にいる人はオフィス出社、遠方の人はリモート、というわけではなくて、全員リモートでも出社でも良いんです。寒い時期は名古屋オフィスに人がいない事もありました。

__:kosappi_: 小坂さん__
 あと、開発で取り組んでいることで、ペアプログラミングやモブプログラミングをやっていますが……。

__:oosawatech: 大沢さん__
これもリアルの場でやる時もありますが、オンラインでやることもあります。むしろ、オンラインの方が多いかも。

__:kosappi_: 小坂さん__
ツールとしてはSlackコールの画面共有を使っています。

__:monoooki: 前田さん__
あとは、Atom使っていたり、最近だとVS Codeでのエディタ共有を試しているのも見たことあります。 やっている風景は楽しそう。デザイナーだとちょっとやりたくないかな(笑)

## esa 自警団がカテゴリを整理する

__―― 	esaの導入のきっかけなどをお聞かせ願いますか。__

__:mzp: みずぴーさん__
導入した時の経緯は、それこそesaに載っています。esa番どれだろ。

__―― 	esa番。記事IDはesa番と呼ばれているんですね。__

__:mzp: みずぴーさん__
おおっ、これは恥ずかしい。独自用語はできるだけ作らないようにしてるんですが……。
僕たちはRFCに沿って生きてるんですよ!

記憶を頼りに話すと、角谷さんが唐突にesaを使いはじめたんですよね。

__:kakutani: 角谷さん__
もともと別の情報共有サービスを使っていたんですが、スタンドファーム株式会社から株式会社Misocaに社名変更するタイミングで、前に使っていたサービスのサブドメインを変えたかったけど変えられなかったんですよね。

その隙にmisoca.esa.ioを取って、[豊吉さん](https://recruit.misoca.jp/member/toyoshi/)や[松本さん](https://recruit.misoca.jp/member/satoshi/)をオーナーにして、勝手に使いはじめて、片桐さんやみずぴーがAPIで記事を移行して、既成事実から導入を(笑)。

__:mzp: みずぴーさん__
esa番号8番のコメントにそのときの履歴が残っていますよ。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/b034c01a-39cd-4d36-8ed7-04c23f8578aa.png" width="200" />
(事情により全面モザイクです)

__:mzp: みずぴーさん__
角谷さんがesaをまず使ってみようという提案をしてくれた記事です。

__―― 	esaの導入からすぐに定着しましたか?__

__:mzp: みずぴーさん__
移行のタイミングで「移行元のサービスにはこれ以降書かないでね」というのを決めて、そのあとは以前と同じようにesaに書いていった感じですね。

たぶん、書くという文化はもともと定着していたんじゃないかな。
以前の情報共有サービスから移行してすぐのときにはカテゴリがなかったので、以前のサービスからサルベージしてカテゴリを考えるというようなことをしていました。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/56576d52-6d52-4c22-b75e-8294581917dd.png" width=500 />

第一階層案を考えて、これはカテゴリなのか、そもそもこれはなんなんだ(笑)とか。
コメントで「これは流行らなかったので消しました」とかあっていいですね。
`Users`派と`Homes`派が居たけど、`Users`派が勝ったとか。
`FYI`(For Your Information)カテゴリが消えたとかありましたよ、流行しなかったとか。

__―― 	角谷さんの判断が入っているんですねえ、要所要所に。__

__:mzp: みずぴーさん__
この話にのってくれるのが角谷さんぐらいしか居なくて(笑) 2人でカテゴリをバッサバッサ消してましたね。

__:oosawatech: 大沢さん__
その辺はみずぴーが、esa自警団の記事を書いてましたね。

> [esaからその他カテゴリを撲滅した - Misoca開発者ブログ](http://tech.misoca.jp/entry/2016/11/18/111307)
> ![esa自警団](https://cdn-ak.f.st-hatena.com/images/fotolife/m/mzp/20161117/20161117135607.png)

__―― 	esa警察の話を。__

__:oosawatech: 大沢さん__
警察ではなく自警団なんですよ。

__:mzp: みずぴーさん__
法的拘束力を持ってはダメだということで自警団となりました。

カテゴリの第一階層は決まったんですが、その他が残っていたので。これRubyKaigiに向かう新幹線の中で、ひたすら整理していましたね。

__:oosawatech: 大沢さん__
この記事が2016年11月じゃないですか。その後の2017年1月に私が入社するんですけど、この「自警団」って話がすごくでてくるから「なんか怖い会社だな」って思って(笑)。
「自警団とか言ってる……」とか思って。

__―― 	esa自警団はみずぴーさんと角谷さんのお2人なんですか?__

__:mzp: みずぴーさん__
初代自警団はそうです。

__:oosawatech: 大沢さん__
ちょうど今、2代目自警団の奥村さんが聞いてくれてますね。

![okumura-san.jpg (141.6 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/af766de8-a66f-4d16-8b9f-1bb5ea5eaadc.jpg)
(左下が奥村さん)

__:oosawatech: 大沢さん__
2代目自警団の方は、「古い記事や現状に合わなくなった記事をアーカイブしていく」という作業をめちゃめちゃやってくれています。 あとアーカイブと言えば、Misocaでは日報が一ヶ月で自動的にアーカイブされます。

__:mzp: みずぴーさん__
31日です。

__:oosawatech: 大沢さん__
あ、31日か、31日でアーカイブされます。

__:mzp: みずぴーさん__
1ヶ月を31日ですと言い返したの、エンジニアぽさ〜と思いました(笑)。毎月違うからね(笑)。

__:oosawatech: 大沢さん__
最近それブログにしましたね。

> [古い日報が邪魔なのでbotに自動でおそうじさせてみた - Misoca開発者ブログ](http://tech.misoca.jp/entry/2018/03/02/110000)
> Misocaでは日報も議事録も雑多なメモもすべてesa.ioに保存する文化があります。「何か疑問があればesaを探せ」というくらい根付いていますが、いざ検索してみると**日報が大量にヒットしてしまい、目的の記事にすぐたどり着けない**ことが増えてきました。
>
> [自動esaアーカイブ機](https://github.com/Pegasus204/esa_archiver)では、記事の作成日から設定した日数以上経過していたら、自動で記事のアーカイブを行います。

__:oosawatech: 大沢さん__
古い日報が邪魔なので、botにお掃除させたという記事ですね。これで日報が自動的にアーカイブされている状態になります。

この件で、深谷が御社にいくつか問い合わせしてますね。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/3d596a2b-3063-4935-bb71-d15db1153b73.png" alt="APIでのArchive化の問い合わせ" style="width: 600px;" />

<img src="https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/5aa22aac-0d8a-4433-b4a0-d1868b2554f3.png" alt="深谷さんと深谷のやりとりの様子" style="width: 600px;" />
(esa社深谷とMisoca深谷さんとのやりとりの様子)

__:mzp: みずぴーさん__
テンプレートのAPIをもうちょっと使いやすくできないですかね〜という話も。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/c86c396b-9a38-4413-a4da-efee2ad9a5c6.png" alt="テンプレート改修の要望" style="width: 600px;" />

__:mzp: みずぴーさん__
そして、パワーアップされたと言う良い話です。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/cf88d9ce-01e7-4b0e-bfcc-1e66fc3e4d92.png" alrt="テンプレート改修のお知らせ" style="width: 600px;" />
(こちらもesa社深谷からMisoca深谷さんへ連絡してました)

__―― 「テンプレートからの記事作成で日付をずらして作成できるようにしてほしいです」というフィードバック、確かにありましたねえ。__

__:mzp: みずぴーさん__
自動esaやり機もありますね。

> [自動esaやり機とクリーンアーキテクチャ - Misoca開発者ブログ](http://tech.misoca.jp/entry/2017/12/01/110000)
> Misocaでのesaの使い方の一つに「枠だけ作ったポストに各自が書き足す」場合があります。
寄せ書きみたいですね。
>
> 既にあるポストに書き足すだけで良いのが理想的なので、決まった周期で自動的にポストを作れると便利そうです。
残念ながらesa.ioにはそういった機能はありませんが、[esa API](https://docs.esa.io/posts/102)を使えば外部からポストを作ることができます。
>
> そういった経緯で作ったのが[自動esaやり機(esa_feeder)](https://github.com/standfirm/esa_feeder)です。

__―― こちらは「APIで投稿テンプレートを元にした投稿を作りたい」という要望を頂きAPIを実装しました。__

__:mzp: みずぴーさん__
これ、僕が良い名前を思いついて、あとは他の人がやってました(笑)。 
「esaやり機」良い名前!って。

![oosawa-san.jpg (91.0 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/29/11/ab2f32c2-ced6-41a0-90d5-09fc783bdea2.jpg)

__:oosawatech: 大沢さん__
自動esaやり機がまだないときは、その週に使うミーティング用の記事を私がテンプレートから作成して、書く場所を作っていました。Slackで`/remind`を設定して。
私がいるときはいいんですが、そうでないときは誰かが作ってくれたりしてまして。それが自動的になった感じです。

自動esaやり機はロードマップ会議のような、各プロジェクトの人が週次報告するような性質のものなどに活用されています。

__:mzp: みずぴーさん__
せっかく新しい物を作るということで、色々新しいことにトライしていて。
その辺の日記ですね、この記事は。

__―― 導入時の話に戻るんですが、esaにしてから変わったことってありますか?__

__:mzp: みずぴーさん__
いままでカテゴリに気を使う人がいなかったのが、2代目esa自警団が誕生する程度にはみんながカテゴリに気を使うようになって、私はとても嬉しいです。

あと、エンジニアではない奥村さんが「stockとflowを使い分けねばならんのだ」と言い出していて、めちゃくちゃ感動しています。

__:monoooki: 前田さん__
おれ使いこなせてないな〜、stockとflowは。

__:mzp: みずぴーさん__
いい概念だけど、難しいなあと思っていたら、みな徐々に使い始めていて感動しました。

## flow の「プロジェクト」カテゴリと、stockの「プロダクト」カテゴリ

__―― 以前、[esa meetup @Misoca](https://docs.esa.io/posts/203) で話してくれた小久保さんのカテゴリの話が面白くて、現在のMisocaさんのカテゴリ構成についてお話聞きたいです。__

> [diary/2017/01/24/esa meetup @ Misoca に行ってきました :hatched_chick: :hatched_chick: :hatched_chick: - docs.esa.io](https://docs.esa.io/posts/203#3-0-0)
> - カテゴリ名: 「プロダクト」
    - プロダクトの現在位置・将来・顧客等が確認できるようになっている
    - プロダクトは不変の情報なのでストック情報が入る
    - 新しいメンバーが入ってきたときに、ここを見れば自分が何を作るのかわかるような場所
- カテゴリ名: 「プロジェクト」
    - プロジェクトには始まりと終わりがある
    - プロジェクトは期間で走るものなのでフロー情報が入る
    - そのプロジェクトがはじまる理由と終わりのゴールがわかる
    - 今動いていること、過去にやってきたことがわかる場所であることが理想
- カテゴリ名: 「チーム」
    - 仕事のプロセス、チームとして大事にしていること、守るべき約束などの情報
    - 不変の情報なのでストック情報が入る(変わったら都度更新されていく)
    - 技術的なTIPSなどもここに

__:mzp: みずぴーさん__
概ねあのままですねえ。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/8d2d4ca4-3693-4c86-8f19-684def3564b1.png" width="300" alt="esa_カテゴリの一覧.png (77.7 kB)" />

__:oosawatech: 大沢さん__
上から順に`Users`という個人のカテゴリがあって、プロダクトとしての`Misoca`、`プロジェクト`、`日報`になっています。`プロジェクト`は実際に動いているプロジェクトが入っています。

この下位階層が最近2代目esa自警団が作ったカテゴリで、

- `プロジェクト`
    - `進行中`
        - `2017`
        - `2018`
    - `完了`
        - `2017`
        - `2018`

と分かれています。プロジェクトが終わってstock的に残しておきたい情報は、Misocaの方に移していく感じです。

__―― `プロジェクト`の配下はflowってことですよねえ。__

__:mzp: みずぴーさん__
これ、すごいですよねえ。最初に考えた人さすがだな〜と思っています。

__:oosawatech: 大沢さん__
続いて、`株式会社Misoca`でコーポレートとしてのMisocaです。

__―― `コーポレート`ではなく、社名にしているのがいいですよねえ。__

__:oosawatech: 大沢さん__
その次は、`議事録`と続いて、`障害・不具合対応`となってます。あと、`読み物`がありますねえ。インターンが卒業するときの`卒業文集`。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/aed4a0b2-08cb-4f56-8af2-16ae8825dfcc.png" width="500" />

あとは、`toyoshiが語るMisocaとは`とか。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/d383cf6d-ef7b-421d-bce6-b1f076608566.png" width="500" />

__:oosawatech: 大沢さん__
`templates`はこんな感じです。

<img src="https://img.esa.io/uploads/production/attachments/105/2018/05/15/2/5b05aa5e-485f-4b86-b374-a41306ab704b.png" width="500" />

`templates`は各ユーザーの配下にもあって、私の日報テンプレートはこんな感じです。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/9d1711a7-a981-4cc5-855f-5ad036da367b.png" width="500" />

__―― ミーティングの予定をGoogleカレンダーのキャプチャをそのまま貼るのいいですねえ。あと「今日の1曲」とかも面白い。__

__:oosawatech: 大沢さん__
私は日報を`自動esaやり機`に登録しているので、朝Slackにこんな感じで通知が来て、これをクリックして日報を書き始めてます。

<img width="682" alt="oosawa_slack.png (54.4 kB)" src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/bc304233-85b7-42f0-b287-c2a8979252cd.png">

## 日常をハックする文化は、社長から

__:oosawatech: 大沢さん__
ところで、この右側にいる人誰だろ。
あれ、豊吉さん?

![toyoshi-san.jpg (152.3 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/63f92159-995d-4461-b5f5-8b647aa4a3d9.jpg)

__:toyoshi: 豊吉さん__
こんにちは、お邪魔してます。

__:oosawatech: 大沢さん__
全然気づかなかった。なんか言えばいいのに。

__―― せっかくなので、自己紹介をお願いしてもいいでしょうか?__

__:toyoshi: 豊吉さん__
インタビューの様子を聞きに来ました。株式会社Misoca 代表取締役の豊吉と申します。esaは大変便利に使わせてもらってます。

esaの文化はみんなが作っている感じなので、僕は使わせてもらっている感じです。
僕がesaを使っていて便利に感じるのは、Misocaのカテゴリ分けの部分ですね。これがすごく気に入っていて、頭に優しいなと思うことが多いです。探すときに、この「プロジェクト」の……「進行中」の……と辿っていけていけるので。
個人的にブラウザのブックマークもMisocaのカテゴリ分けを参考にしてます。
esaは全体的に使い心地がいいので、サービスづくりとしてもすごく参考になります。

__―― ありがとうございます、嬉しいです。やっぱMisocaさんの、カテゴリ構成がいいですねえ。__

__―― 豊吉さんも、esaをハックしていましたよねえ。みんなesaをハックして使っている文化が面白いなあと思います。__

> [開発以外の仕事でやってるちょっとした自動化の紹介 - Qiita](https://qiita.com/toyoshi/items/f620efe654cffdbf7731)
> Misocaでは全員が日報をesa.ioに書くのが決まりになっています。
これもesaを開いて、日報のテンプレートから新規作成して、今日やったことを思い出して、明日の予定を書くのはエネルギーを使います。そこで**自分のGoogleカレンダーから今日と明日の予定を自動でとってきて日報の下書きを作ってくれるコマンド**を作って使っています。
>
> Misocaは今20人ぐらいが毎日日報を書いています。それらを全員分を読むには少し工夫が必要です。そこで、**特定の日の日報をタブで自動的に開くのをコマンドに**しています。

![maesa-san.jpg (56.1 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/29/11/265f667b-c46a-47f7-acc7-723968fe3837.jpg)

__:monoooki: 前田さん__
Misocaはハッカーが多いイメージがあるんですよね。社長からハッカーだし。
手に馴染んでいるおもちゃを、ナンカちょっといじってやるかーという感覚。

__―― その使われ方、すごい好きですね。エンジニアの比率が多いのも影響してそうですね。問題解決をどうにかしたいという。__

__:monoooki: 前田さん__
豊吉さんがその気が強いから、問題を見つけると分析して的確に急所を突くみたいな所があって、その繰り返しで生きているように見えます(笑)。

__―― そういう人を選んでいるんですかね。__

:toyoshi: 豊吉さん 
……。

__―― 聞こえているかな。__

__:oosawatech: 大沢さん__
あ、これは話を聞くモードになってますね。
名指しで発言しないと質問されていると思わないので、聞いているんだと思います(笑)

__―― おお、これが本格的なリモート(笑)__

__:mzp: みずぴーさん__
そういう人を選んでいる意識はないんですけどねえ、なんでしょうね。 
実際、esaをハックしている人は3〜4人はいるけど、全員が全員というわけではないですよ。

__:monoooki: 前田さん__
でもやっぱり気質はそういう人が多くて、そのなかで、esaのハックという方向に向いている人が数人いるというイメージがあります。

__:mzp: みずぴーさん__
小坂さんとかそういうのやります?

__:kosappi_: 小坂さん__
今はまだ手をつけてないですが、やっぱりみんな繰り返し作業とかを自動化したがる発想に行きがちで、それはいいなと思いますね。

__―― Misocaさんってプロダクト自体がそういう、「世の中の自動化」というところに関心を持っていそうですね。__

__:kosappi_: 小坂さん__
確かに。

__―― プロダクトの目的と同じように、普段の仕事もそういう風に働いているように見えます。__

## 「読み物」カテゴリの面白コンテンツたち

__―― あとは、esaに面白コンテンツについて、聞きたいです。噂によると「Kakutani.fm」という、角谷さんが社内のゲストと対談した録音が共有されるというコンテンツがあるとかないとか……__

__:oosawatech: 大沢さん__
これが、Kakutani.fmですねえ。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/11338d2a-1c78-4ef8-a399-08444a3128fb.png" width="500" />

__:mzp: みずぴーさん__
タイトルがRebuild.fmぽい。

__:oosawatech: 大沢さん__
これ私がさっきランチ[^lanch]で話していた、新幹線のC席が快適という話。

[^lanch]: インタビュー前にみんなでステーキを食べました。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/05/08/2/2cbe5fed-e501-4ef6-815c-df43d43bede5.png" width="500" />
<img src="https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/32e717cd-1581-48e5-80fd-0d486b20e452.png" width="500" />
<small>ep8: C is for Comfortable(oosawatechnica)</small>

__―― C言語の話じゃないんですね(笑)。__

__:oosawatech: 大沢さん__
入社までの経緯とか話しましたねえ。
生でも聞けるんですけど、こんな感じで録音した内容が聞けるんです。


__―― ほんとどれもRebuild.fmぽいですね__

__:monoooki: 前田さん__
僕の回もあります。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/05/08/2/72028e11-2c62-42b7-b2e4-b6e7f08bae3d.png" width="500" />
<img src="https://img.esa.io/uploads/production/attachments/3/2018/05/08/2/0dc69206-659b-45b6-b4ad-34d99fa993aa.png" width="500" />

__―― :@taea: 我が家の噂されている(笑)。__

## esa への要望

__―― 最後に、esaへの要望などを聞かせていただければ__

__:monoooki: 前田さん__
個人的には思ってないんだけど、見出しがデカすぎるってみんな言ってます。`h2`ぐらいから始める人が多い。

__:oosawatech: 大沢さん__
わかる、`h1`が大きすぎる!

__:monoooki: 前田さん__
最近はesa内でメンバーアイコンが使えるようになったし、欲しかった機能や要望だいたい入っちゃった感じですねぇ。
あ、日報の移動での`j`, `k`移動を早くして欲しい。

__―― あー確かに、バンバンいろんな記事を見たい時は遅いかもですね。ちょっと違いますが、`/posts` で`j`, `k`で記事移動ができて、`Cmd` + `Enter` で別窓で開くんですよ、まだ公式機能[^unofficial-shortcut]じゃないんですが。__

[^unofficial-shortcut]: まだ公式ではないので、後日キーバインドが変わる可能性があります。

__:kosappi_: 小坂さん__
知らなかった、便利。あとは、日報全部開くのが欲しいですね。

__:monoooki: 前田さん__ 
その機能、豊吉さんがスクリプト作ってたよ。

__:mzp: みずぴーさん__
あー、あと`/`をタイトルに使いたい。

__―― あー、そうですよね。それ、影響範囲が、、、やる気だけですね。あとはがんばり[^sharp-slash]が(笑)__

[^sharp-slash]: 後日、閃きにより[ReleaseNotes/2018/04/25/記事タイトルに#を含めることが出来るようになり/も表示出来るようになりました - docs.esa.io](https://docs.esa.io/posts/263)


__:mzp: みずぴーさん__
中間カテゴリに記事があると、アクセスしづらいのが困るんですよね。カテゴリの整理中にできがちで、移動が大変で。

__―― カテゴリの直下と、さらに下のカテゴリにあるものが見た目的にわかりやすければいいんですかねえ、検討しますね。__

__:mzp: みずぴーさん__
あと、カテゴリREADMEが目立たない。

__―― 途中までそれ改善案作っています(笑)__

<img src="https://img.esa.io/uploads/production/attachments/3/2018/05/08/2/2c09a703-9115-4730-af3a-0cf87fd91f7c.png" alt="開発中のカテゴリREADME" style="width: 600px;" />


__:monoooki: 前田さん__
Misocaだと`Users`配下の自分のカテゴリ`README`に自己紹介を書いているので、便利そう。

__:kosappi_: 小坂さん__
あーいい。

__:mzp: みずぴーさん__
これいい。

__:oosawatech: 大沢さん__
いいですね、これ。

__―― :@taea: やる気が出ました。__

__:mzp: みずぴーさん__
でもこれ、どの範囲まで出すとか考えて胃が痛くなるやつですね。行数とか。

__―― :@ppworks: まさに、Pull Requestに何案か書いてあります(笑)__

## Misoca で働くと、たのしい

__―― 最後にアピールタイムを、Misocaさんで働くとこんないいことがあるよとかのメッセージをお願いします。__

__:oosawatech: 大沢さん__
豊吉さん、なんかあります?

__:toyoshi: 豊吉さん__
えぇ……、僕は今聞きに来てるだけなんで。働きたくない……。

__:oosawatech: 大沢さん__
えー。小坂さんいいことあった?

__:kosappi_: 小坂さん__
働きやすいですね。

__―― 日本全国どこのひとでも、応募していいんですか?__

__:oosawatech: 大沢さん__
たぶん、世界中(笑) 実際先日までアメリカにいましたけど、アメリカで働いていましたよ。

__:toyoshi: 豊吉さん__
コアタイムを守れる人であれば。

__:kosappi_: 小坂さん__
ロンドン在住だとコアタイムが深夜〜早朝になっちゃうので、難しいですね……。

__:toyoshi: 豊吉さん__
その時は制度を見直しましょうか。

__:oosawatech: 大沢さん__
こんな人と働きたいというのは採用サイトに載ってます。

- コードを書くのが好き
- メンテナンス性の高いコードが好き

などありまして

![recruit_求める人材.png (25.4 kB)](https://img.esa.io/uploads/production/attachments/3/2018/05/07/11/31b81bf6-926e-42a7-8605-99926e363fc0.png)
https://recruit.misoca.jp/engineer/

__:monoooki: 前田さん__
豊吉さんがリンカーンの逸話の斧研ぐやつ好きなんで、そんな性格の方も。

__―― 斧を研ぐのが好き、いいですね__

__:oosawatech: 大沢さん__
あと、Misocaのエンジニアは目的意識を持っている人が多いですね。

__―― そういう人が多いように思えますし、みな楽しそうです。__

__:monoooki: 前田さん__
衝撃だったのは、Zoomで繋いで仕事して、18時半になったら「もうオフィス切るんで〜」と名古屋から言われて、僕だけが最後残っていたというのがあって。マジで定時で帰るんだ!と

__:kosappi_: 小坂さん__
みんな、何の疑問もなく普通に帰りますね。

__:monoooki: 前田さん__
気づいたら松江オフィスも閉じてて、Zoomの画面に僕だけ映ってました。

あと、esaの内容が面白いです。豊吉さんの文章とか。肉の焼き方が妙に詳しく書いてあったり、お子さんがウォズニアックに抱っこされてる写真だったりとか。
公開されてる肉ネタだとこれかな。

> [低温調理器を電子工作なしで自作する(約5,000円) - toyoshiのはてなブログ](http://toyoshi.hatenablog.com/entry/2017/09/02/%E4%BD%8E%E6%B8%A9%E8%AA%BF%E7%90%86%E5%99%A8%E3%82%92%E9%9B%BB%E5%AD%90%E5%B7%A5%E4%BD%9C%E3%81%AA%E3%81%97%E3%81%A7%E8%87%AA%E4%BD%9C%E3%81%99%E3%82%8B%EF%BC%88%E7%B4%845%2C000%E5%86%86%EF%BC%89)
> 低温(定温)調理という調理法があり、私の観測範囲では主に肉をめちゃくちゃうまくレアやミディアムレアで食べるために使われている。

__:kosappi_: 小坂さん__
豊吉さんのREADMEにあたる記事名が「豊吉を手っ取り早く知る」ですしね。そこにも肉のことが書いてあるし、コーヒーのことも書いてあります。コーヒーも公開記事がありますね。

> [最近のコーヒー環境 2016 | toyoshiの日記](https://www.misoca.jp/toyoshi/819)

__:oosawatech: 大沢さん__
根がオタクだからな〜(笑)

__:toyoshi: 豊吉さん__
……。

__―― 入社しないと見ることができないコンテンツですね。今日はありがとうございました!一風変わったインタビューで、とても楽しかったです。__


![elevator-hall.jpg (171.2 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/27/11/c28dc769-6266-431a-afb7-ccf93b333913.jpg)

---

お読みいただきありがとうございました!

リモートで色んな人が途中から混ざって参加するインタビュー、初めての試みでしたがとても楽しかったです! 問題を技術でどんどん解決するハッカー気質の人が集まっているというのがとても魅力に感じました。

コアタイムが守れれば世界中どこからでも働けるというMisocaさん、気になる方はこちらもチェックしてみてください(\\( ⁰⊖⁰)/)

- [Misoca採用情報](https://recruit.misoca.jp/)
- [株式会社Misocaの会社情報 - Wantedly](https://www.wantedly.com/companies/misoca)

(編集: [@ppworks](https://twitter.com/ppworks),  [@ken_c_lo](https://twitter.com/ken_c_lo) 書き起こし: [@ppworks](https://twitter.com/ppworks) )

---

おまけ

![omake.jpg (196.9 kB)](https://img.esa.io/uploads/production/attachments/3/2018/03/29/11/c52bf6f9-dff9-4a62-a60d-cec8ec3ac182.jpg)

こんにちは (\( ⁰⊖⁰)/)

esaのユーザーさんに、esa社のワレワレが突撃してお話を聞きにいくという企画、 esaトークの第5回です!

今回は、株式会社Misoca さん(以下 Misocaさん)です。
Misocaさんには、2017年の1月に、esa meetup @ Misocaを開催して頂いたり、普段の業務の請求書にも利用させて頂いていたり、とてもお世話になっております。

Misocaさんの本社オフィスは名古屋にありますが、多くのスタッフがリモートワークで、自宅や松江にもオフィス等の遠隔地から働いています。
今回のインタビューは秋葉原にある弥生株式会社さんのオフィス(Misocaさんは弥生さんのグループ会社)でやらせていただいたのですが、各地から色んな人が飛び入りリモート参加するという、Misocaさんならではの面白いスタイルになりました。お楽しみください(\( ⁰⊖⁰)/)

entrance.jpg (154.8 kB)


  • 社名: 株式会社Misoca
  • esaメンバー数 : 29users
  • お話を伺った方:
    • :oosawatech: 大沢さん @oosawatech (写真左)
    • :kosappi_: エンジニア : 小坂さん @kosappi_ (写真中央)
    • :monoooki: フリーランス デザイナー : 前田さん @monoooki(写真右)
  • インタビュー実施 : 2018年3月26日
  • 聞き手:
    • :@taea: esa社デザイナー: 赤塚妙子 @ken_c_lo
    • :@ppworks: esa社エンジニア: 越川直人 @ppworks

年に一回の社員全員オフ会で「リアルでははじめまして」ということも

―― :@taea: 自己紹介からはじめましょう。赤塚と申します。esaでデザイナーをしております。よろしくお願いします。
―― :@ppworks: 越川と申します。同じくesaでエンジニアをしております、よろしくお願いします。

:oosawatech: 大沢さん
大沢 香織と申します。
肩書は無く、職種は何かと問われたら「おおさわ」といつも答えております……が、現実的に言うと「プロダクトマネージャー」的なものをやっておりまして、今あるプロダクトや、今後やっていくプロダクトの守り神をしています。

:kosappi_: 小坂さん
エンジニアをしております。小坂 龍一と申します。
去年の10月に入社して、そろそろ半年です。今日はよろしくお願いします。

:monoooki: 前田さん
フリーランスのデザイナーの前田 和彦と申します。
Misocaの社員ではないのですが、業務委託で1年ぐらい前からお世話になっております。

:oosawatech: 大沢さん
お、ここで弊社技術フェローの角谷さんから連絡がありまして、繋がりそうです。

kakutani-san.jpg (119.8 kB)

:oosawatech: 大沢さん
ガチの移動中(笑)。

:kosappi_: 小坂さん
「次の停車駅は〜」って後ろで鳴ってる……。

:kakutani: 角谷さん
気にしないでください(笑)。

:oosawatech: 大沢さん
あ、ひとり増えた。カニさんも見て来てくれましたね。

kani-san.jpg (153.4 kB)

:kanizmb: カニさん
こんにちは〜、2月にジョインしましたカニです。
Misoca初のフルタイムデザイナーとして大阪からリモートワークしています。

―― みなさんリモートからも様子を見に来てくださいまして、ありがとうございます。それでは、まず会社の紹介からお願いします。

:oosawatech: 大沢さん
株式会社Misocaは、「世の中を仕組みでシンプルに」というコンセプトでサービスを提供しています。

みそかメンバー集合写真

こちらの写真は去年の4月の写真ですね。今はこれより増えて22名です。
年に一度、社員全員オフ会というのがあって、これはオフ会の写真です。

―― オフ会の写真と言われると面白いですね(笑)。

:oosawatech: 大沢さん
ほんとに。「リアルでははじめまして」という方がいたりします。
この写真の時は、私と松江オフィス勤務の日高さんが「はじめまして」でした。

リモート勤務によって、世界観が広がった ソフトウェアエンジニア 日高克也 | Misocaメンバーインタビュー
現在は昨年11月に開設した松江オフィスで仕事をしています。

そういえば小坂さんも去年10月入社だから、次回のオフ会で「リアルでははじめまして」という方が多いかもね。

:kosappi_: 小坂さん
そうですね……、松江に増える方がそうかも。

:oosawatech: 大沢さん
そうそう。松江オフィスもついに2人になるんですよ。

今度松江オフィスに入るその方は、「技術の最先端を行くエンジニアが東京に集まって仕事をやるのは技術の敗北だ」みたいなこと言って、地元に帰った人ですね。

退職 - zatsu
もうすぐ2018年だってのに、技術の最先端を行く我々エンジニアが一箇所に集まってるとか技術の敗北じゃないですか

―― インターネット感をだすために、実家へ帰ったと

:monoooki: 前田さん
その記事がバズってて、読んでいたらMisocaって出てきてビックリしました(笑)

数字で見るMisoca(1)

:oosawatech: 大沢さん
職種の比率で言うと、圧倒的にエンジニアが多くなります。

―― 豊吉さん(代表取締役でエンジニア)はどちらへ入るのでしょう?

:oosawatech: 大沢さん
「エンジニア」ですね。松本さん(取締役でエンジニア)も「エンジニア」です。

数字で見るMisoca(2)
数字で見るMisocaより)

:oosawatech: 大沢さん
平均年齢が33歳で、子育て中の方が多いというのが特徴です。男女比では女性がまだ少ないですね。具体的にはいま3人です。

平均残業時間の42分は、よく1日の平均と間違えられがちなんですが、1ヶ月の平均です。

―― 1日2分ですね!

Misocaではリモートの人がオフィスを監視している

―― それでは、プロダクトのことをお聞かせください

:oosawatech: 大沢さん
オンラインで請求書を作れるサービスを提供しています。かつ、自動で郵送されるという仕組みも提供しています。
先進的な仕組みだけではなく、郵送という今までの仕組みも踏襲しているところがポイントです。
「取引のプラットフォームを実現する」ことを目指しているので、国内の様々な取引すべてをMisocaで行えるよう、日々開発を進めています。

―― esa社もMisocaをずっと使っています。
―― :@taea: 私がフリーランスの頃から使い続けていました。

:oosawatech: 大沢さん
かつて私も会社を経営していまして、Misocaを使っているヘビーユーザーでした。

―― 請求書って出すのを忘れがちでしたが、Misocaさんを使いはじめてから忘れなくなりました。月末に勝手に請求書を作ってくれるのがすごく便利で。

:oosawatech: 大沢さん
ありがとうございます(笑) 。
Misocaは今も成長している最中で、今までは「フリーランスの味方」といった感じでしたが、弥生にJOINしたことでより多くのお客様に広く使っていただけるようにと思っております。

―― では、普段の開発の様子などもお聞かせ願いますか。

:oosawatech: 大沢さん
プロダクトがユーザーに提供されるまでの流れは、

  1. ロードマップ会議
  2. プロジェクト立ち上げ
  3. スクラムプロセスでの開発

という感じになっています。

順番に説明すると、まず週に一度開催されるロードマップ会議という会議で3ヶ月先ぐらいまでのやることや優先順位について話します。この会議は経営陣が参加するのはもちろんですが、その他のメンバーも誰でも意見・提案できるオープンな場になっています。

ロードマップ会議で何か新しいことをやると決めたら、プロジェクトの立ち上げをします。立ち上げでは開発者だけでなく、ステークホルダー全員で集まってインセプションデッキという文書をesa上に作ります。

インセプションデッキができたら、あとはスクラムで開発をしていきます。

kosaka-san.jpg (1.1 MB)

:kosappi_: 小坂さん
角谷さんがアジャイルの指導というかメンテナンス的なことをやってくれてます。
1週間で1スプリントです。リリース後に事後検証を挟んでますね。
キーワードとしては、テスト駆動開発だとか、CI、CDといった自動化。

―― しっかりやっている感じですね

:kosappi_: 小坂さん
そうですね、僕も入って思いました。

ツール群はこんな感じですね。

dev-tool.jpg (124.3 kB)

:oosawatech: 大沢さん
会社組織をどうしたいかという点で開発プロセスが決まっていますね。

あれ、みずぴーがいる。あれ、別のミーティングに出てなかった?

mzp-san.jpg (181.5 kB)

:mzp: みずぴーさん
ミーティングが終わったので見てました。完全に話を楽しんで聞いてました(笑)

:oosawatech: 大沢さん
じゃあ、せっかくなので自己紹介を。

:mzp: みずぴーさん
おっ、いきなり振ってきますね……!
僕はこの中では一番職歴が長いエンジニアです。
esaが導入される前から働いていて、いまはiPhoneアプリなどを開発しています。基本的には名古屋で働いていますが、ミーティングや勉強会参加などで月2回くらい東京に来ています。

―― 面白いですね、これがリモートワークですか。

:oosawatech: 大沢さん
そうなんですよ〜〜。物理的な距離感があまりないんですよね。
東京(の弥生オフィス)は会議室の名前が近くの駅名になっていて、名古屋は木曽三川の名前になっています。

Zoomも同じようにバーチャルな部屋という位置付けにしていて、今このesaトーク中に繋いでいるのは、「天の川」と呼んでいます。

―― 天の川!バーチャル感ありますね。

:oosawatech: 大沢さん
でしょう。そのあともう一つ増えて、そちらは「ドブ川」と自然発生的に付けられ、Slackに絵文字も作られ、なぜか入り浸る人たちが生まれました。

―― ドブ……。

:kosappi_: 小坂さん
……。

:oosawatech: 大沢さん
(Zoomを操作しながら)これが名古屋オフィスのカメラですね。オフィスに2つある内の、全体が見える方のカメラです。

リモート組がオフィスを監視しているイメージ……みたいな事を、つい先日豊吉さんがブログに書いてました。

Misocaのリモートワークのやり方2018 | toyoshiの日記
image.png (289.4 kB)
またリモートからオフィスに誰がいるかわからないと困ることが多かったので、オフィスには部屋全体が映るカメラが設置されています。世の中にはリモートの人を監視するソリューションがあったりするそうですが、Misocaではリモートの人がオフィスを監視しています。

:oosawatech: 大沢さん
リモートワークですが、名古屋にいる人はオフィス出社、遠方の人はリモート、というわけではなくて、全員リモートでも出社でも良いんです。寒い時期は名古屋オフィスに人がいない事もありました。

:kosappi_: 小坂さん
あと、開発で取り組んでいることで、ペアプログラミングやモブプログラミングをやっていますが……。

:oosawatech: 大沢さん
これもリアルの場でやる時もありますが、オンラインでやることもあります。むしろ、オンラインの方が多いかも。

:kosappi_: 小坂さん
ツールとしてはSlackコールの画面共有を使っています。

:monoooki: 前田さん
あとは、Atom使っていたり、最近だとVS Codeでのエディタ共有を試しているのも見たことあります。 やっている風景は楽しそう。デザイナーだとちょっとやりたくないかな(笑)

esa 自警団がカテゴリを整理する

―― esaの導入のきっかけなどをお聞かせ願いますか。

:mzp: みずぴーさん
導入した時の経緯は、それこそesaに載っています。esa番どれだろ。

―― esa番。記事IDはesa番と呼ばれているんですね。

:mzp: みずぴーさん
おおっ、これは恥ずかしい。独自用語はできるだけ作らないようにしてるんですが……。
僕たちはRFCに沿って生きてるんですよ!

記憶を頼りに話すと、角谷さんが唐突にesaを使いはじめたんですよね。

:kakutani: 角谷さん
もともと別の情報共有サービスを使っていたんですが、スタンドファーム株式会社から株式会社Misocaに社名変更するタイミングで、前に使っていたサービスのサブドメインを変えたかったけど変えられなかったんですよね。

その隙にmisoca.esa.ioを取って、豊吉さん松本さんをオーナーにして、勝手に使いはじめて、片桐さんやみずぴーがAPIで記事を移行して、既成事実から導入を(笑)。

:mzp: みずぴーさん
esa番号8番のコメントにそのときの履歴が残っていますよ。


(事情により全面モザイクです)

:mzp: みずぴーさん
角谷さんがesaをまず使ってみようという提案をしてくれた記事です。

―― esaの導入からすぐに定着しましたか?

:mzp: みずぴーさん
移行のタイミングで「移行元のサービスにはこれ以降書かないでね」というのを決めて、そのあとは以前と同じようにesaに書いていった感じですね。

たぶん、書くという文化はもともと定着していたんじゃないかな。
以前の情報共有サービスから移行してすぐのときにはカテゴリがなかったので、以前のサービスからサルベージしてカテゴリを考えるというようなことをしていました。

第一階層案を考えて、これはカテゴリなのか、そもそもこれはなんなんだ(笑)とか。
コメントで「これは流行らなかったので消しました」とかあっていいですね。
Users派とHomes派が居たけど、Users派が勝ったとか。
FYI(For Your Information)カテゴリが消えたとかありましたよ、流行しなかったとか。

―― 角谷さんの判断が入っているんですねえ、要所要所に。

:mzp: みずぴーさん
この話にのってくれるのが角谷さんぐらいしか居なくて(笑) 2人でカテゴリをバッサバッサ消してましたね。

:oosawatech: 大沢さん
その辺はみずぴーが、esa自警団の記事を書いてましたね。

esaからその他カテゴリを撲滅した - Misoca開発者ブログ
esa自警団

―― esa警察の話を。

:oosawatech: 大沢さん
警察ではなく自警団なんですよ。

:mzp: みずぴーさん
法的拘束力を持ってはダメだということで自警団となりました。

カテゴリの第一階層は決まったんですが、その他が残っていたので。これRubyKaigiに向かう新幹線の中で、ひたすら整理していましたね。

:oosawatech: 大沢さん
この記事が2016年11月じゃないですか。その後の2017年1月に私が入社するんですけど、この「自警団」って話がすごくでてくるから「なんか怖い会社だな」って思って(笑)。
「自警団とか言ってる……」とか思って。

―― esa自警団はみずぴーさんと角谷さんのお2人なんですか?

:mzp: みずぴーさん
初代自警団はそうです。

:oosawatech: 大沢さん
ちょうど今、2代目自警団の奥村さんが聞いてくれてますね。

okumura-san.jpg (141.6 kB)
(左下が奥村さん)

:oosawatech: 大沢さん
2代目自警団の方は、「古い記事や現状に合わなくなった記事をアーカイブしていく」という作業をめちゃめちゃやってくれています。 あとアーカイブと言えば、Misocaでは日報が一ヶ月で自動的にアーカイブされます。

:mzp: みずぴーさん
31日です。

:oosawatech: 大沢さん
あ、31日か、31日でアーカイブされます。

:mzp: みずぴーさん
1ヶ月を31日ですと言い返したの、エンジニアぽさ〜と思いました(笑)。毎月違うからね(笑)。

:oosawatech: 大沢さん
最近それブログにしましたね。

古い日報が邪魔なのでbotに自動でおそうじさせてみた - Misoca開発者ブログ
Misocaでは日報も議事録も雑多なメモもすべてesa.ioに保存する文化があります。「何か疑問があればesaを探せ」というくらい根付いていますが、いざ検索してみると日報が大量にヒットしてしまい、目的の記事にすぐたどり着けないことが増えてきました。

自動esaアーカイブ機では、記事の作成日から設定した日数以上経過していたら、自動で記事のアーカイブを行います。

:oosawatech: 大沢さん
古い日報が邪魔なので、botにお掃除させたという記事ですね。これで日報が自動的にアーカイブされている状態になります。

この件で、深谷が御社にいくつか問い合わせしてますね。

APIでのArchive化の問い合わせ

深谷さんと深谷のやりとりの様子
(esa社深谷とMisoca深谷さんとのやりとりの様子)

:mzp: みずぴーさん
テンプレートのAPIをもうちょっと使いやすくできないですかね〜という話も。

テンプレート改修の要望

:mzp: みずぴーさん
そして、パワーアップされたと言う良い話です。


(こちらもesa社深谷からMisoca深谷さんへ連絡してました)

―― 「テンプレートからの記事作成で日付をずらして作成できるようにしてほしいです」というフィードバック、確かにありましたねえ。

:mzp: みずぴーさん
自動esaやり機もありますね。

自動esaやり機とクリーンアーキテクチャ - Misoca開発者ブログ
Misocaでのesaの使い方の一つに「枠だけ作ったポストに各自が書き足す」場合があります。
寄せ書きみたいですね。

既にあるポストに書き足すだけで良いのが理想的なので、決まった周期で自動的にポストを作れると便利そうです。
残念ながらesa.ioにはそういった機能はありませんが、esa APIを使えば外部からポストを作ることができます。

そういった経緯で作ったのが自動esaやり機(esa_feeder)です。

―― こちらは「APIで投稿テンプレートを元にした投稿を作りたい」という要望を頂きAPIを実装しました。

:mzp: みずぴーさん
これ、僕が良い名前を思いついて、あとは他の人がやってました(笑)。
「esaやり機」良い名前!って。

oosawa-san.jpg (91.0 kB)

:oosawatech: 大沢さん
自動esaやり機がまだないときは、その週に使うミーティング用の記事を私がテンプレートから作成して、書く場所を作っていました。Slackで/remindを設定して。
私がいるときはいいんですが、そうでないときは誰かが作ってくれたりしてまして。それが自動的になった感じです。

自動esaやり機はロードマップ会議のような、各プロジェクトの人が週次報告するような性質のものなどに活用されています。

:mzp: みずぴーさん
せっかく新しい物を作るということで、色々新しいことにトライしていて。
その辺の日記ですね、この記事は。

―― 導入時の話に戻るんですが、esaにしてから変わったことってありますか?

:mzp: みずぴーさん
いままでカテゴリに気を使う人がいなかったのが、2代目esa自警団が誕生する程度にはみんながカテゴリに気を使うようになって、私はとても嬉しいです。

あと、エンジニアではない奥村さんが「stockとflowを使い分けねばならんのだ」と言い出していて、めちゃくちゃ感動しています。

:monoooki: 前田さん
おれ使いこなせてないな〜、stockとflowは。

:mzp: みずぴーさん
いい概念だけど、難しいなあと思っていたら、みな徐々に使い始めていて感動しました。

flow の「プロジェクト」カテゴリと、stockの「プロダクト」カテゴリ

―― 以前、esa meetup @Misoca で話してくれた小久保さんのカテゴリの話が面白くて、現在のMisocaさんのカテゴリ構成についてお話聞きたいです。

diary/2017/01/24/esa meetup @ Misoca に行ってきました :hatched_chick: :hatched_chick: :hatched_chick: - docs.esa.io

  • カテゴリ名: 「プロダクト」
    • プロダクトの現在位置・将来・顧客等が確認できるようになっている
    • プロダクトは不変の情報なのでストック情報が入る
    • 新しいメンバーが入ってきたときに、ここを見れば自分が何を作るのかわかるような場所
  • カテゴリ名: 「プロジェクト」
    • プロジェクトには始まりと終わりがある
    • プロジェクトは期間で走るものなのでフロー情報が入る
    • そのプロジェクトがはじまる理由と終わりのゴールがわかる
    • 今動いていること、過去にやってきたことがわかる場所であることが理想
  • カテゴリ名: 「チーム」
    • 仕事のプロセス、チームとして大事にしていること、守るべき約束などの情報
    • 不変の情報なのでストック情報が入る(変わったら都度更新されていく)
    • 技術的なTIPSなどもここに

:mzp: みずぴーさん
概ねあのままですねえ。

esa_カテゴリの一覧.png (77.7 kB)

:oosawatech: 大沢さん
上から順にUsersという個人のカテゴリがあって、プロダクトとしてのMisocaプロジェクト日報になっています。プロジェクトは実際に動いているプロジェクトが入っています。

この下位階層が最近2代目esa自警団が作ったカテゴリで、

  • プロジェクト
    • 進行中
      • 2017
      • 2018
    • 完了
      • 2017
      • 2018

と分かれています。プロジェクトが終わってstock的に残しておきたい情報は、Misocaの方に移していく感じです。

―― プロジェクトの配下はflowってことですよねえ。

:mzp: みずぴーさん
これ、すごいですよねえ。最初に考えた人さすがだな〜と思っています。

:oosawatech: 大沢さん
続いて、株式会社MisocaでコーポレートとしてのMisocaです。

―― コーポレートではなく、社名にしているのがいいですよねえ。

:oosawatech: 大沢さん
その次は、議事録と続いて、障害・不具合対応となってます。あと、読み物がありますねえ。インターンが卒業するときの卒業文集

あとは、toyoshiが語るMisocaとはとか。

:oosawatech: 大沢さん
templatesはこんな感じです。

templatesは各ユーザーの配下にもあって、私の日報テンプレートはこんな感じです。

―― ミーティングの予定をGoogleカレンダーのキャプチャをそのまま貼るのいいですねえ。あと「今日の1曲」とかも面白い。

:oosawatech: 大沢さん
私は日報を自動esaやり機に登録しているので、朝Slackにこんな感じで通知が来て、これをクリックして日報を書き始めてます。

oosawa_slack.png (54.4 kB)

日常をハックする文化は、社長から

:oosawatech: 大沢さん
ところで、この右側にいる人誰だろ。
あれ、豊吉さん?

toyoshi-san.jpg (152.3 kB)

:toyoshi: 豊吉さん
こんにちは、お邪魔してます。

:oosawatech: 大沢さん
全然気づかなかった。なんか言えばいいのに。

―― せっかくなので、自己紹介をお願いしてもいいでしょうか?

:toyoshi: 豊吉さん
インタビューの様子を聞きに来ました。株式会社Misoca 代表取締役の豊吉と申します。esaは大変便利に使わせてもらってます。

esaの文化はみんなが作っている感じなので、僕は使わせてもらっている感じです。
僕がesaを使っていて便利に感じるのは、Misocaのカテゴリ分けの部分ですね。これがすごく気に入っていて、頭に優しいなと思うことが多いです。探すときに、この「プロジェクト」の……「進行中」の……と辿っていけていけるので。
個人的にブラウザのブックマークもMisocaのカテゴリ分けを参考にしてます。
esaは全体的に使い心地がいいので、サービスづくりとしてもすごく参考になります。

―― ありがとうございます、嬉しいです。やっぱMisocaさんの、カテゴリ構成がいいですねえ。

―― 豊吉さんも、esaをハックしていましたよねえ。みんなesaをハックして使っている文化が面白いなあと思います。

開発以外の仕事でやってるちょっとした自動化の紹介 - Qiita
Misocaでは全員が日報をesa.ioに書くのが決まりになっています。
これもesaを開いて、日報のテンプレートから新規作成して、今日やったことを思い出して、明日の予定を書くのはエネルギーを使います。そこで自分のGoogleカレンダーから今日と明日の予定を自動でとってきて日報の下書きを作ってくれるコマンドを作って使っています。

Misocaは今20人ぐらいが毎日日報を書いています。それらを全員分を読むには少し工夫が必要です。そこで、特定の日の日報をタブで自動的に開くのをコマンドにしています。

maesa-san.jpg (56.1 kB)

:monoooki: 前田さん
Misocaはハッカーが多いイメージがあるんですよね。社長からハッカーだし。
手に馴染んでいるおもちゃを、ナンカちょっといじってやるかーという感覚。

―― その使われ方、すごい好きですね。エンジニアの比率が多いのも影響してそうですね。問題解決をどうにかしたいという。

:monoooki: 前田さん
豊吉さんがその気が強いから、問題を見つけると分析して的確に急所を突くみたいな所があって、その繰り返しで生きているように見えます(笑)。

―― そういう人を選んでいるんですかね。

:toyoshi: 豊吉さん
……。

―― 聞こえているかな。

:oosawatech: 大沢さん
あ、これは話を聞くモードになってますね。
名指しで発言しないと質問されていると思わないので、聞いているんだと思います(笑)

―― おお、これが本格的なリモート(笑)

:mzp: みずぴーさん
そういう人を選んでいる意識はないんですけどねえ、なんでしょうね。
実際、esaをハックしている人は3〜4人はいるけど、全員が全員というわけではないですよ。

:monoooki: 前田さん
でもやっぱり気質はそういう人が多くて、そのなかで、esaのハックという方向に向いている人が数人いるというイメージがあります。

:mzp: みずぴーさん
小坂さんとかそういうのやります?

:kosappi_: 小坂さん
今はまだ手をつけてないですが、やっぱりみんな繰り返し作業とかを自動化したがる発想に行きがちで、それはいいなと思いますね。

―― Misocaさんってプロダクト自体がそういう、「世の中の自動化」というところに関心を持っていそうですね。

:kosappi_: 小坂さん
確かに。

―― プロダクトの目的と同じように、普段の仕事もそういう風に働いているように見えます。

「読み物」カテゴリの面白コンテンツたち

―― あとは、esaに面白コンテンツについて、聞きたいです。噂によると「Kakutani.fm」という、角谷さんが社内のゲストと対談した録音が共有されるというコンテンツがあるとかないとか……

:oosawatech: 大沢さん
これが、Kakutani.fmですねえ。

:mzp: みずぴーさん
タイトルがRebuild.fmぽい。

:oosawatech: 大沢さん
これ私がさっきランチ1で話していた、新幹線のC席が快適という話。



ep8: C is for Comfortable(oosawatechnica)

―― C言語の話じゃないんですね(笑)。

:oosawatech: 大沢さん
入社までの経緯とか話しましたねえ。
生でも聞けるんですけど、こんな感じで録音した内容が聞けるんです。

―― ほんとどれもRebuild.fmぽいですね

:monoooki: 前田さん
僕の回もあります。


―― :@taea: 我が家の噂されている(笑)。

esa への要望

―― 最後に、esaへの要望などを聞かせていただければ

:monoooki: 前田さん
個人的には思ってないんだけど、見出しがデカすぎるってみんな言ってます。h2ぐらいから始める人が多い。

:oosawatech: 大沢さん
わかる、h1が大きすぎる!

:monoooki: 前田さん
最近はesa内でメンバーアイコンが使えるようになったし、欲しかった機能や要望だいたい入っちゃった感じですねぇ。
あ、日報の移動でのj, k移動を早くして欲しい。

―― あー確かに、バンバンいろんな記事を見たい時は遅いかもですね。ちょっと違いますが、/postsj, kで記事移動ができて、Cmd + Enter で別窓で開くんですよ、まだ公式機能2じゃないんですが。

:kosappi_: 小坂さん
知らなかった、便利。あとは、日報全部開くのが欲しいですね。

:monoooki: 前田さん
その機能、豊吉さんがスクリプト作ってたよ。

:mzp: みずぴーさん
あー、あと/をタイトルに使いたい。

―― あー、そうですよね。それ、影響範囲が、、、やる気だけですね。あとはがんばり3が(笑)

:mzp: みずぴーさん
中間カテゴリに記事があると、アクセスしづらいのが困るんですよね。カテゴリの整理中にできがちで、移動が大変で。

―― カテゴリの直下と、さらに下のカテゴリにあるものが見た目的にわかりやすければいいんですかねえ、検討しますね。

:mzp: みずぴーさん
あと、カテゴリREADMEが目立たない。

―― 途中までそれ改善案作っています(笑)

開発中のカテゴリREADME

:monoooki: 前田さん
MisocaだとUsers配下の自分のカテゴリREADMEに自己紹介を書いているので、便利そう。

:kosappi_: 小坂さん
あーいい。

:mzp: みずぴーさん
これいい。

:oosawatech: 大沢さん
いいですね、これ。

―― :@taea: やる気が出ました。

:mzp: みずぴーさん
でもこれ、どの範囲まで出すとか考えて胃が痛くなるやつですね。行数とか。

―― :@ppworks: まさに、Pull Requestに何案か書いてあります(笑)

Misoca で働くと、たのしい

―― 最後にアピールタイムを、Misocaさんで働くとこんないいことがあるよとかのメッセージをお願いします。

:oosawatech: 大沢さん
豊吉さん、なんかあります?

:toyoshi: 豊吉さん
えぇ……、僕は今聞きに来てるだけなんで。働きたくない……。

:oosawatech: 大沢さん
えー。小坂さんいいことあった?

:kosappi_: 小坂さん
働きやすいですね。

―― 日本全国どこのひとでも、応募していいんですか?

:oosawatech: 大沢さん
たぶん、世界中(笑) 実際先日までアメリカにいましたけど、アメリカで働いていましたよ。

:toyoshi: 豊吉さん
コアタイムを守れる人であれば。

:kosappi_: 小坂さん
ロンドン在住だとコアタイムが深夜〜早朝になっちゃうので、難しいですね……。

:toyoshi: 豊吉さん
その時は制度を見直しましょうか。

:oosawatech: 大沢さん
こんな人と働きたいというのは採用サイトに載ってます。

  • コードを書くのが好き
  • メンテナンス性の高いコードが好き

などありまして

recruit_求める人材.png (25.4 kB)
https://recruit.misoca.jp/engineer/

:monoooki: 前田さん
豊吉さんがリンカーンの逸話の斧研ぐやつ好きなんで、そんな性格の方も。

―― 斧を研ぐのが好き、いいですね

:oosawatech: 大沢さん
あと、Misocaのエンジニアは目的意識を持っている人が多いですね。

―― そういう人が多いように思えますし、みな楽しそうです。

:monoooki: 前田さん
衝撃だったのは、Zoomで繋いで仕事して、18時半になったら「もうオフィス切るんで〜」と名古屋から言われて、僕だけが最後残っていたというのがあって。マジで定時で帰るんだ!と

:kosappi_: 小坂さん
みんな、何の疑問もなく普通に帰りますね。

:monoooki: 前田さん
気づいたら松江オフィスも閉じてて、Zoomの画面に僕だけ映ってました。

あと、esaの内容が面白いです。豊吉さんの文章とか。肉の焼き方が妙に詳しく書いてあったり、お子さんがウォズニアックに抱っこされてる写真だったりとか。
公開されてる肉ネタだとこれかな。

低温調理器を電子工作なしで自作する(約5,000円) - toyoshiのはてなブログ
低温(定温)調理という調理法があり、私の観測範囲では主に肉をめちゃくちゃうまくレアやミディアムレアで食べるために使われている。

:kosappi_: 小坂さん
豊吉さんのREADMEにあたる記事名が「豊吉を手っ取り早く知る」ですしね。そこにも肉のことが書いてあるし、コーヒーのことも書いてあります。コーヒーも公開記事がありますね。

最近のコーヒー環境 2016 | toyoshiの日記

:oosawatech: 大沢さん
根がオタクだからな〜(笑)

:toyoshi: 豊吉さん
……。

―― 入社しないと見ることができないコンテンツですね。今日はありがとうございました!一風変わったインタビューで、とても楽しかったです。

elevator-hall.jpg (171.2 kB)


お読みいただきありがとうございました!

リモートで色んな人が途中から混ざって参加するインタビュー、初めての試みでしたがとても楽しかったです! 問題を技術でどんどん解決するハッカー気質の人が集まっているというのがとても魅力に感じました。

コアタイムが守れれば世界中どこからでも働けるというMisocaさん、気になる方はこちらもチェックしてみてください(\( ⁰⊖⁰)/)

(編集: @ppworks, @ken_c_lo 書き起こし: @ppworks


おまけ

omake.jpg (196.9 kB)


  1. インタビュー前にみんなでステーキを食べました。 

  2. まだ公式ではないので、後日キーバインドが変わる可能性があります。 

  3. 後日、閃きによりReleaseNotes/2018/04/25/記事タイトルに#を含めることが出来るようになり/も表示出来るようになりました - docs.esa.io