esaトークの第4回がやってまいりました。ピクシブさん)にお話をお伺いしました。ピクシブさんは、esaがまだ法人化する前のクローズドβの頃から全社をあげてesaを使ってくださっていた、まさに最初期からのユーザーさんのうちの1社です。@ppworks実はフィンテック企業!?「創作活動がもっと楽しくなる場所を創る」という理念のもと、クリエイターのための様々なサービスを提供するピクシブ社。それでは自己紹介からはじめましょう。esaでデザイナーをしております、赤塚と申します。esaでエンジニアをしております、越川と申します。bashさん小芝と申します。技術マネジメント室長を務めています。技術マネジメント室は「メンバーみんなが最高の働きができる場所をテクノロジーも活用して創ること」をミッションとした新設した部署です。Engineering)でいらして、2月から執行役員になられたんですね。bashさん2月1日付で就任いたしました。Engineering業で、それを組織化したかたちです。jaggyさん僕はこれまではpixivの主にブラウザ版のほうのプロダクトマネジャーをやっていたのですが、2月からpixivやpixiv関連サービス全体を踏まえて横断的に追う数字や方向性を決める部署が出来まして、そこの総責任者のサポートをやらせてもらっています。Atomさんインターネットでは@FromAtomというIDでいろいろやってて、社内でもAtomと呼ばれていて、戸籍ネームのほうはあまり呼ばれないので、今日もAtomと呼んでもらえれば助かります(笑)。僕は「ふつう」のiOSエンジニアです。Sketchとか、Pawooとか、もう1個今新しいサービスをつくっているのですが、これから先投資していくためのいろいろなプロダクトをつくるチームのiOSエンジニアをやっています。LIVEという、お絵かきの様子をライブ配信できるサービスをはじめまして、スマホアプリでも見られるようにしてあるのですが、そのiOSアプリで見るところの開発とかをやっております。LIVE――ピクシブさんは言わずと知れた感じではありますが、どんな会社かというのを改めてご紹介いただければと思います。どのぐらい人数がいらっしゃるのですか?bashさん今ピクシブは150人を超えました。エンジニアとデザイナーが半数以上で、全力でサービスをつくっている会社です。会社のコーポレートサイトにも載っているのですが、「創作活動がもっと楽しくなる場所を創る」という経営理念のもとで、様々な活動をおこなっている会社です。作っているプロダクトがいっぱいありますよね。bashさん結構いっぱいあります。ONEという、1時間でイラストレーターさんにリアルタイムで描いてもらって、それを生実況するというインターネット番組もやっています。PAYという、決済サービスもあります。弊社はフィンテック企業なので(笑)。PAYjaggyさん初めて知った(笑)。PAYは同人イベントのお金のやりとりを積極的にサポートするものですよね。確かに、フィンテック。bashさんしかもリアルイベント、というか手売りイベントに特化したフィンテックです。ImageFluxというBtoBの事業も手掛けております。――クリエイター周辺にある面白い領域をたくさん手がけてらっしゃるんですね。bashさんフォーマルな言い方の説明をしますと、インターネット事業は、クリエイター向けのプラットフォームとコンテンツ中心のプラットフォームの2つに大きく分けて、それぞれ担当役員がついて、強力に事業開発をおこなっております。ここの2つにとらわれない、新しい技術的な取り組みやチャレンジを、先ほどのAtomの「新技術プロジェクト」で推進しています。会社説明っぽくなった(笑)。LIVEでお絵かきが捗る。Atomさん「絵チャ」というサービスというか文化が昔からあったんですよね。そこからプロになった方もいたりして。絵チャ、絵を描くチャットという意味ですか?jaggyさん「お絵かきチャット」の略ですね。みんなが1つのキャンバスにわーっと絵を描いていくんです。それにテキストチャットがついていて。「しぃチャット」とかがあって、2000年初頭のインターネット時代に流行ってました。最近のモダンなスマホ世代のための絵チャ決定版みたいなものはあまり出てきていなかったんです。古いのでもみんな楽しんでいた、みたいな感じなんですかね?Atomさんそうですね。みんなで絵を描く楽しさは、不変なものだとおもうので。エポックメイキングといえる進化をしていなかったので、それを新しくしたいという思いがありました。加えて、「さぎょいぷ」という文化がありまして。SkypeやDiscordで通話しながら作業をするもので、お互いに自分の作業をしながらちょっと話をしたり、「起きてる?」とか言いながら作業することで進捗が出るという文化があって。LIVEが作られました。1つの部屋で4人まで同時配信することができて、絵チャのように1つの画面に描くわけじゃなくて、各々が持っているソフトを配信したり、WebGLを使ったブラウザで動くドローの機能もあるのでそこで描いたり、Webカメラでアナログなイラストを配信することもできます。一緒に各々の作業をしながら、他の人のも見れて、ボイスチャットも入っているので話をしたりもできます。最初にWeb版ができて、今年の頭にpixivのスマホアプリでも見れるようにもなりました。Atomさんあと、プロのイラストレーターさんや漫画家さんも配信してくれているので、絵を勉強してる人がそれを見ながら、「レイヤーのオーバーレイってこうやって使うんだ」とか、テキストではわかりにくいものを学べる場にもなってきていると思います。ONEというイベントを開催していて、ありがたいことに好評だったので今後もそういったイベントを継続開催したい機運もありつつ、いろいろと新機能開発も進めているので、今熱いプロジェクトかなという感じです。bashさんブラウザだけで配信自体を完結できるのもポイントですね。いった作業をいちいちやる必要があって、解説ブログもいっぱいあるぐらい大変なんです。LIVEでは、ブラウザ上で全部完結できます。「位置情報を許可しますか?」みたいなのがブラウザのアラートでよく出るじゃないですか。あれと同じ感じで、「マイクを許可しますか?」「はい」みたいなことをやっていけば、それだけで配信ができるようになっているので、大変お手軽というのが特徴です。Atomさんお絵かき以外にも創作活動に関するものならいろいろなものが配信できます。リアルタイムで小説を執筆している方もいました。こんな感じで(下記スクリーンショット参照)何名かで作業する場合には、画面が分かれて表示される仕組みです。孤独な作業が孤独じゃなくなりますね。bashさん仕事が捗らないからみんなに配信すると捗った、みたいな話はよくありますね。飲み会で出るパッションあふれるアイデア、でも次の朝には忘れてしまう。なんとかしてこれを残せないかと思っていた頃、黎明期のesaと出会う。――それでは、esaの話にいきたいと思います。ピクシブさんはesaが会社になる前の本当に初期の頃から使ってくださっていたんですよね。bashさん懐かしいですね。ピクシブオフィスでやった時だったと思います。そのときに、esaのお話か何かをちょっとうかがったのか、絵馬を書いてもらったのか。2014年7月、esaがまだ法人ではなく趣味プロダクトだった頃、NUBoardで知られる欧文印刷さんのご協力と、ピクシブさんの会場提供によりp4dハッカソンが開催されました。ちなみに、esa自体もそれ以前に行われたp4dの開発合宿がきっかけで誕生しました。)――ああ、そうでした!そうですね、絵馬も書きましたね。ピクシブオフィスで行われたハッカソンの様子その時みんなで書いた絵馬bashさんそこで、いわゆるwiki的なドキュメント系のサービスをやっているんだというお話を伺いました。そのときに僕が思っていたのが、飲み会とか飯のときに話し合った話がそこで盛り上がって次に続かなかったり、参加してないメンバーに伝わらない事がよく起こっているということでした。会社の人数が4、50名規模から70名くらいに、中途メンバーもたくさん入ったような時期でもあり、これまでは気軽に発言して気軽にアクションしていたサイクルがちょっとうまくいかなくなってきて、そこで気軽に書きつける場所が欲しいなと。チャットは流れるし端的すぎるし、じゃあ提案書書けって重いし...みたいなことを当時は思っていまして。僕自身、wikiというツールをわりとうまく使えないほうの人なので、もうちょっとストック的じゃないものがいいなという気持ちはありました。Wikiとか、あと、社内版Gistみたいなのはありました。普通のWikiだと、きっちり書かなきゃいけないみたいなのはありますよね。bashさんWikiだと情報が陳腐化しちゃったときにどうするかが上手くできない経験が自分自身多くて...。そこでesaというツールを知って、当時はまだプライベートβだったんですよね。世間にまだサービスを公開していなくて、お問い合わせベースで知り合いの人にだけ少しずつ公開している状態でした。当時は利用規約とかもなくて、そもそも法人でもなくて、まだ趣味でつくっていた頃だったので。本当にありがとうございます。bashさんあと、そういう系のツールを調べてもあまりなかったんですよね。気になったのですが、飲み会でそういう仕事のアイデアや意見がたくさん出てくるんですか?bashさん出てきますね。荒唐無稽なものから、シリアスなものまで、バーン!と出てくる、みたいなのはよくある。――それが出てくるのっていい会社だなという感じがしますね。飲み会とかでみんなが熱く会社やサービスの話をするというのは。jaggyさんそれで次の日に忘れちゃって(笑)。――いい話をしたという記憶だけが残っている(笑)。bashさんかといって、飲み会の議事録を残すというわけにもいかず(笑)。いわゆる熱意的なものとかパッションが残らない。これを残したいと思った。そこで、以前どこかにも書きましたが、ビジネス的に正しい文書が欲しいわけではないし、かといって、チャットで急にやりたいと言われても困るよ...と、その中間の何かが欲しいと思っていました。あとは、ポエム駆動開発の話にすごくしびれて。そのあたりがひらめきになった感じです。bashさんのスライドよりbashさんのスライドよりbashさんピクシブのesaの導入はそういう感じでした。esa以前の情報共有で、一番ポピュラーなのは「対面で話す」ことでした。チャットツールのIdobataが入ったのは、esaの前後くらいで、その前はIRCでした。今もチャットはIdobataを使っているのですか?bashさん今はSlackになりましたね。会社規模が大きくなったことと、それにともなってよりいろいろな職種のメンバーが参加したりという面や、色々な機能のインテグレーションが揃っているという理由から移行しました。――esa社もIdobataが好きで、初期はずっとIdobataでした。今はメインの居場所はSlackに移行してしまいましたが、まだあっちにしかいないbotがいたり(笑)。bashさんツールとして大好きで、作り手の顔も知ってて、すごく安心できる人たちがつくっているというのがいいなと。会社の人数が増えるタイミングで、全体会議で発言するのにも躊躇が。思いや意見を共有できる場所を求めて、esaはいつの間にか社内に浸透した。――さてesaを導入してから、どんな感じで社内に根付かせていったのでしょうか?bashさん記憶をたどると、当初ゲリラ的にスモールスタートすればいいかなと思っていたんですが、それを当時の役員に相談したところ、「いや、大々的にやれ」っていう檄をもらって、じゃあみんなにポエム書こうって話しますみたいなことで始めました。最初はもちろんおそるおそるで、初期の書き込みは僕ばっかりだったんですが、そんな中当時の若手が「ポエムってなんじゃ」というのをポエんでくれて。発端となったポエム(bashさんのスライドより)上記へのbashさんのアンサーポエム(bashさんのスライドより)――bashさんのスライドの中のスクショでよく出てくるあのポエムですね。bashさんはい、あのポエムがしたためられたという記憶をしています。していくうちに、なんやかんやで、いろいろな人たちが書くようになりました。書くようになってくると、「いつの間にか書いてた」とか、「マークダウンとかわからなくても別に書けますよ」みたいなノリになってきて。――そのesa普及までの流れが、他の会社さんではなかなかそうはいかない気がするのです。熱い話をする文化があったからこそ...なんですかね?bashさん全然再現できる気しないですね。他の会社でもうちでも、例えば新しいツールを使おうっていう話になった時に、よっぽど便利とか、すごいとかじゃなければ、基本的には難しいですね。チーム、部署単位だったらきっとできると思うんですが、特に百何十人とかってなると、相当な強制力を持ってマイグレーションしないと。――esaの時は、そういうのなかったんですか?bashさん気付かなかったです。いうのは、多分、何かからの移行ではなかったからというのがあるかもしれない。jaggyさんちょうど発信する場所がなくなったというようなタイミングだったんです。bashさん全体の会議でも、70人を前にして何かを言うのはだいぶ躊躇が出てきて。――70人を前に、相当ハートが強くないと自分の意見言えないですよね。会社のフェーズがちょうどいいタイミングだったということですかね。いろいろな条件が重なって、幸運にもesaが普及する条件が整っていた。jaggyさん初期の頃は、「○○したい」とか「○○ってどうなの」みたいなタイトルのポエムが多かったような印象があります。言えないけどまとめておきたいこと、みたいなのが中心に広がっていったようなイメージがありますね。オフィシャルなルールとして書くには抵抗あるけども、「こんな感じでやっています」ということが書きつけられる場所になっていました。出しどころがなかったところの受け口を用意した、みたいな形になった感じですね。Atomさんあと小さなグループに向けたまとめを書くのにすごい便利、というのがありますね。伝えたい人間が例えば5人〜10人とか、例えばiOSエンジニアだけに「こういうルールにしますね」と伝えたいものを書くような時にすごく便利で。Docsに書いてしまうと、対象の人以外は基本的に見ることがないんです。esaに書いた場合は一覧に出てくるのでちょっと気になるし、「なんかすごいスターついているな」と見てもらえたりします。まとめられて、伝えたい人にはしっかり伝わりつつ、他の人にも見てもらえるかもしれない...というバランスがいいですね。――Slackのインテグレーションとかも使われていますか?bashさん使っています。――そこから気付くこともやっぱりある?bashさんSlackのesaの部屋は見ている人がすごく多いんじゃないですかね、3分の2ぐらいのメンバーが見てると思います。Atomさんesa部屋ではyakitoriも動いてます。これがyakitori-botのアイコンで、いらすとやさんの「燃え上がる青い鳥のイラスト」使ってます(笑)。yakitoriがなかったときも、盛り上がっているところだとコメントがいっぱいつくので、「お、なんか面白そうな話しとるな」と。「yakitori」とはFromAtomさんが作ったesaの盛り上がっている記事がわかるアプリケーションです。後半でまた詳しく紹介されます。)yakitoriのSlack通知(Atomさんのエントリより)――ホットな記事を知らせる機能がesa本体で弱いので、今後頑張っていきたいですね。bashさん逆にそういう集め方をしないからそっと書けるみたいなのもあるかも。――そこはさじ加減が難しいですよね。組織の大きさとかによっても変わってきてしまいそう。全体が見えすぎて、パブリック感、みんなが見るところという感じが強くなってしまうと、それこそ今おっしゃっていたみたいに、恥ずかしくて書けなくなるとかが起こってしまいそうな気もします。bashさんesaの投稿は、Slackのesa通知用のチャンネルのところに流しているだけというのも特色かもしれません。インテグレーションルールは非常にシンプルなもので、会社全体のesaの通知が、esa用のチャンネルに全部流れると...それだけなんですね。――部屋をいっぱい分けたりはせず?bashさん全然してないですね、そういえば。Atomさんesaの通知が流れるだけのchannelが1つあるだけですね。――ピクシブさんのesaの使い方としては、ポエム、個人がもやもや思っていることなどを中心に書いていたと思うのですが、他に日報とかは使われていますか?bashさん一部の人たちが日報としても使いはじめてるんです。Atomさん僕が一人勝手にやってる(笑)。他の人乗ってこないので寂しいんですよ。他の人は勤怠システム1の方で日報を書いてるので、わざわざこちらでは書かないぽいです。半年に1回評価面談みたいなのがあるじゃないですか。あのときに、ここ半年でやったことを忘れてるんですけど、日報からその期間やったことを全部出してみると、「これ1年前だと思ってたけど3カ月前やん」というのが出てきて、それをコピペしていけば、やったことリストが出来て便利です。esaはその検索がしやすいのが便利で。――これもっとアピールできる、とか見つかりますよね。これ言えるじゃん、みたいなのが。Atomさん大体忘れるんですよね。bashさんesaにAtom以外のメンバーがたくさん日報を書きだしたら、おそらく日報esaを分けるか、ツールを分けるだろうな。チームを分けられるので、もしよかったら使ってください。Sketch」が誕生。Sketchについてお伺いしてもいいでしょうか。esaに書かれたポエムから生まれたプロダクトだったんですよね。Atomさん立ち上げは私が入る以前だったので、詳しい経緯はわからないのですが。あったお絵かきチャットサービスがセキュリティ的に問題になり、閉じざるを得ない状況になってしまい。一方で、ユーザーさんから愛用されてるってことを理解している社員が「これはすごい大事なサービスだから絶対に残さなきゃいけない!」という激エモなesaを投げつけてくれて。それで、残さなきゃねという話になったんです。そのまま残すのはやはり技術面と安全面でどうしても難しくて。Sketchの初期構想が出来上がったと聞いています。bashさんイングリッシュネイティブなメンバーの書いた思いが。――英語で書かれたesa記事だったんですね。日本語訳も添えてありますね。Sketchについての具体的アイディアが形になりはじめます。bashさん多分、当時色々話し合った結果をこうやってまとめはじめたんですね。jaggyさん確かesaにこの記事が上がって、社内で盛り上がったのがその夜ぐらいの話だったんです。そのままそのデザイナー付近の席に何人かがわっと行って、あれやこれや話しながら、サービスの原型をつくるところまで話した記憶があります。Sketchの原型の方が先かも。その後pixivチャット残念だよという記事が出たのかな。...というのが、Subversionよろしく、記事番号で数字で並んでいるとわかりやすくていい(笑)。リリースの手順や告知文とかをesaで書かれているという記事は他で読んだことがあります。bashさんそうですね。Docsを使うことが多いかな。一人でパッと書けるようなものだとesaを使ったりもします。Docsのほうがやはり便利ですかね。bashさん共同編集とか。Docsの方がやりやすいですね。