最終更新: 2018-12-14 11:12
TAEKO AKATSUKA
Ship It!
Updated by taea 2018-12-14 11:12:24 +0900

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

esaのユーザーさんに、esa社のワレワレが突撃してお話聞きにいくという企画、 esaトークの第6回がやってまいりました。

今回は東京から遠征しまして、島根県は出雲市の島根情報処理センター様にお話をおうかがいしてきました。
いろんなesa関連のBOTなどを和気あいあいと楽しみながら作り、柔軟に業務改善をしていく様子をお聞きしました。
また、出雲や松江の魅力、観光情報などもお聞きすることができました!

image (3).png (1.2 MB)


  • 社名: 株式会社 島根情報処理センター
  • esaメンバー数 : 17 users (2018/11/19 現在)
  • お話を伺った方(写真左から):
    • :tsuchie: 土江 勇樹さん(開発ソリューション部・開発課・主任)
    • :otani: 大谷 明日香さん(開発ソリューション部・開発課・エンジニア)
    • :yata: 矢田 文香さん(開発ソリューション部・開発課・エンジニア)
    • :ishida: 石田 龍司さん(開発ソリューション部・開発課・課長)
  • インタビュー実施 : 2018年10月31日
  • 聞き手:
    • :@taea: esa社デザイナー: 赤塚 妙子 @ken_c_lo
    • :@ppworks: esa社エンジニア: 越川 直人 @ppworks

創業47年!島根県内で2番目の老舗IT企業。
開発部門は、Rubyのお膝元でRubyを使った開発に注力。

:@taea: 赤塚
── 早速、自己紹介からはじめましょう。私から、esa社の赤塚と申します。esa社のデザイナーをやっております。よろしくお願いします。

:@ppworks: 越川
── 私が、esa社の越川と申します。エンジニアをやっております。よろしくお願いします。

:@taea: 赤塚
── 今回私達は、松江で開催のRubyWorld Conferenceに参加するために島根におじゃましています。
実は今年の仙台のRubyKaigiのときに、石田さん以外のお3方に初めてお会いしてお話しさせていただいて、もっとお話が聞きたいと思いまして、そのときに「今年も島根に行くのでその時はesaトークの取材をさせてください!」とオファーさせてもらったのがきっかけになります。
今回、ご快諾していただき、ありがとうございました!
では、お一人ずつ、自己紹介をお願いいたします。

:ishida: 石田さん
では、私から。島根情報処理センターの石田と申します。よろしくお願いします。
今は課長を努めています。主に、エンジニアのマネジャーや、取引先との調整が中心です。
たまに調整上やむなくなのですが、プログラミングをする機会もあったりします(笑)。
しょうがないのですが。そのときが一番楽しい時間かなと…「しょうがないなあ、やるか」みたいな感じで。

:otani: 大谷さん
島根情報処理センターの開発課の大谷明日香と申します。よろしくお願いします。
普段は、土江さんや矢田さんのプロジェクトで、体のいいエンジニアをやっています。
面倒なことを投げられて、「面倒だなあ」と言いながらコード書いてます。

:tsuchie: 土江さん
めっちゃ助かってるよ(笑)。

:ishida: 石田さん
助かってる(笑)。

:otani: 大谷さん
お酒飲んだときしかそれ言わないですよね(笑)。

:ishida: 石田さん
彼女は本当にコーディングスピードが速いんですよ。

:otani: 大谷さん
いえいえ。まあ、バグもいっぱいある(笑)。そんな感じです。

:@ppworks: 越川
──コードたくさん書いたらバグもたくさん出ますからね(笑)。

P1010100.JPG (3.2 MB)

:tsuchie: 土江さん
島根情報処理センターの土江と申します。
僕も、開発課で主任をしています。今年主任になったばかりで、特に主任っぽいことはあまりしていない(笑)。

:ishida: 石田さん
やってるよ!(笑)

:tsuchie: 土江さん
今頑張っています。
仕事の内容としては、プロジェクトのリーダーや管理、上流工程の設計、もちろん開発もしたり、もちろん雑用もしています。なんでも屋という感じです。先週までは、プロジェクトで仕様書を書くことが多かったので、Excelとお友達状態だったのですが(笑)。
今週から、Rubyを書いているので、今めっちゃテンションが上がっています!楽しいです。よろしくお願いします。

:yata: 矢田さん
島根情報処理センターの矢田文香と申します。
やっている業務は、プロジェクトのリーダー的なところで、スケジュールの調整とかをしています。
あと、設計書を今書いていて、今は、私がエクセルとお友達です(笑)。

:otani: 大谷さん
レビューもしていますよね?

:yata: 矢田さん
仕様レビューもしています。
今じゃないときは、コードを書いたりもしていて、今、Rubyに早く会いたいなという気持ちです。

:@taea: 赤塚
──コードを書く時と、なかなか書けない時がある感じですか?

:yata: 矢田さん
そうですね、プロジェクトによって。

:tsuchie: 土江さん
工程とかプロジェクトのフェーズとかの違いによっても、書く時期と書かない時期があったりします。

P1010099.JPG (3.2 MB)

:@taea: 赤塚
── 皆さん同じチームですか?

:yata: 矢田さん
同じ開発課ではあります。プロジェクトや、やっていることは違ったりします。

:@taea: 赤塚
── それでは次に、島根情報処理センターさまが、どんな会社なのかを教えてください。

:ishida: 石田さん
私たちの会社は、一般的にいうと、システムインテグレーターと呼ばれる企業で、お客さまからの要求をまとめ、開発・運用・保守業務を中心に受託しておこなっております。
今年でなんと47年目。IT企業の中では、たぶん、老舗になるのではないかなと。

:@ppworks: 越川
── 47年!何年に創業しているんですか?

:ishida: 石田さん
昭和47年1です。実は島根県内ではIT企業で2番目の老舗です。

:otani: 大谷さん
昭和44年に計算センターをやっていて、その後、47年に、今の形になったみたいなことを聞いた気がする。

:ishida: 石田さん
弊社の取引先は、主に官公庁であったり、自治体様で、最近では民間企業様も、多く取引をさせていただいております。
官公庁様や自治体様とのお取引は、昭和47年の創業当時から今まで続いてます。

:@taea: 赤塚
──具体的にどのような業務内容なんでしょうか?

:ishida: 石田さん
例えば、自治体様につきましては、基幹業務を一手にシステムの運用保守をおこなっております。
例えば、住民票や国保資格などの市民業務や、住民税、国保賦課、収納などの税業務。また、医療系や介護等の福祉業務です。

:@ppworks: 越川
──そうした基幹業務システムもRubyなんですか?

:ishida: 石田さん
いえ!違います(笑)。使いたいのですが。

:@ppworks: 越川
──性質上、全てというのは、なかなか難しそうですもんね。

:ishida: 石田さん
そうですね。けっこう大きいシステムになりますので、なかなか。

:@taea: 赤塚
── 電子化以前にまだ紙の文化がだいぶ残っていそうな部分ですよね。

:ishida: 石田さん
そうですね。まだやはり紙での運用が多いと思います。
電子化をしたいというご要望もいただくのですが、なかなか一筋縄ではいかないのが現状です。

:otani: 大谷さん
印刷物の納品もしてますしね。

:@taea: 赤塚
── 印刷物?!

:ishida: 石田さん
そうです。通知書や納付書など、何万人〜十数万人分の、市民の皆様方に配られる印刷物を弊社の中で印刷しています。

:@taea: 赤塚
── では電子的なものにこだわらず、全体の業務フローそのものの仕組みを改善していくような感じのお仕事でしょうか。

:ishida: 石田さん
はい、全体のシステムとしての運用保守をさせていただいています。

:@taea: 赤塚
── 全社どのくらいの人数がいらっしゃるんでしょうか?

:ishida: 石田さん
現在は、役員を除き63名です。
大きく分けて三つの部門がありまして、公共部門というのが先ほどの官公庁さまや自治体さま向けの部門で、
あと、開発部門。これが私達の部署です。どちらかというと民間企業さまを対象にさせていただいています。
それと、もう一つ、研究部門というのがありまして、そこは、今流行りのAIやIoTのような、将来に発展するであろう技術開発をおこなっております。

:@taea: 赤塚
── 先ほども少し触れたのですが、利用している言語やフレームワーク等の開発環境について教えてください。

:ishida: 石田さん
これも部門によっていろいろ変わっています。
例えば、研究部門はやはり、Pythonの利用が多いです。
私たち開発部門は、Ruby on Railsを主力言語と考え、みんなに学習してもらっています。
Ruby Programmer Silver version 2.1という資格があるのですが、それも90%以上の合格率です。
まず、開発部門としてはRubyをプログラムの共通言語として扱い、プログラミングに対する技術的なものは、Rubyを通して、みんなに情報共有をしてもらおうという感じになっています。
ただ、受託が中心ですので、最近はなかなかRuby一本だけというわけにもいかなくて、C#であったり、Swiftなどを使うことも多いです。

:@taea: 赤塚
── Rubyに力をいれはじめたのは、どのくらい以前からなんでしょうか?

:ishida: 石田さん
開発部門が出来たのが7年前くらいで、そのタイミングで何か新しい言語をしようということで、今、Rubyのお膝元島根というところで、当時はいろいろ優遇も受けて、ずっと7年間、Ruby on Railsを中心に業務をおこなっています。

P1010055.JPG (3.3 MB)

:@taea: 赤塚
── やはりRubyを触るのが、一番好きですか?

:ishida: 石田さん
僕は大好きです。

:tsuchie: 土江さん
Excelは……。

:yata: 矢田さん
よりは(笑)。

:tsuchie: 土江さん
久々に触ると、「あっ、めっちゃ楽しい」みたいになります。「おおお!」って。

:otani: 大谷さん
Rubyを主力にしてきた弊害で、他の言語をあまり知らないという(笑)。

:ishida: 石田さん
時間というのは有限なので、広く浅く覚えるのか、一つの言語を集中させるのか、二つの選択肢があります。その中で、他の企業さま以上の強みを持ちたいなということで、Rubyに集中するという方針でした。

:@ppworks: 越川
──島根だったらやっぱりRuby使いたいですよね。

esaを選んだ理由は、鳥が好き!かわいいは正義!
「とりあえず書く」というコンセプトも決め手に。

:@taea: 赤塚
── esaの話に移りたいと思うのですが、esaって、最初は何でご存じになりましたか?

:otani: 大谷さん
(矢田さんの方を指して)あそこに、鳥が好きな人がいまして。

P1010085.JPG (3.5 MB)

:yata: 矢田さん
何で知ったのか詳しくは思い出せないのですが、最初は LodgeというOSSのMarkdownで書ける情報共有サービスを使ってまして、どこかでコンテナを立てて社内でメンテナンスをやっていました。その運用コストが高いから外部サービスを使いたいねというのがきっかけでした。たまに原因不明で落ちちゃって、急に半日くらいその復旧に時間を取られてしまったり…。

:tsuchie: 土江さん
データ飛んだことありましたよね(笑)。

:yata: 矢田さん
Lodgeそれ自体の問題というよりも、その周辺での運用の問題があり…それで、検討した結果、かわいいやつに決めたというところです(笑)。

:ishida: 石田さん
かわいいは正義です(笑)。

:yata: 矢田さん
そうですね(笑)。鳥好きの人に決定権を与えたというところもありますので。

:@taea: 赤塚
── 矢田さんが先導して情報共有ツールまわりを決められた感じなのですか?

:yata: 矢田さん
先導というか、「かわいいからこれがいい」と一番強く主張した人は私です(笑)。

:ishida: 石田さん
かわいいなら仕方がないかなと(笑)。

:yata: 矢田さん
誰も反論がないから、「かわいいからこれにしますよ」と。
特に強い反対意見が、確か、私の中ではなかったことになっている(笑)。

:otani: 大谷さん
一応出しましたよ?

:yata: 矢田さん
ちょっと、私の中ではなかったかなーと(笑)。

:otani: 大谷さん
思い出して。Scrapboxのことを思い出して(笑)。

:@taea: 赤塚
── Scrapboxも人気ですよね。

:ishida: 石田さん
それと、esaの「とりあえず書こう」というコンセプトが良いと思いました。
やはり、以前Lodgeを使っていた時もなかなか書かれないという課題を感じており、こういったツールは用意しても使われなければなんの意味もないので、まず書きやすいサービスという方針・コンセプトが、弊社の問題と合っているなと思い承認しました。

:@taea: 赤塚
── 実際、esaに変えたことで、以前よりも書かれるようになりましたか?

:yata: 矢田さん
前より記事の量は増えていると思います。

:ishida: 石田さん
以前は、本当に技術的な情報… 例えば、インストール手順であったり、プログラミングのライブラリの使い方だったり、新しいツールの紹介とかが中心でした。最近の使われ方はもっと広がっていて、例えば、議事録など、もっと大きく、みんなを巻き込んで使う仕組みをちゃんと用意して、使ってもらえるようになってきています。

:@ppworks: 越川
── 議事録だったら、それこそ、会議をやれば生まれるものですから、それをきっかけにしてみんなが使う仕組みを整えていくのは、確かにいいですよね。

:ishida: 石田さん
そうやって書く敷居を下げていくということが大事かなと。

「弊社のesa警察はちょっと強引なので、自警団じゃなくて警察です。」
esa警察の定義はドキュメントに明記。

:@taea: 赤塚
── esaに書かれている内容は、さきほどお話に出た議事録などの他には、どんな種類のものが書かれていますか?日報には使われていますか?

:otani: 大谷さん
日報、私だけ書いています(笑)。

:@taea: 赤塚
── それ、たまに聞くパターンですね。社内で1人だけ日報書いてるっていうの。
以前ピクシブさんを取材させていただいたとき、Atomさんが1人で日報を書かれている という話がありました。

:otani: 大谷さん
最初1人で日報書いてたらだんだんじわじわ広がっていった…みたいなうわさを聞くから、広がらないかなあとは思っているのですが。

:yata: 矢田さん
うちの場合、『ワンダーランド』に全部突っ込みますから。
ワンダーランドという、なんでもありのカテゴリがあるので(笑)。困るものは全部そこです。

:@taea: 赤塚
── ワンダーランド!(笑) いい名前だ…。

:ishida: 石田さん
誰が命名したんだろう(笑)。

:otani: 大谷さん
矢田さんと私が、議論の果てに、「いいや、ワンダーランドで」と。

:yata: 矢田さん
esa警察特権で(笑)。

:@taea: 赤塚
── 矢田さんと大谷さんは、esa警察なんですね。

:ishida: 石田さん
変なところに記事を書くと、esa警察に「これ違いますよ」って言われます。

:otani: 大谷さん
石田さんがたまに、トップレベルに謎の記事を残してたりするんです。

:yata: 矢田さん
最初導入して、記事を書く時に、タグとかカテゴリとかなんやらで、ごちゃごちゃになってしまって整理がつかなくなって、そのあたり整理したいねということで出来たのがesa警察です。

:@ppworks: 越川
── esa警察、けっこう大事。各社、みんなが使いだすと、どうしても必要になってくるんですよね。

:otani: 大谷さん
Misocaさんのesaトークを読ませていただいたんですけど、そこにはesa警察は法的拘束力を持ってはいけないから、警察じゃなくて自警団なんだと書かれてましたよね(笑)。

:@ppworks: 越川
── 国家権力じゃ駄目なんだと(笑)。

:otani: 大谷さん
弊社のesa警察はちょっと強引なので、『警察』なんです(笑)。
esa警察概要をつくりまして、「課長より権限は上」と書いてあるんです(笑)。

:@ppworks: 越川
──ちゃんと明文化されているんですね。

:otani: 大谷さん
Wikipediaの『警察』の項をパクって、esa警察の項をつくったんです。

police-rule.png (195.2 kB)


『esa警察の理念と定義』のページ(クリックで拡大します)

:yata: 矢田さん
大体彼女が動いてくれて、こういうドキュメントを色々書いてくれたりするんです。

:otani: 大谷さん
『esa警察の理念と定義』という項目があるんです。
これは、ハイになったときに書いたやつなので、今見返すとすごいつらい…。

:ishida: 石田さん
テンション高いときにね。

:tsuchie: 土江さん
『武装』って項目がある(笑)。

:otani: 大谷さん
Wikipediaの『警察』のページに『武装』という項目があって、それをパクって作りました (笑)。

:ishida: 石田さん
(esa警察の) 採用とかも書いてある。

:otani: 大谷さん
esaのノートがあるじゃないですか。書き味のめちゃくちゃいいリングノート。
esa警察になると、あれを1冊もらえるんです。


リングノート(esa警察手帳)

:@taea: 赤塚
──あれ、買っていただいたんですか!ありがとうございます。警察手帳なんですね(笑)。

:otani: 大谷さん
それだけもらって、警察を辞めるやつもいるんですけど(笑)。
(※後日、そのような不届き者はいないことが判明した)

:yata: 矢田さん
最初の1冊は会社支給ですが、2冊目以降は自腹でお願いしてます。

:otani: 大谷さん
私2冊目も使い倒してて、今日持ってこようと思ったんですが忘れました。

:yata: 矢田さん
確か、7、8冊一気に買ったので、まだまだ在庫があります(笑)。

:otani: 大谷さん
3種類目もこの間出たじゃないですか。


3種類目

:yata: 矢田さん
あれも買わないと。

:@taea: 赤塚
── あの模様みたいなやつですか。

:otani: 大谷さん
あれ、見つけたときに、Viewsが5とかで、「よっしゃ、1桁だ!」って思いました。

:@taea: 赤塚
──めっちゃチェックしてくださってますね!うれしい。 今警察はお二人ですか?

:yata: 矢田さん
もう一人の主任もesa警察です。

:otani: 大谷さん
主任しているほうの主任が。

:tsuchie: 土江さん
僕は主任してない主任。

:ishida: 石田さん
まだ、主任の初心者(笑)。

:yata: 矢田さん
つい先日、いろいろ記事が重複していたり、記事の情報が古かったりする問題について議論が起こりまして。そこで、いろいろ問題提起とか、こういうカテゴリをつくったほうがいいんじゃない?という提案をしてくれた方を引きずり込んで、「esa警察、やりませんか」って。

:@taea: 赤塚
── 採用活動ですね。

:tsuchie: 土江さん
引き抜きじゃない?

:yata: 矢田さん
引き抜きさせていただいて、「カテゴリ名一緒に決めようよ」ということで。

なんでもありの「ワンダーランド」カテゴリ。
esa記事を探せるSlackのカスタムコマンド /esadoko が便利。

:@taea: 赤塚
──esaのカテゴリの構造はどんな感じになっていますか?

:otani: 大谷さん
トップレベルが、まず「ワンダーランド」から始まるんです。

top_category.png (19.6 kB)

:@taea: 赤塚
──「ワンダーランド」の記事が一番多いんですね。

:@ppworks: 越川
── 結構すっきりしていますね。

:otani: 大谷さん
まず、Lodgeから移行してきた記事を、まず全部ワンダーランドに入れてるので数が多いというのもありますね。
そこから誰も移行しない記事を、こっそりと、少しずつ消してはいるのですが…。
ワンダーランドの他には、個人の名前のカテゴリがあったり、esa警察のカテゴリがあったり。
この人だけちょっと個人名おかしいですけど(笑)。

tsuchie.png (3.3 kB)

:tsuchie: 土江さん
これね、でも、俺が自分でつけたわけじゃないんだよ。
esa警察につけられたから、変えられない。

:@taea: 赤塚
──カテゴリ名の一括変換で名前を変えられてしまったんですね(笑)。

:yata: 矢田さん
そうです、カテゴリ名の一括変換。あの機能すごく重宝しています。警察にはすごく便利です。

:otani: 大谷さん
記事を適当なカテゴリに突っ込んでおいて、それをガッと後から名前を変えれば。

:yata: 矢田さん
後から考えるというのもできるので、ありがたいです。

:@ppworks: 越川
──警察にはなくてはならない機能ですね(笑)。

:yata: 矢田さん
この『esadoko』も便利です。Slackのカスタムコマンドで /esadokoと打ったら、記事が探せるんです。

image.png (17.7 kB)

esadoko_result.png (20.3 kB)

:otani: 大谷さん
便利です。中身はただのGoogle Apps Scriptです。

:@ppworks: 越川
── たまにSlack側から検索したいという要望をいただきますね。

:@taea: 赤塚
── /esadoko いいですね。

:otani: 大谷さん
/esadoko 電話当番 みたいに聞くと、今日の電話当番の一覧が帰ってくる。
それ見て、「あれ?〇〇さん今日電話番じゃないですか〜」みたいに、煽るのによく使います (笑)。

:@taea: 赤塚
──カテゴリ構成で、困ったことや工夫したことがあれば教えてください。

:@ppworks: 越川
── 警察の活動の中で、この機能があると捗るな、というのもあればぜひ。

:yata: 矢田さん
カテゴリの名付けが困ったような記憶があります。
まず、どう分けようかという構成と、それをどうやったら伝わるのかというところで。
この間も沸き起こった議論なのですが、『チュートリアル』という名前のカテゴリがあるんですね。当初の目的では、「新人さんが来たらこのカテゴリを読んでね」という意図でつくられたのですが、「チュートリアル」という語感だけでみんな判断しちゃって、「インストールの仕方」とか、ぽいぽい放り込まれて…。

:@taea: 赤塚
──なるほど、「チュートリアル」という名前から誤解されて、Tipsが混ざり込んでしまうわけですね(笑)。

:otani: 大谷さん
先日「チュートリアルって何だよ?」って怒られてしまったので、一応こういった「チュートリアルとは」という説明記事も書いています。

あと、さきほどの「ワンダーランド」カテゴリについても説明する記事があります。

読書感想文とかも、みんな「ワンダーランド」に書いてますね。
以前、「技術書とか読んだ感想をどこに書けばいいの?」って聞かれて、「じゃあワンダーランド使っとけば」みたいな感じになりました。

keisatsu.png (230.4 kB)


各カテゴリやタグを説明するページの全体(クリックで拡大します)

:@ppworks: 越川
── 困ったらワンダーランド。

:yata: 矢田さん
esa警察の判断を待ちたい記事も、ワンダーランド。

:@taea: 赤塚
──カテゴリの定義や使い方などのドキュメントがばっちり書かれていて、すごいですね。ここまでちゃんと書かれているケースは初めて見たかもしれません。Wikipedia っぽく書かれてるのがまたすごい (笑)。

:otani: 大谷さん
ノッたときにワーッとつくったやつなので… 警察の定義と同じ日に書いたやつです。

会議の時の議事録ページを自動で用意してくれる Bot「esa書記長」、
WIPの記事を教えてくれるBotの方の「esa警察」。

:@taea: 赤塚
──投稿テンプレートで工夫している面などはありますか?

:tsuchie: 土江さん
議事録?

:yata: 矢田さん
毎週課内会議をするのですが、その議事録のテンプレートをつくっておいて、毎週 Slackに、「今週の課内会議はここだよ」とURLを投げる、『esa書記長』というBotを、大谷さんがつくってくれました。

:otani: 大谷さん
「esa書記長」もGoogle Apps Scriptです。アイコンづくりに2時間かけました(笑)。

:@taea: 赤塚
──かわいい(笑)。

:otani: 大谷さん
これ、アイコンの権利とか大丈夫だったっけ… と思って。

:@taea: 赤塚
──チームの中で使ってもらっている分には、全然大丈夫です。

:@ppworks: 越川
── PublicのWebで使ってなければ大丈夫ですね。

:otani: 大谷さん
esa警察も、一応アイコンがあるんです。
esa警察は、WIPの記事を毎週水曜日に、「お前らそれWIPだよ」という感じで教えてくれるんです。なかなかみんなWIPをShipItしないので…。

:otani: 大谷さん
自作したアイコンは、この「esa書記長」と「esa警察」です。

:@taea: 赤塚
──アイコン、いろいろなバージョンがありますね。

:otani: 大谷さん
弊社のデザイナーがOKを出したバージョンで、今運用しています。

:ishida: 石田さん
デザイナーチェックまで入ってる(笑)。うちは厳しいデザイナーがいるので。

:otani: 大谷さん
タチハラさんというデザイナーさんに、「これ、もうちょっといいアイコンにならないか?」と聞いたら、「こうじゃない」という助言をいただいたりとか。


police-history2.png (61.1 kB)

:@taea: 赤塚
──さきほど人間のesa警察の話をしましたが、BOTのesa警察もいるんですね。

:ishida: 石田さん
WIPの記事を巡回して知らせてくれるのが、BOTの方のesa警察ですね。

:@taea: 赤塚
──巡査ロボだ(笑)。

:otani: 大谷さん
esa警察は、アーカイブした記事は拾わないようにしたいなとか、そういう改善を今後していきたいなと思ってます。
私、Slackから出たくないんです。なるべくSlackから出なくていいように、BOTを改善してます。

P1010093.JPG (3.3 MB)

定例会議の連絡事項はesaで共有して時間を節約、
その時間をコミュニケーションに活用するように。

:@taea: 赤塚
──他に、面白い工夫があれば教えてください。

:ishida: 石田さん
やはり議事録でしょうか。

:otani: 大谷さん
ユーザのアイコンをemojiで出せる機能があるじゃないですか。
あれで、議事録の中で、発言者のアイコンと名前と発言内容を並べてしゃべっている感じを出すのを、ちょっと楽しんでやっています。
元々、「(名前)」みたいに書いていたのですが、しれっとアイコンに変えました。

doc-icon-with-talk.png (47.3 kB) doc-memo.png (34.4 kB)

:ishida: 石田さん
当初は、週に1回の課内会議の中で、私からの連絡事項やプロジェクトの進捗情報などを報告してたのですが、結局それって、この議事録の中に書いて共有すればいいんじゃないという問題提起を受けたりして。それをきっかけにそういったことがesaを使って共有されるようになり、会議の中で単なる報告や共有に使っていた時間を、もっと別のことに使おうという形に変わってきました。

:@ppworks: 越川
── せっかく集まっているんだから、それをもっとより有意義な時間にしたいですよね。

:ishida: 石田さん
そうですね。当初は、私1人で30分という時間を設けて話していたのですが、esaをみんなで使って、もっと違うことに時間を使いましょうというようになってきました。そういう点では、これを使って良かったな、いい取組みかなと思います。

P1010084.JPG (3.6 MB)

:@ppworks: 越川
── それによって、会議自体の雰囲気や、プロジェクトの進め方とかも変わったりしましたか?

:ishida: 石田さん

はい、連絡事項や進捗状況を淡々と述べるということはなくなり、esaを読んでわからないことがあれば質問をくださいという感じに変わってきました。
それ以外の、例えばセミナーを受けた感想とか、あと、ヒヤリハットみたいなものについて共有するとか、そういったのものを中心に会議をするように変えました。
あとやはり、しゃべる人、しゃべらない人というのがどうしても出てくるので、最近では、何か議題を設けて、それに対してディスカッションをするというような試みもはじめています。
そういった形で、どんどんesaを中心に、より良い会議になるような活動をしています。
まだまだ道半ばで、決してうまくいっているかというとそうではないかもしれないのですが、esaという仕組みがあるので非常に助かっています。

Slackに通知が来すぎる問題は、
Webhookの設定である程度調整。

:@taea: 赤塚
── それをお聞きできてとてもうれしいです。ところでesaに関して困っていること、ご要望などはありますか?

:ishida: 石田さん
たくさん記事を書くのはいいんですが、Slackの「esabako」のところに通知が来すぎてしまって、実際、書く人が埋もれてしまうというのがあったりして。何かいい改善案がないかなと。

:yata: 矢田さん
Slackに「esabako」というチャンネルを作って、esaの通知を全部流すようにしてるんですが、なんか全部来ちゃいますね。

:otani: 大谷さん
ToDoリストのチェックボックスを入れるたびに更新通知が流れちゃうんですよね。

:@taea: 赤塚
──実は、SlackのWebhookは、正規表現で決まったカテゴリだけ指定することができるんです。これ実は、意外と気付かれていなかったりします…。

:yata: 矢田さん
ありました。気付いていなかったです。

:otani: 大谷さん
ここから on post update のチェックボックスも外した方がよさそうですね。

:@ppworks: 越川
── on post create だけにしてあげることによって通知の頻度を下げるとか、流量の多いチームだとよくやりますね。

:tsuchie: 土江さん
最初、俺が言った気がする。「on post update やめようよ」って。

:yata: 矢田さん
ごめん、無視したかも(笑)。

:otani: 大谷さん
土江さん、警察に入らないから(笑)。

:yata: 矢田さん
市民の気持ちを慮れていなかったかもしれないです(笑)。

:otani: 大谷さん
じゃあ、通知のカテゴリから「ワンダーランド」を外しましょうか。

:yata: 矢田さん
調整して、棲み分けができそうです。

:@ppworks: 越川
── ここのWebhookまわりは、UIがわかりにくい部分がありますね。

:@taea: 赤塚
──ここは直さなきゃですね。

:yata: 矢田さん
おそらく最初、試しにアリアリでチェックボックスを全部チェックして設定して、後から変えようtと思って完全に忘れていました。
わざわざチェックがついているということは、多分最初は読んで把握したはずなんですよね。

:@ppworks: 越川
── WIP to Ship itとか、Ship it to Ship itとかだけとかのアップデートも、けっこう便利な気はするんです。

:@taea: 赤塚
──このチェックボックス郡も読んで理解するのが面倒くさいですね…。もうちょっといい表現を考えますm(__)m

:otani: 大谷さん
でも、「ワンダーランド」を通知から弾くようにしたので、これで大丈夫。今、3回くらい更新したけど、esabakoには私の通知が来ていない。

:yata: 矢田さん
でも、全部来ないんじゃないですか、他のやつも。

:otani: 大谷さん
そうか、今、on post update も弾いたのか。
……はい、サーセン。(カタカタ…)

:ishida: 石田さん
いつもこんな感じなんです(笑)。

:otani: 大谷さん
生意気な後輩です。

:ishida: 石田さん
これができると、みんなが書いた記事も逃さず見ることができる。

:yata: 矢田さん
でも、カテゴリによっては on post create だけじゃなくて、on post update も見たいカテゴリもありますね。ちょっと考えないといけないかもしれないです。

:@ppworks: 越川
── Webhookは複数作れるので、hookとチャンネルを2つ作るのもアリかもしれないです。

:yata: 矢田さん
「esabako」と「巣箱」を2つつくる(笑)。

:@ppworks: 越川
── 2つ作って、全部の通知を見たくない人は、通知の少ないほうのチャンネルに入るとか。
警察は全部見たいからそこに入るとか、いろいろなやり方がありそうです。

:otani: 大谷さん
障害対応のログとかもあるので、それだけ流すチャンネルがあるのもいいかもしれない。

:@taea: 赤塚
──確かに、「これは見ておけ」みたいなのが流れるチャンネルがあってもいいかもしれません。

:@ppworks: 越川
── 例えば、開発以外の人たちもいるようなチームだと、そういうふうにやっているところはありました。障害のところは全員が見れるようにとか、営業さんはそこは見ておきたい、みたいな。

esa社はフィードバック返信速くてすごいが、
ドキュメントはもっと整備してほしい。

:otani: 大谷さん
ところで、esa社のユーザーフィードバック対応、分単位でめちゃくちゃ速いですよね。

love1.png (16.4 kB) love2.png (27.1 kB

:ishida: 石田さん
5分以内に返ってくると聞いています。

:@taea: 赤塚
──あれは最初は、うちの深谷さんが頑張ってすごい早く返していて、私は最初はちょっと早すぎやしないかと思って実は若干引いてたんですが、ユーザーさんに本当に喜んでもらえるのを見て見習うようにしました。

:@ppworks: 越川
── もう、命かけている感じで早いよね(笑)。

:ishida: 石田さん
10分くらいして、「いや、まだ返答きてな……、うわっ、きてるわ!」ってなるんです(笑)。すごいなと。

:@ppworks: 越川
── ユーザーさんからフィードバックがくると我々のSlackに通知が来るんですが、それに絵文字リアクションで一番最初に「返す」とつけた人が返しているんです。早押しクイズみたいに、それをいつも競い合っています。

:tsuchie: 土江さん
それは速いですね、確かに。

:@taea: 赤塚
──逆に、すぐ返信しないと忘れちゃうので、短期記憶に残ってるうちに即答するのが実は一番効率がいいということに気づきました。

:@ppworks: 越川
── fukayatsu氏の部屋は、フィードバック来ると前はHueの色が赤くなったよね (笑)。

:@taea: 赤塚
──電気全部赤くするようにしたら心臓に悪かったって言ってたから、今はやってないのかな(笑)。

:@fukayatsu: 深谷(後日談)
──今は、8:00–24:00の間のフィードバックだけHue Goがじんわり赤くなるようになってる。

:yata: 矢田さん
それこそ、鳥の声とかを流せばいいじゃないですか。

:@ppworks: 越川
── いいかも。さえずる感じにしようか。

:yata: 矢田さん
癒し系の鳥で。

:@taea: 赤塚
──鳥の声、いいですね!実は近々、esa社はオフィス移転の予定でして、次のオフィスで試してみたいと思います。
他にも、esaへの要望ありますか?ここが好き!というのでもいいです。

:otani: 大谷さん
Ctrl+E (⌘+E)で編集画面に飛べるのがすごい好きです。
…という話を、昨日課内会議でしたら、みんな知らなくてドヤ顔できました。めっちゃ便利。

:@taea: 赤塚
──その機能、最近まで私も忘れていました。

:otani: 大谷さん
あと記事一覧ページで、jkで移動できるじゃないですか。あれも、esaトーク読んで「あっ、あるんだ」って知りました。

(参考: ReleaseNotes/2015/09/12/ショートカットキーで記事間を移動できるようになりました - docs.esa.io

:@taea: 赤塚
──これはProTipにも載せておいたほうがいいですね。

:@ppworks: 越川
── で、j kで移動して、Enter で記事が開くとか…、最高じゃないですか。

:@taea: 赤塚
──あっ、Enterで記事開くんでしたっけ…。知っていた気がするけど、忘れていました。

:otani: 大谷さん
思っている点は、そういう機能がドキュメントに載らないというのが……(笑)。

:@taea: 赤塚
──言ってよって感じですよね。「隠し機能が多すぎるのでまとめてください」と他でも言われました。本当そう思います。

:@ppworks: 越川
── すごい便利なのに、損しているところがあるかもしれない。

:@taea: 赤塚
──Helpとかのドキュメントは、もうちょっとちゃんとしたいな、しなきゃな…とずっと思いつつ、ちょっと面倒くさいと思う気持ちが正直あって…なかなか手が進まないんですね。

:tsuchie: 土江さん
「今週の隠し機能」みたいな感じで毎週ピックアップするとか。

:yata: 矢田さん
また、それも勝負にしてもらって。

:tsuchie: 土江さん
スターがたくさんついた方が勝ち!みたいな。

:yata: 矢田さん
スターの数で競う感じで。

:@taea: 赤塚
──週のルーティンにしてスター数競うの、よさそうですね!そういう、モチベーションを上げる工夫をして書いていかないとなあ。ありがとうございます!

:@ppworks: 越川
── リリースノートは定期的に出していきたいので、Trelloのタスクに毎週入れてるんですよね。ProTipやHelpもタスクにしちゃえばいいかもですね。

(後日談: 週1本ProTipを持ち回りで書いていくのを、島根情報処理センターのみなさんのおかげで最近はじめました 🙏

人数多いチームだとWatchが機能しなくなる問題。
Slackの更新通知はdiffが見たい。

:tsuchie: 土江さん
あと、今記事にできるリアクションが、Starしかないじゃないですか。
後で見たいリスト…マイリストみたいなものとか、毎回自分がチェックする記事とかを、お気に入り登録する機能があるとうれしいなと。

:ishida: 石田さん
ちょっと記事が長いと後で読もうかなと思ったりもするので、そういう時にあると便利かもしれません。

:@ppworks: 越川
── Watch や Star とは別にということですよね。Starは割とリアクションとしてのみ使われがちだし、Watchするほどでもなくて…みたいな感じなのかな。

:otani: 大谷さん
あまりWatchを自分から使っている人はいないかもしれないです。

:@ppworks: 越川
── Watchは編集やコメントを加えると自動的につくんで、どんどんWatchしてる記事が増えちゃうんですよね。
我々みたいな、3人くらいのチームだとあまり感じないですが、私の前職は200人くらいいたので、Watchしてる記事が多すぎて通知が機能しなくなるんです。そこで Unwatchで一旦既存のWachを全部消して、ブックマークしたい記事を改めてWatchし直す…みたいなことを以前はよくやってました。

:@taea: 赤塚
──右上の通知窓が大爆発している人をよく見るんです。あの赤い数字が何百…みたいになっているという。

:ishida: 石田さん
自分、109(笑)。


通知窓の大爆発

:@taea: 赤塚
──やはり、なっています?(笑) なるほど、あれは通知がそういう形で機能しなくなっているんだなあと、なんとなくわかってきました。

:otani: 大谷さん
私、右上の通知は全部切っています。切ってるけど、アイコンをhoverすると鳥がパッと出てくるからかわいいですよね。
あと、Ctrl+S⌘+S)で(記事を一時保存した時に)鳥が傾くのもかわいい。

:otani: 大谷さん
また通知の話なんですが、esaのSlackの通知って、基本的には、メッセージとその記事の冒頭内容じゃないですか。
冒頭じゃなくて、diffが見れたら一番いいかなと思うんです。

:@ppworks: 越川
── これは、Issueにはなっていますね。やるか。

:@taea: 赤塚
──esaトークをやると、開発のやる気になっていいですね(笑)。

:otani: 大谷さん
でも、diffへのリンクはあるんですね。

:yata: 矢田さん
ありますね。私、大体、diffのリンクをクリックしてます。

:@taea: 赤塚
──さらに現状、タイトル変更時のdiffもリビジョンから辿れなかったりするので、それも含めてトータルで見直していきたいと思っています。

:otani: 大谷さん
「変えといたよ」と言われたけど、リビジョンから見ると何が変わっているのかわからなくて、聞いてみたらタイトルの変更だった…みたいなことはあります。

:@taea: 赤塚
──そこらへん、不便ですよね…。改善していきたいと思います。他に、何かありますか?

:otani: 大谷さん
記事の詳細ページを見ているときに左側のカテゴリメニューがないというのが、Homeからじゃないとカテゴリツリーが辿れないのが不便という意見は出ていました。

:@taea: 赤塚
──カテゴリメニューはいずれどこでも見れるようにしたいですね。それもフィードバックでたまにご要望いただきます。

:otani: 大谷さん
今見たら、記事の3分の1くらい、全部私なんです。チームの記事数が合計で586あって、私のプロフィールを見ると、265書いているんです。

:yata: 矢田さん
一人日報なんてそんなもんですよ(笑)。

:otani: 大谷さん
すいません(笑)。ひたすら日報を書いている。記事数ランキングは圧倒的だな。

:@taea: 赤塚
──このへんの利用状況の可視化も、Statsのページとかでできたらいいですよね。
GitHubのStatsみたいな感じで、例えば、「何曜日やこの時間帯はなぜかすごいみんな書いてるな」みたいなのも見れると面白いかと。うまいこと鳥と絡めたようなビジュアルでやりたいなとか考えてて、今あたためています。

:yata: 矢田さん
プロフィールの鳥箱にいる鳥の数が多いとか、そんな感じですかね。
ユーザのプロフィール画面があるじゃないですか。そこに、そっと巣箱を置いて、すごく大量に鳥が住んでいたら、めっちゃ書いてるよとか、その人がまいた餌に鳥がいっぱい集まってきたよ、みたいな。今適当に言いました(笑)。

:@taea: 赤塚
──巣箱があるのいいですね。飼っている感じ。

みんなが働きやすい環境づくりへの取り組み。
リモートワーク等、場所にとらわれない働き方へ。

:@ppworks: 越川
── 最後に、島根情報処理センターさんで働くことの魅力について、教えてください。

:@taea: 赤塚
──この会社で働くことによって、こういう楽しいことがある!とか。また、出雲や島根の魅力などについてもお聞きしたいです。

:otani: 大谷さん
この部屋でノマド気分ができるとか。昨年社屋を建て替えたばっかりできれいなんです。

:@taea: 赤塚
──なるほど、カフェ気分が味わえる。この部屋いいですよね。おしゃれでリラックスできる空間で。

P1010114.JPG (3.5 MB)

カフェのようなコーナーがある

P1010087.JPG (3.5 MB)

:ishida: 石田さん
ちょっと堅い社名で誤解されがちなのですが、私服の開発員もいますし結構カジュアルな社風です。
最近では、リモートワーク推進も視野に入れていまして、実際来月から1名、九州の長崎からリモートで仕事をすることになりました。ゆくゆくは、場所にとらわれないような働き方を目指して、今取り組んでおります。

:@taea: 赤塚
──皆さん、お住まいはこのへんなんですか?会社からどのくらいの距離のところに住んでいらっしゃるんですか?

:ishida: 石田さん
私は35キロくらいで、車通勤ですね。

:@taea: 赤塚
──毎日車なんですね。皆さん、大体車通勤ですか?

:yata: 矢田さん
車です。10分、15分とか。

:otani: 大谷さん
車で10分くらいですね。実家からだと40分とか。

:tsuchie: 土江さん
大体、10分、15分とか。
基本、車必須ですね。

:yata: 矢田さん
石田さんは1時間くらいかかります?

:ishida: 石田さん
1時間かな、朝は。

:@taea: 赤塚
──ご実家の人が多いんですか?

:otani: 大谷さん
私はネコのために一人暮らししてます。
実家が動物禁止なので、ネコを飼いたかったので、飼えるところに引っ越したら、会社の近くになりました。

P1010073.JPG (3.5 MB)

:@taea: 赤塚
──基本、地元がこのへんなんですか?

:ishida: 石田さん
ほとんど地元出身ですね。他には、結婚をしてこっちにきた方も多いです。

:otani: 大谷さん
来月長崎に行く人は、結婚して長崎に行きます。

:ishida: 石田さん
特に女性の場合は、出産・結婚とかで働く場所が限定されることも多く、そういったことも含めてみなさんがなるべく働きやすいような環境づくりに取り組んでいます。

:@taea: 赤塚
── そういえば、女性のエンジニアさんが比較的多いとお聞きしました。

:otani: 大谷さん
開発部は過去に、女性が過半数超えてたこともありましたね。今は半々くらいですが。

:ishida: 石田さん
島根県はインドから来た学生や社会人を、名乗りを挙げたIT企業が毎年インターンとして受け入れるという活動を行っています。そして、去年の1月インターンで来て頂いた方が、今年4月から弊社の方で社員として働きはじめました。

:@ppworks: 越川
── こっちに移住して働いていらっしゃるんですか?

:ishida: 石田さん
はい、もう移住しています。技術研究部門で働いています。

出雲大社、宍道湖、そして鳥好きにはフォーゲルパーク!
海も山も近く、アウトドア好きにもうれしい環境。

:@taea: 赤塚
── いろんな方が働きやすい環境なんですね。
出雲や松江に住んで働くことの魅力や、素敵なところについても教えてください。

:tsuchie: 土江さん
鳥好きにはまず、「松江フォーゲルパーク」がうれしいですね。

:yata: 矢田さん
松江に、鳥だけの動物園みたいなところがあるんですよ。

:otani: 大谷さん
松江市民だと、ちょっと安くなるんです。

:@taea: 赤塚
──フォーゲルパーク、いいですよね!似た感じのコンセプトで作られている静岡の掛川花鳥園は好きで何度か行っています。フォーゲルパークは去年行けなかったので、今年こそ行きたいです。(後日談: 今年も行けなかったので来年こそは…)

:otani: 大谷さん
あと、出雲大社。

:ishida: 石田さん
前はけっこう閑古鳥な感じだったのですが、平成の大遷宮後からすごい賑わってますね。お店も大社の前にたくさん並んでいます。

:otani: 大谷さん
スタバが出来ましたね。

:ishida: 石田さん
当時は「スタバが出来た!」って。

:otani: 大谷さん
今でも、土日はずっと並んでいます。スタバ、どこにでもあるのに(笑)。

:tsuchie: 土江さん
一時すごかったよね。

:otani: 大谷さん
限定のボトルがあるとかなんとか。
(※後日、ボトルではなく、マグカップであることが判明した)

:ishida: 石田さん
スターバックスって、地元の特徴を捉えた店をつくっておられるのですが、大社のスターバックスもそんな感じになっています。

:tsuchie: 土江さん
2階席に行くと、出雲大社の鳥居がよく見えるんですよ。
あと、そばとお魚がおいしいですね。

:otani: 大谷さん
ぜひ刺身醤油を買って帰ってください。

:tsuchie: 土江さん
全然味が違うと思います。

:yata: 矢田さん
マジですか。刺身食べないので。

:otani: 大谷さん
刺身醤油は甘くてドロッとしていて。

:tsuchie: 土江さん
関東と違うはずです。

:tsuchie: 土江さん
海も山もすぐ行けるから、キャンプとか登山するのにもいいですよ。あと雪も降るので、スノーボードとかも。アウトドアが好きな人にはいいところです。

:@taea: 赤塚
──おお、スノボのイメージはありませんでしたね。いいですね。

:tsuchie: 土江さん
1時間かからないくらいで、すぐいけます。

:@taea: 赤塚
──去年、初めて、カンファレンスで松江に来たのですが、本当にきれいなところで、びっくりしました。水が多くて。

:ishida: 石田さん
水の都と呼ばれています。

:tsuchie: 土江さん
晴れた夕方はきれいですよ。

宍道湖の夕日

:otani: 大谷さん
県立美術館から見る夕日が、たぶん一番きれいです。

:ishida: 石田さん
県立美術館はうさぎがいるよね。あれ、触ったら何になるのかな?

:otani: 大谷さん
なんか願いがかなうとかなんとか。みんな、適当にしじみの殻を供えてたり(笑)、頭にかぶせてあったり。あれ、なんなんですかね。
そういえば、出雲大社の裏にも、この間うさぎが出来ました。結婚式の記念品でしたっけ?

:yata: 矢田さん
きっかけは知らないですが、3、4羽突然出来ていましたね。

View this post on Instagram

🐇🐰

TAEKO AKATSUKAさん(@ken_c_lo)がシェアした投稿 -

出雲大社のうさぎ、行ったら居ました

:otani: 大谷さん
あれ、七福神だから、7羽です。本を読んでいたり、担いでいたりするんです。
因幡の白うさぎという、鳥取の話に(笑)。

:@taea: 赤塚
──鳥取とか島根とか、諸説あるやつですね(笑)。

:tsuchie: 土江さん
松江に住むと、すぐ鳥取も行けますね。境港とか。カニとかも安く買えますよ。車で1時間くらいで行けます。

:otani: 大谷さん
あと、松江城のお堀をぐるっとまわる堀川遊覧船は、冬はこたつ船が出ていますよね。船の上でこたつに足を突っ込めるんです。

:tsuchie: 土江さん
寒いときは最高ですね。

:@taea: 赤塚
── はー、こたつ船いいですね!あの遊覧船も去年気になってて乗れなかった… 乗ってみたいです。
出雲や松江の観光情報も教えていただき、ありがとうございました! とても楽しいインタビューでした!

IMG_3837_2.jpg (717.6 kB)

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

このあと我々は、出雲のおいしい創作料理のお店に連れてっていただき、そこでも色々と話が盛り上がり、最高な島根遠征の1日目を過ごさせていただきました。
美しい宍道湖や出雲大社のお膝元で、自分たちが仕事をしやすい環境をesaやSlackのハックも生かして楽しみながら自分たちで作り出し、またそういった改善アイデアを柔軟に受け入れる素敵な職場環境だなと感じさせられるインタビューでした。

そんな島根情報処理センターさんが気になる方は、こちらもチェックしてみてください。

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

  1. わかりづらいですが、昭和47年から数えるとたまたま今年は47年目となりどちらも47になります。

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

esaのユーザーさんに、esa社のワレワレが突撃してお話聞きにいくという企画、 esaトークの第6回がやってまいりました。

今回は東京から遠征しまして、島根県は出雲市の[島根情報処理センター様](https://www.sjc-inc.co.jp/)にお話をおうかがいしてきました。
いろんなesa関連のBOTなどを和気あいあいと楽しみながら作り、柔軟に業務改善をしていく様子をお聞きしました。
また、出雲や松江の魅力、観光情報などもお聞きすることができました!

![image (3).png (1.2 MB)](https://img.esa.io/uploads/production/attachments/3/2018/11/19/2/b75a7f9d-3028-4b30-9dc3-0ce41f7af150.png)

---

- 社名: [株式会社 島根情報処理センター](https://www.sjc-inc.co.jp/)
- esaメンバー数 : 17 users (2018/11/19 現在)
- お話を伺った方(写真左から): 
    - :tsuchie: 土江 勇樹さん(開発ソリューション部・開発課・主任)
    - :otani: 大谷 明日香さん(開発ソリューション部・開発課・エンジニア)
    - :yata: 矢田 文香さん(開発ソリューション部・開発課・エンジニア)
    - :ishida: 石田 龍司さん(開発ソリューション部・開発課・課長)
- インタビュー実施 : 2018年10月31日
- 聞き手: 
    - :@taea: esa社デザイナー: 赤塚 妙子 [@ken_c_lo](https://twitter.com/ken_c_lo)
    - :@ppworks: esa社エンジニア: 越川 直人 [@ppworks](https://twitter.com/ppworks)

---

## 創業47年!島根県内で2番目の老舗IT企業。<br>開発部門は、Rubyのお膝元でRubyを使った開発に注力。



:@taea: __赤塚__
__── 早速、自己紹介からはじめましょう。私から、esa社の赤塚と申します。esa社のデザイナーをやっております。よろしくお願いします。__

:@ppworks: __越川__
__── 私が、esa社の越川と申します。エンジニアをやっております。よろしくお願いします。__

:@taea: __赤塚__
__── 今回私達は、松江で開催の[RubyWorld Conference](https://2018.rubyworld-conf.org/)に参加するために島根におじゃましています。
実は今年の仙台のRubyKaigiのときに、石田さん以外のお3方に初めてお会いしてお話しさせていただいて、もっとお話が聞きたいと思いまして、そのときに「今年も島根に行くのでその時はesaトークの取材をさせてください!」とオファーさせてもらったのがきっかけになります。
今回、ご快諾していただき、ありがとうございました!
では、お一人ずつ、自己紹介をお願いいたします。__

:ishida: __石田さん__
では、私から。島根情報処理センターの石田と申します。よろしくお願いします。
今は課長を努めています。主に、エンジニアのマネジャーや、取引先との調整が中心です。
たまに調整上やむなくなのですが、プログラミングをする機会もあったりします(笑)。
しょうがないのですが。そのときが一番楽しい時間かなと…「しょうがないなあ、やるか」みたいな感じで。

:otani: __大谷さん__
島根情報処理センターの開発課の大谷明日香と申します。よろしくお願いします。
普段は、土江さんや矢田さんのプロジェクトで、体のいいエンジニアをやっています。
面倒なことを投げられて、「面倒だなあ」と言いながらコード書いてます。

:tsuchie: __土江さん__
めっちゃ助かってるよ(笑)。

:ishida: __石田さん__
助かってる(笑)。

:otani: __大谷さん__
お酒飲んだときしかそれ言わないですよね(笑)。

:ishida: __石田さん__
彼女は本当にコーディングスピードが速いんですよ。

:otani: __大谷さん__
いえいえ。まあ、バグもいっぱいある(笑)。そんな感じです。

:@ppworks: __越川__
__──コードたくさん書いたらバグもたくさん出ますからね(笑)。__

<img width="947.9314285714287" alt="P1010100.JPG (3.2 MB)" src="https://img.esa.io/uploads/production/attachments/3/2018/11/19/2/11a4960a-3354-46e0-ace5-f805a2048a67.JPG">

:tsuchie: __土江さん__
島根情報処理センターの土江と申します。
僕も、開発課で主任をしています。今年主任になったばかりで、特に主任っぽいことはあまりしていない(笑)。

:ishida: __石田さん__
やってるよ!(笑)

:tsuchie: __土江さん__
今頑張っています。
仕事の内容としては、プロジェクトのリーダーや管理、上流工程の設計、もちろん開発もしたり、もちろん雑用もしています。なんでも屋という感じです。先週までは、プロジェクトで仕様書を書くことが多かったので、Excelとお友達状態だったのですが(笑)。
今週から、Rubyを書いているので、今めっちゃテンションが上がっています!楽しいです。よろしくお願いします。

:yata: __矢田さん__
島根情報処理センターの矢田文香と申します。
やっている業務は、プロジェクトのリーダー的なところで、スケジュールの調整とかをしています。
あと、設計書を今書いていて、今は、私がエクセルとお友達です(笑)。

:otani: __大谷さん__
レビューもしていますよね?

:yata: __矢田さん__
仕様レビューもしています。
今じゃないときは、コードを書いたりもしていて、今、Rubyに早く会いたいなという気持ちです。

:@taea: __赤塚__
__──コードを書く時と、なかなか書けない時がある感じですか?__

:yata: __矢田さん__
そうですね、プロジェクトによって。

:tsuchie: __土江さん__
工程とかプロジェクトのフェーズとかの違いによっても、書く時期と書かない時期があったりします。

<img width="947.9314285714287" alt="P1010099.JPG (3.2 MB)" src="https://img.esa.io/uploads/production/attachments/3/2018/11/19/2/a9a90820-a931-4192-b53d-e6330ff24388.JPG">

:@taea: __赤塚__
__── 皆さん同じチームですか?__

:yata: __矢田さん__
同じ開発課ではあります。プロジェクトや、やっていることは違ったりします。

:@taea: __赤塚__
__── それでは次に、島根情報処理センターさまが、どんな会社なのかを教えてください。__

:ishida: __石田さん__
私たちの会社は、一般的にいうと、システムインテグレーターと呼ばれる企業で、お客さまからの要求をまとめ、開発・運用・保守業務を中心に受託しておこなっております。
今年でなんと47年目。IT企業の中では、たぶん、老舗になるのではないかなと。

:@ppworks: __越川__
__── 47年!何年に創業しているんですか?__

:ishida: __石田さん__
昭和47年[^47year]です。実は島根県内ではIT企業で2番目の老舗です。

[^47year]: わかりづらいですが、昭和47年から数えるとたまたま今年は47年目となりどちらも47になります。

:otani: __大谷さん__
昭和44年に計算センターをやっていて、その後、47年に、今の形になったみたいなことを聞いた気がする。

:ishida: __石田さん__
弊社の取引先は、主に官公庁であったり、自治体様で、最近では民間企業様も、多く取引をさせていただいております。
官公庁様や自治体様とのお取引は、昭和47年の創業当時から今まで続いてます。

:@taea: __赤塚__
__──具体的にどのような業務内容なんでしょうか?__

:ishida: __石田さん__
例えば、自治体様につきましては、基幹業務を一手にシステムの運用保守をおこなっております。
例えば、住民票や国保資格などの市民業務や、住民税、国保賦課、収納などの税業務。また、医療系や介護等の福祉業務です。

:@ppworks: __越川__
__──そうした基幹業務システムもRubyなんですか?__

:ishida: __石田さん__
いえ!違います(笑)。使いたいのですが。

:@ppworks: __越川__
__──性質上、全てというのは、なかなか難しそうですもんね。__

:ishida: __石田さん__
そうですね。けっこう大きいシステムになりますので、なかなか。

:@taea: __赤塚__
__── 電子化以前にまだ紙の文化がだいぶ残っていそうな部分ですよね。__

:ishida: __石田さん__
そうですね。まだやはり紙での運用が多いと思います。
電子化をしたいというご要望もいただくのですが、なかなか一筋縄ではいかないのが現状です。

:otani: __大谷さん__
印刷物の納品もしてますしね。

:@taea: __赤塚__
__── 印刷物?!__

:ishida: __石田さん__
そうです。通知書や納付書など、何万人〜十数万人分の、市民の皆様方に配られる印刷物を弊社の中で印刷しています。

:@taea: __赤塚__
__── では電子的なものにこだわらず、全体の業務フローそのものの仕組みを改善していくような感じのお仕事でしょうか。__

:ishida: __石田さん__
はい、全体のシステムとしての運用保守をさせていただいています。

:@taea: __赤塚__
__──  全社どのくらいの人数がいらっしゃるんでしょうか?__

:ishida: __石田さん__
現在は、役員を除き63名です。
大きく分けて三つの部門がありまして、公共部門というのが先ほどの官公庁さまや自治体さま向けの部門で、
あと、開発部門。これが私達の部署です。どちらかというと民間企業さまを対象にさせていただいています。
それと、もう一つ、研究部門というのがありまして、そこは、今流行りのAIやIoTのような、将来に発展するであろう技術開発をおこなっております。

:@taea: __赤塚__
__── 先ほども少し触れたのですが、利用している言語やフレームワーク等の開発環境について教えてください。__

:ishida: __石田さん__
これも部門によっていろいろ変わっています。
例えば、研究部門はやはり、Pythonの利用が多いです。
私たち開発部門は、Ruby on Railsを主力言語と考え、みんなに学習してもらっています。
[Ruby Programmer Silver version 2.1](https://www.ruby.or.jp/ja/certification/examination/)という資格があるのですが、それも90%以上の合格率です。
まず、開発部門としてはRubyをプログラムの共通言語として扱い、プログラミングに対する技術的なものは、Rubyを通して、みんなに情報共有をしてもらおうという感じになっています。
ただ、受託が中心ですので、最近はなかなかRuby一本だけというわけにもいかなくて、C#であったり、Swiftなどを使うことも多いです。

:@taea: __赤塚__
__── Rubyに力をいれはじめたのは、どのくらい以前からなんでしょうか?__

:ishida: __石田さん__
開発部門が出来たのが7年前くらいで、そのタイミングで何か新しい言語をしようということで、今、Rubyのお膝元島根というところで、当時はいろいろ優遇も受けて、ずっと7年間、Ruby on Railsを中心に業務をおこなっています。

<img width="947.9314285714287" alt="P1010055.JPG (3.3 MB)" src="https://img.esa.io/uploads/production/attachments/3/2018/11/19/2/1f44fd87-d732-40d5-afdc-fe447b8845e4.JPG">

:@taea: __赤塚__
__── やはりRubyを触るのが、一番好きですか?__

:ishida: __石田さん__
僕は大好きです。

:tsuchie: __土江さん__
Excelは……。

:yata: __矢田さん__
よりは(笑)。

:tsuchie: __土江さん__
久々に触ると、「あっ、めっちゃ楽しい」みたいになります。「おおお!」って。

:otani: __大谷さん__
Rubyを主力にしてきた弊害で、他の言語をあまり知らないという(笑)。

:ishida: __石田さん__
時間というのは有限なので、広く浅く覚えるのか、一つの言語を集中させるのか、二つの選択肢があります。その中で、他の企業さま以上の強みを持ちたいなということで、Rubyに集中するという方針でした。

:@ppworks: __越川__
__──島根だったらやっぱりRuby使いたいですよね。__

## esaを選んだ理由は、鳥が好き!かわいいは正義!<br>「とりあえず書く」というコンセプトも決め手に。

:@taea: __赤塚__
__── esaの話に移りたいと思うのですが、esaって、最初は何でご存じになりましたか?__

:otani: __大谷さん__
(矢田さんの方を指して)あそこに、鳥が好きな人がいまして。

<img width="947.9314285714287" alt="P1010085.JPG (3.5 MB)" src="https://img.esa.io/uploads/production/attachments/3/2018/11/19/2/3eaf95a5-f936-47f4-8ff2-b584c15aab95.JPG">


:yata: __矢田さん__
何で知ったのか詳しくは思い出せないのですが、最初は [Lodge](https://github.com/lodge/lodge)というOSSのMarkdownで書ける情報共有サービスを使ってまして、どこかでコンテナを立てて社内でメンテナンスをやっていました。その運用コストが高いから外部サービスを使いたいねというのがきっかけでした。たまに原因不明で落ちちゃって、急に半日くらいその復旧に時間を取られてしまったり…。

:tsuchie: __土江さん__
データ飛んだことありましたよね(笑)。

:yata: __矢田さん__
Lodgeそれ自体の問題というよりも、その周辺での運用の問題があり…それで、検討した結果、かわいいやつに決めたというところです(笑)。

:ishida: __石田さん__
かわいいは正義です(笑)。

:yata: __矢田さん__
そうですね(笑)。鳥好きの人に決定権を与えたというところもありますので。

:@taea: __赤塚__
__── 矢田さんが先導して情報共有ツールまわりを決められた感じなのですか?__

:yata: __矢田さん__
先導というか、「かわいいからこれがいい」と一番強く主張した人は私です(笑)。

:ishida: __石田さん__
かわいいなら仕方がないかなと(笑)。

:yata: __矢田さん__
誰も反論がないから、「かわいいからこれにしますよ」と。
特に強い反対意見が、確か、私の中ではなかったことになっている(笑)。

:otani: __大谷さん__
一応出しましたよ?

:yata: __矢田さん__
ちょっと、私の中ではなかったかなーと(笑)。

:otani: __大谷さん__
思い出して。Scrapboxのことを思い出して(笑)。

:@taea: __赤塚__
__── Scrapboxも人気ですよね。__

:ishida: __石田さん__
それと、esaの「とりあえず書こう」というコンセプトが良いと思いました。
やはり、以前Lodgeを使っていた時もなかなか書かれないという課題を感じており、こういったツールは用意しても使われなければなんの意味もないので、まず書きやすいサービスという方針・コンセプトが、弊社の問題と合っているなと思い承認しました。

:@taea: __赤塚__
__── 実際、esaに変えたことで、以前よりも書かれるようになりましたか?__

:yata: __矢田さん__
前より記事の量は増えていると思います。

:ishida: __石田さん__
以前は、本当に技術的な情報… 例えば、インストール手順であったり、プログラミングのライブラリの使い方だったり、新しいツールの紹介とかが中心でした。最近の使われ方はもっと広がっていて、例えば、議事録など、もっと大きく、みんなを巻き込んで使う仕組みをちゃんと用意して、使ってもらえるようになってきています。

:@ppworks: __越川__
__── 議事録だったら、それこそ、会議をやれば生まれるものですから、それをきっかけにしてみんなが使う仕組みを整えていくのは、確かにいいですよね。__

:ishida: __石田さん__
そうやって書く敷居を下げていくということが大事かなと。

## 「弊社のesa警察はちょっと強引なので、自警団じゃなくて警察です。」<br>esa警察の定義はドキュメントに明記。

:@taea: __赤塚__
__── esaに書かれている内容は、さきほどお話に出た議事録などの他には、どんな種類のものが書かれていますか?日報には使われていますか?__

:otani: __大谷さん__
日報、私だけ書いています(笑)。

:@taea: __赤塚__
__── それ、たまに聞くパターンですね。社内で1人だけ日報書いてるっていうの。
以前ピクシブさんを取材させていただいたとき、[Atomさんが1人で日報を書かれている](https://docs.esa.io/posts/256#%E4%BC%9A%E7%A4%BE%E3%81%AE%E4%BA%BA%E6%95%B0%E3%81%8C%E5%A2%97%E3%81%88%E3%82%8B%E3%82%BF%E3%82%A4%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%A7%E3%80%81%E5%85%A8%E4%BD%93%E4%BC%9A%E8%AD%B0%E3%81%A7%E7%99%BA%E8%A8%80%E3%81%99%E3%82%8B%E3%81%AE%E3%81%AB%E3%82%82%E8%BA%8A%E8%BA%87%E3%81%8C%E3%80%82%E6%80%9D%E3%81%84%E3%82%84%E6%84%8F%E8%A6%8B%E3%82%92%E5%85%B1%E6%9C%89%E3%81%A7%E3%81%8D%E3%82%8B%E5%A0%B4%E6%89%80%E3%82%92%E6%B1%82%E3%82%81%E3%81%A6%E3%80%81esa%E3%81%AF%E3%81%84%E3%81%A4%E3%81%AE%E9%96%93%E3%81%AB%E3%81%8B%E7%A4%BE%E5%86%85%E3%81%AB%E6%B5%B8%E9%80%8F%E3%81%97%E3%81%9F%E3%80%82) という話がありました。__

:otani: __大谷さん__
最初1人で日報書いてたらだんだんじわじわ広がっていった…みたいなうわさを聞くから、広がらないかなあとは思っているのですが。

:yata: __矢田さん__
うちの場合、『ワンダーランド』に全部突っ込みますから。
ワンダーランドという、なんでもありのカテゴリがあるので(笑)。困るものは全部そこです。

:@taea: __赤塚__
__── ワンダーランド!(笑) いい名前だ…。__

:ishida: __石田さん__
誰が命名したんだろう(笑)。

:otani: __大谷さん__
矢田さんと私が、議論の果てに、「いいや、ワンダーランドで」と。

:yata: __矢田さん__
esa警察特権で(笑)。

:@taea: __赤塚__
__── 矢田さんと大谷さんは、esa警察なんですね。__

:ishida: __石田さん__
変なところに記事を書くと、esa警察に「これ違いますよ」って言われます。

:otani: __大谷さん__
石田さんがたまに、トップレベルに謎の記事を残してたりするんです。

:yata: __矢田さん__
最初導入して、記事を書く時に、タグとかカテゴリとかなんやらで、ごちゃごちゃになってしまって整理がつかなくなって、そのあたり整理したいねということで出来たのがesa警察です。

:@ppworks: __越川__
__── esa警察、けっこう大事。各社、みんなが使いだすと、どうしても必要になってくるんですよね。__

:otani: __大谷さん__
[Misocaさんのesaトークを読ませていただいたんですけど、そこにはesa警察は法的拘束力を持ってはいけないから、警察じゃなくて自警団なんだ](https://docs.esa.io/posts/264#esa%20%E8%87%AA%E8%AD%A6%E5%9B%A3%E3%81%8C%E3%82%AB%E3%83%86%E3%82%B4%E3%83%AA%E3%82%92%E6%95%B4%E7%90%86%E3%81%99%E3%82%8B)と書かれてましたよね(笑)。

:@ppworks: __越川__
__── 国家権力じゃ駄目なんだと(笑)。__

:otani: __大谷さん__
弊社のesa警察はちょっと強引なので、『警察』なんです(笑)。
esa警察概要をつくりまして、「課長より権限は上」と書いてあるんです(笑)。

:@ppworks: __越川__
__──ちゃんと明文化されているんですね。__

:otani: __大谷さん__
Wikipediaの『警察』の項をパクって、esa警察の項をつくったんです。

<img width="500" alt="police-rule.png (195.2 kB)" src="https://img.esa.io/uploads/production/attachments/3/2018/12/06/2/e0e88c2e-2406-4012-a1f2-4f1387dee45b.png">

<br><small>『esa警察の理念と定義』のページ(クリックで拡大します)</small>

:yata: __矢田さん__
大体彼女が動いてくれて、こういうドキュメントを色々書いてくれたりするんです。

:otani: __大谷さん__
『esa警察の理念と定義』という項目があるんです。
これは、ハイになったときに書いたやつなので、今見返すとすごいつらい…。

:ishida: __石田さん__
テンション高いときにね。

:tsuchie: __土江さん__
『武装』って項目がある(笑)。

:otani: __大谷さん__
Wikipediaの『警察』のページに『武装』という項目があって、それをパクって作りました (笑)。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/12/06/2/eaa3e3d7-558b-4d89-9065-d14ac1cc73c0.png" width="500">

:ishida: __石田さん__
(esa警察の) 採用とかも書いてある。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/12/06/2/db715fa0-b0f0-4171-ba79-9d09c84d912f.png" width="500">


:otani: __大谷さん__
[esaのノートがあるじゃないですか。書き味のめちゃくちゃいいリングノート。](https://suzuri.jp/ken_c_lo/282244/note/m/white)
esa警察になると、あれを1冊もらえるんです。

<a href="https://suzuri.jp/ken_c_lo/282244/note/m/white" target="_blank"><img src="https://img.esa.io/uploads/production/attachments/3/2018/11/20/2/48019b3d-57a7-4ede-a05a-26aaec03292c.png" width="300"></a>
<small>リングノート(esa警察手帳)</small>


:@taea: __赤塚__
__──あれ、買っていただいたんですか!ありがとうございます。警察手帳なんですね(笑)。__

:otani: __大谷さん__
それだけもらって、警察を辞めるやつもいるんですけど(笑)。
(※後日、そのような不届き者はいないことが判明した)

:yata: __矢田さん__
最初の1冊は会社支給ですが、2冊目以降は自腹でお願いしてます。

:otani: __大谷さん__
私2冊目も使い倒してて、今日持ってこようと思ったんですが忘れました。

:yata: __矢田さん__
確か、7、8冊一気に買ったので、まだまだ在庫があります(笑)。

:otani: __大谷さん__
[3種類目](https://suzuri.jp/ken_c_lo/282244/note/m/white)もこの間出たじゃないですか。

<a href="https://suzuri.jp/ken_c_lo/282244/note/m/white" target="_blank"><img src="https://img.esa.io/uploads/production/attachments/3/2018/11/19/2/2a4137e8-de35-448e-9896-88be916b2c08.png" width="300"></a>
<small>3種類目</small>


:yata: __矢田さん__
あれも買わないと。

:@taea: __赤塚__
__── あの模様みたいなやつですか。__

:otani: __大谷さん__
あれ、見つけたときに、Viewsが5とかで、「よっしゃ、1桁だ!」って思いました。

:@taea: __赤塚__
__──めっちゃチェックしてくださってますね!うれしい。 今警察はお二人ですか?__

:yata: __矢田さん__
もう一人の主任もesa警察です。

:otani: __大谷さん__
主任しているほうの主任が。

:tsuchie: __土江さん__
僕は主任してない主任。

:ishida: __石田さん__
まだ、主任の初心者(笑)。

:yata: __矢田さん__
つい先日、いろいろ記事が重複していたり、記事の情報が古かったりする問題について議論が起こりまして。そこで、いろいろ問題提起とか、こういうカテゴリをつくったほうがいいんじゃない?という提案をしてくれた方を引きずり込んで、「esa警察、やりませんか」って。

:@taea: __赤塚__
__── 採用活動ですね。__

:tsuchie: __土江さん__
引き抜きじゃない?

:yata: __矢田さん__
引き抜きさせていただいて、「カテゴリ名一緒に決めようよ」ということで。

## なんでもありの「ワンダーランド」カテゴリ。<br> esa記事を探せるSlackのカスタムコマンド `/esadoko` が便利。

:@taea: __赤塚__
__──esaのカテゴリの構造はどんな感じになっていますか?__

:otani: __大谷さん__
トップレベルが、まず「ワンダーランド」から始まるんです。

![top_category.png (19.6 kB)](https://img.esa.io/uploads/production/attachments/3/2018/12/06/2/8c5c515c-5534-4daa-a7d5-cfa7618e4545.png)


:@taea: __赤塚__
__──「ワンダーランド」の記事が一番多いんですね。__

:@ppworks: __越川__
__── 結構すっきりしていますね。__

:otani: __大谷さん__
まず、Lodgeから移行してきた記事を、まず全部ワンダーランドに入れてるので数が多いというのもありますね。
そこから誰も移行しない記事を、こっそりと、少しずつ消してはいるのですが…。
ワンダーランドの他には、個人の名前のカテゴリがあったり、esa警察のカテゴリがあったり。
この人だけちょっと個人名おかしいですけど(笑)。

<img alt="tsuchie.png (3.3 kB)" src="https://img.esa.io/uploads/production/attachments/3/2018/12/06/2/54515877-27bc-4db4-af08-6ddfa57809ca.png">

:tsuchie: __土江さん__
これね、でも、俺が自分でつけたわけじゃないんだよ。
esa警察につけられたから、変えられない。

:@taea: __赤塚__
__──カテゴリ名の一括変換で名前を変えられてしまったんですね(笑)。__

:yata: __矢田さん__
そうです、カテゴリ名の一括変換。あの機能すごく重宝しています。警察にはすごく便利です。

:otani: __大谷さん__
記事を適当なカテゴリに突っ込んでおいて、それをガッと後から名前を変えれば。

:yata: __矢田さん__
後から考えるというのもできるので、ありがたいです。

:@ppworks: __越川__
__──警察にはなくてはならない機能ですね(笑)。__

:yata: __矢田さん__
この『esadoko』も便利です。Slackのカスタムコマンドで `/esadoko`と打ったら、記事が探せるんです。

![image.png (17.7 kB)](https://img.esa.io/uploads/production/attachments/105/2018/12/09/2/2fae6ccd-7d3f-4297-a680-1324e70197e8.png)

![esadoko_result.png (20.3 kB)](https://img.esa.io/uploads/production/attachments/3/2018/12/06/2/79b12f3c-86fb-42a5-a41b-beb2dcf6b18f.png)


:otani: __大谷さん__
便利です。中身はただのGoogle Apps Scriptです。

:@ppworks: __越川__
__── たまにSlack側から検索したいという要望をいただきますね。__

:@taea: __赤塚__
__── `/esadoko` いいですね。__

:otani: __大谷さん__
`/esadoko 電話当番` みたいに聞くと、今日の電話当番の一覧が帰ってくる。
それ見て、「あれ?〇〇さん今日電話番じゃないですか〜」みたいに、煽るのによく使います (笑)。

:@taea: __赤塚__
__──カテゴリ構成で、困ったことや工夫したことがあれば教えてください。__

:@ppworks: __越川__
__── 警察の活動の中で、この機能があると捗るな、というのもあればぜひ。__

:yata: __矢田さん__
カテゴリの名付けが困ったような記憶があります。
まず、どう分けようかという構成と、それをどうやったら伝わるのかというところで。
この間も沸き起こった議論なのですが、『チュートリアル』という名前のカテゴリがあるんですね。当初の目的では、「新人さんが来たらこのカテゴリを読んでね」という意図でつくられたのですが、「チュートリアル」という語感だけでみんな判断しちゃって、「インストールの仕方」とか、ぽいぽい放り込まれて…。

:@taea: __赤塚__
__──なるほど、「チュートリアル」という名前から誤解されて、Tipsが混ざり込んでしまうわけですね(笑)。__

:otani: __大谷さん__
先日「チュートリアルって何だよ?」って怒られてしまったので、一応こういった「チュートリアルとは」という説明記事も書いています。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/12/06/2/c3c23a36-f87d-4361-b41a-bdfd481c9c42.png" width="500">

あと、さきほどの「ワンダーランド」カテゴリについても説明する記事があります。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/12/06/2/ad3db2ff-1a76-4465-be42-a8c9ff729eef.png" width="500">

読書感想文とかも、みんな「ワンダーランド」に書いてますね。
以前、「技術書とか読んだ感想をどこに書けばいいの?」って聞かれて、「じゃあワンダーランド使っとけば」みたいな感じになりました。

<img width="500" alt="keisatsu.png (230.4 kB)" src="https://img.esa.io/uploads/production/attachments/3/2018/12/06/2/9a49b31a-27b0-41a9-a6d7-45531ce5d23e.png">

<br><small>各カテゴリやタグを説明するページの全体(クリックで拡大します)</small>

:@ppworks: __越川__
__── 困ったらワンダーランド。__

:yata: __矢田さん__
esa警察の判断を待ちたい記事も、ワンダーランド。

:@taea: __赤塚__
__──カテゴリの定義や使い方などのドキュメントがばっちり書かれていて、すごいですね。ここまでちゃんと書かれているケースは初めて見たかもしれません。Wikipedia っぽく書かれてるのがまたすごい (笑)。__

:otani: __大谷さん__
ノッたときにワーッとつくったやつなので… 警察の定義と同じ日に書いたやつです。

## 会議の時の議事録ページを自動で用意してくれる Bot「esa書記長」、<br> WIPの記事を教えてくれるBotの方の「esa警察」。

:@taea: __赤塚__
__──投稿テンプレートで工夫している面などはありますか?__

:tsuchie: __土江さん__
議事録?

:yata: __矢田さん__
毎週課内会議をするのですが、その議事録のテンプレートをつくっておいて、毎週 Slackに、「今週の課内会議はここだよ」とURLを投げる、『esa書記長』というBotを、大谷さんがつくってくれました。

<img src="https://img.esa.io/uploads/production/attachments/105/2018/12/09/2/880013fd-931b-448d-aeed-c20648865ac0.png" width="500">

:otani: __大谷さん__
「esa書記長」もGoogle Apps Scriptです。アイコンづくりに2時間かけました(笑)。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/12/07/2/36dfc619-0b0a-4190-9cc5-41ca5dfb7f65.png" width="500">

:@taea: __赤塚__
__──かわいい(笑)。__

:otani: __大谷さん__
これ、アイコンの権利とか大丈夫だったっけ… と思って。

:@taea: __赤塚__
__──チームの中で使ってもらっている分には、全然大丈夫です。__

:@ppworks: __越川__
__── PublicのWebで使ってなければ大丈夫ですね。__

:otani: __大谷さん__
esa警察も、一応アイコンがあるんです。
esa警察は、WIPの記事を毎週水曜日に、「お前らそれWIPだよ」という感じで教えてくれるんです。なかなかみんなWIPをShipItしないので…。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/12/07/2/e25d391f-6cd7-46a0-9a79-dca62d823dd5.png" width="300">



:otani: __大谷さん__
自作したアイコンは、この「esa書記長」と「esa警察」です。


<img src="https://img.esa.io/uploads/production/attachments/3/2018/12/07/2/13758f1c-dbcf-4928-9eb0-43e83672a6f2.png" width="500">


:@taea: __赤塚__
__──アイコン、いろいろなバージョンがありますね。__

:otani: __大谷さん__
弊社のデザイナーがOKを出したバージョンで、今運用しています。

:ishida: __石田さん__
デザイナーチェックまで入ってる(笑)。うちは厳しいデザイナーがいるので。

:otani: __大谷さん__
タチハラさんというデザイナーさんに、「これ、もうちょっといいアイコンにならないか?」と聞いたら、「こうじゃない」という助言をいただいたりとか。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/12/07/2/6ee23c8b-974b-42db-820b-b26b6741cd0d.png" width="400">

<br>
<img width="400" alt="police-history2.png (61.1 kB)" src="https://img.esa.io/uploads/production/attachments/3/2018/12/07/2/4ece431f-f126-4013-804d-248c1586ab4b.png">


:@taea: __赤塚__
__──さきほど人間のesa警察の話をしましたが、BOTのesa警察もいるんですね。__

:ishida: __石田さん__
WIPの記事を巡回して知らせてくれるのが、BOTの方のesa警察ですね。

:@taea: __赤塚__
__──巡査ロボだ(笑)。__

:otani: __大谷さん__
esa警察は、アーカイブした記事は拾わないようにしたいなとか、そういう改善を今後していきたいなと思ってます。
私、Slackから出たくないんです。なるべくSlackから出なくていいように、BOTを改善してます。

<img  alt="P1010093.JPG (3.3 MB)" src="https://img.esa.io/uploads/production/attachments/3/2018/11/19/2/c6a572a1-2c2e-4e16-a23d-1b8acbb93990.JPG">



## 定例会議の連絡事項はesaで共有して時間を節約、<br>その時間をコミュニケーションに活用するように。


:@taea: __赤塚__
__──他に、面白い工夫があれば教えてください。__

:ishida: __石田さん__
やはり議事録でしょうか。

:otani: __大谷さん__
ユーザのアイコンをemojiで出せる機能があるじゃないですか。
あれで、議事録の中で、発言者のアイコンと名前と発言内容を並べてしゃべっている感じを出すのを、ちょっと楽しんでやっています。
元々、「(名前)」みたいに書いていたのですが、しれっとアイコンに変えました。

<img   width="500" alt="doc-icon-with-talk.png (47.3 kB)" src="https://img.esa.io/uploads/production/attachments/3/2018/12/07/2/dc1ebcc0-2340-4c68-b7dd-0d87e42ae912.png">

<img  width="500"  alt="doc-memo.png (34.4 kB)" src="https://img.esa.io/uploads/production/attachments/3/2018/12/07/2/80e207ab-1423-49b2-b87f-7bc6c9a0e08e.png">

:ishida: __石田さん__
当初は、週に1回の課内会議の中で、私からの連絡事項やプロジェクトの進捗情報などを報告してたのですが、結局それって、この議事録の中に書いて共有すればいいんじゃないという問題提起を受けたりして。それをきっかけにそういったことがesaを使って共有されるようになり、会議の中で単なる報告や共有に使っていた時間を、もっと別のことに使おうという形に変わってきました。

:@ppworks: __越川__
__── せっかく集まっているんだから、それをもっとより有意義な時間にしたいですよね。__

:ishida: __石田さん__
そうですね。当初は、私1人で30分という時間を設けて話していたのですが、esaをみんなで使って、もっと違うことに時間を使いましょうというようになってきました。そういう点では、これを使って良かったな、いい取組みかなと思います。

<img   alt="P1010084.JPG (3.6 MB)" src="https://img.esa.io/uploads/production/attachments/3/2018/11/19/2/2ba7c3aa-f67f-4089-9912-a9a61d16ace1.JPG">


:@ppworks: __越川__
__── それによって、会議自体の雰囲気や、プロジェクトの進め方とかも変わったりしましたか?__

:ishida: __石田さん__

はい、連絡事項や進捗状況を淡々と述べるということはなくなり、esaを読んでわからないことがあれば質問をくださいという感じに変わってきました。
それ以外の、例えばセミナーを受けた感想とか、あと、ヒヤリハットみたいなものについて共有するとか、そういったのものを中心に会議をするように変えました。
あとやはり、しゃべる人、しゃべらない人というのがどうしても出てくるので、最近では、何か議題を設けて、それに対してディスカッションをするというような試みもはじめています。
そういった形で、どんどんesaを中心に、より良い会議になるような活動をしています。
まだまだ道半ばで、決してうまくいっているかというとそうではないかもしれないのですが、esaという仕組みがあるので非常に助かっています。

## Slackに通知が来すぎる問題は、<br>Webhookの設定である程度調整。

:@taea: __赤塚__
__── それをお聞きできてとてもうれしいです。ところでesaに関して困っていること、ご要望などはありますか?__

:ishida: __石田さん__
たくさん記事を書くのはいいんですが、Slackの「esabako」のところに通知が来すぎてしまって、実際、書く人が埋もれてしまうというのがあったりして。何かいい改善案がないかなと。

:yata: __矢田さん__
Slackに「esabako」というチャンネルを作って、esaの通知を全部流すようにしてるんですが、なんか全部来ちゃいますね。

:otani: __大谷さん__
ToDoリストのチェックボックスを入れるたびに更新通知が流れちゃうんですよね。

:@taea: __赤塚__
__──実は、SlackのWebhookは、正規表現で決まったカテゴリだけ指定することができるんです。これ実は、意外と気付かれていなかったりします…。__

<img src="https://img.esa.io/uploads/production/attachments/3/2018/11/16/2/4bb841cd-0b1f-447e-ba4a-7d2daca23daf.png" width="500" />

:yata: __矢田さん__
ありました。気付いていなかったです。

:otani: __大谷さん__
ここから `on post update` のチェックボックスも外した方がよさそうですね。

:@ppworks: __越川__
__── `on post create` だけにしてあげることによって通知の頻度を下げるとか、流量の多いチームだとよくやりますね。__

:tsuchie: __土江さん__
最初、俺が言った気がする。「`on post update` やめようよ」って。

:yata: __矢田さん__
ごめん、無視したかも(笑)。

:otani: __大谷さん__
土江さん、警察に入らないから(笑)。

:yata: __矢田さん__
市民の気持ちを慮れていなかったかもしれないです(笑)。

:otani: __大谷さん__
じゃあ、通知のカテゴリから「ワンダーランド」を外しましょうか。

:yata: __矢田さん__
調整して、棲み分けができそうです。

:@ppworks: __越川__
__── ここのWebhookまわりは、UIがわかりにくい部分がありますね。__

:@taea: __赤塚__
__──ここは直さなきゃですね。__

:yata: __矢田さん__
おそらく最初、試しにアリアリでチェックボックスを全部チェックして設定して、後から変えようtと思って完全に忘れていました。
わざわざチェックがついているということは、多分最初は読んで把握したはずなんですよね。

:@ppworks: __越川__
__── WIP to Ship itとか、Ship it to Ship itとかだけとかのアップデートも、けっこう便利な気はするんです。__

:@taea: __赤塚__
__──このチェックボックス郡も読んで理解するのが面倒くさいですね…。もうちょっといい表現を考えますm(\_\_)m__

:otani: __大谷さん__
でも、「ワンダーランド」を通知から弾くようにしたので、これで大丈夫。今、3回くらい更新したけど、esabakoには私の通知が来ていない。

:yata: __矢田さん__
でも、全部来ないんじゃないですか、他のやつも。

:otani: __大谷さん__
そうか、今、`on post update` も弾いたのか。
……はい、サーセン。(カタカタ…)

:ishida: __石田さん__
いつもこんな感じなんです(笑)。

:otani: __大谷さん__
生意気な後輩です。

:ishida: __石田さん__
これができると、みんなが書いた記事も逃さず見ることができる。

:yata: __矢田さん__
でも、カテゴリによっては `on post create` だけじゃなくて、`on post update` も見たいカテゴリもありますね。ちょっと考えないといけないかもしれないです。

:@ppworks: __越川__
__── Webhookは複数作れるので、hookとチャンネルを2つ作るのもアリかもしれないです。__

:yata: __矢田さん__
「esabako」と「巣箱」を2つつくる(笑)。

:@ppworks: __越川__
__── 2つ作って、全部の通知を見たくない人は、通知の少ないほうのチャンネルに入るとか。
警察は全部見たいからそこに入るとか、いろいろなやり方がありそうです。__

:otani: __大谷さん__
障害対応のログとかもあるので、それだけ流すチャンネルがあるのもいいかもしれない。

:@taea: __赤塚__
__──確かに、「これは見ておけ」みたいなのが流れるチャンネルがあってもいいかもしれません。__

:@ppworks: __越川__
__── 例えば、開発以外の人たちもいるようなチームだと、そういうふうにやっているところはありました。障害のところは全員が見れるようにとか、営業さんはそこは見ておきたい、みたいな。__

## esa社はフィードバック返信速くてすごいが、<br>ドキュメントはもっと整備してほしい。


:otani: __大谷さん__
ところで、esa社のユーザーフィードバック対応、分単位でめちゃくちゃ速いですよね。

<img alt="love1.png (16.4 kB)" src="https://img.esa.io/uploads/production/attachments/3/2018/12/07/2/cd444648-0e72-4679-9c75-8c82a8afdce0.png" width="500">

<img alt="love2.png (27.1 kB" src="https://img.esa.io/uploads/production/attachments/3/2018/12/07/2/47b35917-938a-47ce-9f5d-bddfcb26caee.png" width="500">


:ishida: __石田さん__
5分以内に返ってくると聞いています。

:@taea: __赤塚__
__──あれは最初は、うちの深谷さんが頑張ってすごい早く返していて、私は最初はちょっと早すぎやしないかと思って実は若干引いてたんですが、ユーザーさんに本当に喜んでもらえるのを見て見習うようにしました。__

:@ppworks: __越川__
__── もう、命かけている感じで早いよね(笑)。__

:ishida: __石田さん__
10分くらいして、「いや、まだ返答きてな……、うわっ、きてるわ!」ってなるんです(笑)。すごいなと。

:@ppworks: __越川__
__── ユーザーさんからフィードバックがくると我々のSlackに通知が来るんですが、それに絵文字リアクションで一番最初に「返す」とつけた人が返しているんです。早押しクイズみたいに、それをいつも競い合っています。__

:tsuchie: __土江さん__
それは速いですね、確かに。

:@taea: __赤塚__
__──逆に、すぐ返信しないと忘れちゃうので、短期記憶に残ってるうちに即答するのが実は一番効率がいいということに気づきました。__

:@ppworks: __越川__
__── fukayatsu氏の部屋は、フィードバック来ると前はHueの色が赤くなったよね (笑)。__

<blockquote class="twitter-tweet" data-lang="en"><p lang="ja" dir="ltr">Gmailで特定のラベルに新着メール来たらhueでわかるようにしたけど、わりと心臓に悪い感じになったので改善が必要。あと時間帯指定で無視とかしたい。 <a href="https://t.co/FR5j3oq6Yh">pic.twitter.com/FR5j3oq6Yh</a></p>&mdash; Atsuo Fukaya (@fukayatsu) <a href="https://twitter.com/fukayatsu/status/746734175416262657?ref_src=twsrc%5Etfw">June 25, 2016</a></blockquote>

<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


:@taea: __赤塚__
__──電気全部赤くするようにしたら心臓に悪かったって言ってたから、今はやってないのかな(笑)。__

:@fukayatsu: __深谷(後日談)__
__──今は、8:00–24:00の間のフィードバックだけHue Goがじんわり赤くなるようになってる。__

:yata: __矢田さん__
それこそ、鳥の声とかを流せばいいじゃないですか。

:@ppworks: __越川__
__── いいかも。さえずる感じにしようか。__

:yata: __矢田さん__
癒し系の鳥で。

:@taea: __赤塚__
__──鳥の声、いいですね!実は近々、esa社はオフィス移転の予定でして、次のオフィスで試してみたいと思います。
他にも、esaへの要望ありますか?ここが好き!というのでもいいです。__

:otani: __大谷さん__
`Ctrl+E` (`⌘+E`)で編集画面に飛べるのがすごい好きです。
…という話を、昨日課内会議でしたら、みんな知らなくてドヤ顔できました。めっちゃ便利。

:@taea: __赤塚__
__──その機能、最近まで私も忘れていました。__

:otani: __大谷さん__
あと記事一覧ページで、`j`と`k`で移動できるじゃないですか。あれも、[esaトーク読んで](https://docs.esa.io/posts/264#esa%20%E3%81%B8%E3%81%AE%E8%A6%81%E6%9C%9B)「あっ、あるんだ」って知りました。

(参考: [ReleaseNotes/2015/09/12/ショートカットキーで記事間を移動できるようになりました - docs.esa.io](https://docs.esa.io/posts/138))

:@taea: __赤塚__
__──これはProTipにも載せておいたほうがいいですね。__

:@ppworks: __越川__
__── で、`j` `k`で移動して、`Enter` で記事が開くとか…、最高じゃないですか。__

:@taea: __赤塚__
__──あっ、`Enter`で記事開くんでしたっけ…。知っていた気がするけど、忘れていました。__

:otani: __大谷さん__
思っている点は、そういう機能がドキュメントに載らないというのが……(笑)。

:@taea: __赤塚__
__──言ってよって感じですよね。「隠し機能が多すぎるのでまとめてください」と他でも言われました。本当そう思います。__

:@ppworks: __越川__
__── すごい便利なのに、損しているところがあるかもしれない。__

:@taea: __赤塚__
__──Helpとかのドキュメントは、もうちょっとちゃんとしたいな、しなきゃな…とずっと思いつつ、ちょっと面倒くさいと思う気持ちが正直あって…なかなか手が進まないんですね。__

:tsuchie: __土江さん__
「今週の隠し機能」みたいな感じで毎週ピックアップするとか。

:yata: __矢田さん__
また、それも勝負にしてもらって。

:tsuchie: __土江さん__
スターがたくさんついた方が勝ち!みたいな。

:yata: __矢田さん__
スターの数で競う感じで。

:@taea: __赤塚__
__──週のルーティンにしてスター数競うの、よさそうですね!そういう、モチベーションを上げる工夫をして書いていかないとなあ。ありがとうございます!__

:@ppworks: __越川__
__── リリースノートは定期的に出していきたいので、Trelloのタスクに毎週入れてるんですよね。ProTipやHelpもタスクにしちゃえばいいかもですね。__

(後日談:  週1本[ProTip](https://docs.esa.io/#path=%2FProTip)を持ち回りで書いていくのを、島根情報処理センターのみなさんのおかげで最近はじめました :pray: )

## 人数多いチームだとWatchが機能しなくなる問題。<br>Slackの更新通知はdiffが見たい。

:tsuchie: __土江さん__
あと、今記事にできるリアクションが、Starしかないじゃないですか。
後で見たいリスト…マイリストみたいなものとか、毎回自分がチェックする記事とかを、お気に入り登録する機能があるとうれしいなと。

:ishida: __石田さん__
ちょっと記事が長いと後で読もうかなと思ったりもするので、そういう時にあると便利かもしれません。

:@ppworks: __越川__
__── Watch や Star とは別にということですよね。Starは割とリアクションとしてのみ使われがちだし、Watchするほどでもなくて…みたいな感じなのかな。__

:otani: __大谷さん__
あまりWatchを自分から使っている人はいないかもしれないです。

:@ppworks: __越川__
__── Watchは編集やコメントを加えると自動的につくんで、どんどんWatchしてる記事が増えちゃうんですよね。
我々みたいな、3人くらいのチームだとあまり感じないですが、私の前職は200人くらいいたので、Watchしてる記事が多すぎて通知が機能しなくなるんです。そこで Unwatchで一旦既存のWachを全部消して、ブックマークしたい記事を改めてWatchし直す…みたいなことを以前はよくやってました。__

:@taea: __赤塚__
__──右上の通知窓が大爆発している人をよく見るんです。あの赤い数字が何百…みたいになっているという。__

:ishida: __石田さん__
自分、109(笑)。

<img src="https://img.esa.io/uploads/production/attachments/3/2018/11/19/2/2a7f1c6c-6b07-4e99-8419-c5fb9dfef9ae.png" width="400"/>

<br/>
<small>通知窓の大爆発</small>


:@taea: __赤塚__
__──やはり、なっています?(笑) なるほど、あれは通知がそういう形で機能しなくなっているんだなあと、なんとなくわかってきました。__

:otani: __大谷さん__
私、右上の通知は全部切っています。切ってるけど、アイコンをhoverすると鳥がパッと出てくるからかわいいですよね。
あと、`Ctrl+S` (`⌘+S`)で(記事を一時保存した時に)鳥が傾くのもかわいい。

:otani: __大谷さん__
また通知の話なんですが、esaのSlackの通知って、基本的には、メッセージとその記事の冒頭内容じゃないですか。
冒頭じゃなくて、diffが見れたら一番いいかなと思うんです。

:@ppworks: __越川__
__── これは、Issueにはなっていますね。やるか。__

:@taea: __赤塚__
__──esaトークをやると、開発のやる気になっていいですね(笑)。__

<img src="https://img.esa.io/uploads/production/attachments/3/2018/11/19/2/396d038e-81e3-4935-a095-f0fb44374983.png" width="500"/>

:otani: __大谷さん__
でも、diffへのリンクはあるんですね。

:yata: __矢田さん__
ありますね。私、大体、diffのリンクをクリックしてます。

:@taea: __赤塚__
__──さらに現状、タイトル変更時のdiffもリビジョンから辿れなかったりするので、それも含めてトータルで見直していきたいと思っています。__

:otani: __大谷さん__
「変えといたよ」と言われたけど、リビジョンから見ると何が変わっているのかわからなくて、聞いてみたらタイトルの変更だった…みたいなことはあります。

:@taea: __赤塚__
__──そこらへん、不便ですよね…。改善していきたいと思います。他に、何かありますか?__

:otani: __大谷さん__
記事の詳細ページを見ているときに左側のカテゴリメニューがないというのが、Homeからじゃないとカテゴリツリーが辿れないのが不便という意見は出ていました。

:@taea: __赤塚__
__──カテゴリメニューはいずれどこでも見れるようにしたいですね。それもフィードバックでたまにご要望いただきます。__

:otani: __大谷さん__
今見たら、記事の3分の1くらい、全部私なんです。チームの記事数が合計で586あって、私のプロフィールを見ると、265書いているんです。

:yata: __矢田さん__
一人日報なんてそんなもんですよ(笑)。

:otani: __大谷さん__
すいません(笑)。ひたすら日報を書いている。記事数ランキングは圧倒的だな。

:@taea: __赤塚__
__──このへんの利用状況の可視化も、Statsのページとかでできたらいいですよね。
GitHubのStatsみたいな感じで、例えば、「何曜日やこの時間帯はなぜかすごいみんな書いてるな」みたいなのも見れると面白いかと。うまいこと鳥と絡めたようなビジュアルでやりたいなとか考えてて、今あたためています。__

:yata: __矢田さん__
プロフィールの鳥箱にいる鳥の数が多いとか、そんな感じですかね。
ユーザのプロフィール画面があるじゃないですか。そこに、そっと巣箱を置いて、すごく大量に鳥が住んでいたら、めっちゃ書いてるよとか、その人がまいた餌に鳥がいっぱい集まってきたよ、みたいな。今適当に言いました(笑)。

:@taea: __赤塚__
__──巣箱があるのいいですね。飼っている感じ。__

## みんなが働きやすい環境づくりへの取り組み。<br>リモートワーク等、場所にとらわれない働き方へ。

:@ppworks: __越川__
__── 最後に、島根情報処理センターさんで働くことの魅力について、教えてください。__

:@taea: __赤塚__
__──この会社で働くことによって、こういう楽しいことがある!とか。また、出雲や島根の魅力などについてもお聞きしたいです。__

:otani: __大谷さん__
この部屋でノマド気分ができるとか。昨年社屋を建て替えたばっかりできれいなんです。

:@taea: __赤塚__
__──なるほど、カフェ気分が味わえる。この部屋いいですよね。おしゃれでリラックスできる空間で。__

<img width="947.9314285714287" alt="P1010114.JPG (3.5 MB)" src="https://img.esa.io/uploads/production/attachments/3/2018/11/19/2/3b2b9942-976d-42ed-9499-573230fc6305.JPG">

<small>カフェのようなコーナーがある</small>


<img width="947.9314285714287" alt="P1010087.JPG (3.5 MB)" src="https://img.esa.io/uploads/production/attachments/3/2018/11/19/2/450b0472-154d-4795-9573-bd97c082a620.JPG">


:ishida: __石田さん__
ちょっと堅い社名で誤解されがちなのですが、私服の開発員もいますし結構カジュアルな社風です。
最近では、リモートワーク推進も視野に入れていまして、実際来月から1名、九州の長崎からリモートで仕事をすることになりました。ゆくゆくは、場所にとらわれないような働き方を目指して、今取り組んでおります。

:@taea: __赤塚__
__──皆さん、お住まいはこのへんなんですか?会社からどのくらいの距離のところに住んでいらっしゃるんですか?__

:ishida: __石田さん__
私は35キロくらいで、車通勤ですね。

:@taea: __赤塚__
__──毎日車なんですね。皆さん、大体車通勤ですか?__

:yata: __矢田さん__
車です。10分、15分とか。

:otani: __大谷さん__
車で10分くらいですね。実家からだと40分とか。

:tsuchie: __土江さん__
大体、10分、15分とか。
基本、車必須ですね。

:yata: __矢田さん__
石田さんは1時間くらいかかります?

:ishida: __石田さん__
1時間かな、朝は。

:@taea: __赤塚__
__──ご実家の人が多いんですか?__

:otani: __大谷さん__
私はネコのために一人暮らししてます。
実家が動物禁止なので、ネコを飼いたかったので、飼えるところに引っ越したら、会社の近くになりました。

<img  alt="P1010073.JPG (3.5 MB)" src="https://img.esa.io/uploads/production/attachments/3/2018/11/19/2/c039748e-ab09-49f2-a2f5-3e8645e63d0f.JPG">

:@taea: __赤塚__
__──基本、地元がこのへんなんですか?__

:ishida: __石田さん__
ほとんど地元出身ですね。他には、結婚をしてこっちにきた方も多いです。

:otani: __大谷さん__
来月長崎に行く人は、結婚して長崎に行きます。

:ishida: __石田さん__
特に女性の場合は、出産・結婚とかで働く場所が限定されることも多く、そういったことも含めてみなさんがなるべく働きやすいような環境づくりに取り組んでいます。

:@taea: __赤塚__
__── そういえば、女性のエンジニアさんが比較的多いとお聞きしました。__

:otani: __大谷さん__
開発部は過去に、女性が過半数超えてたこともありましたね。今は半々くらいですが。

:ishida: __石田さん__
島根県はインドから来た学生や社会人を、名乗りを挙げたIT企業が毎年インターンとして受け入れるという活動を行っています。そして、去年の1月インターンで来て頂いた方が、今年4月から弊社の方で社員として働きはじめました。

:@ppworks: __越川__
__── こっちに移住して働いていらっしゃるんですか?__

:ishida: __石田さん__
はい、もう移住しています。技術研究部門で働いています。

## 出雲大社、宍道湖、そして鳥好きにはフォーゲルパーク!<br>海も山も近く、アウトドア好きにもうれしい環境。

:@taea: __赤塚__
__── いろんな方が働きやすい環境なんですね。
出雲や松江に住んで働くことの魅力や、素敵なところについても教えてください。__

:tsuchie: __土江さん__
鳥好きにはまず、「[松江フォーゲルパーク](https://www.ichibata.co.jp/vogelpark/)」がうれしいですね。

:yata: __矢田さん__
松江に、鳥だけの動物園みたいなところがあるんですよ。

:otani: __大谷さん__
松江市民だと、ちょっと安くなるんです。

:@taea: __赤塚__
__──フォーゲルパーク、いいですよね!似た感じのコンセプトで作られている静岡の[掛川花鳥園](http://k-hana-tori.com/)は好きで何度か行っています。フォーゲルパークは去年行けなかったので、今年こそ行きたいです。(後日談: 今年も行けなかったので来年こそは…)__

:otani: __大谷さん__
あと、出雲大社。

:ishida: __石田さん__
前はけっこう閑古鳥な感じだったのですが、平成の大遷宮後からすごい賑わってますね。お店も大社の前にたくさん並んでいます。

:otani: __大谷さん__
スタバが出来ましたね。

:ishida: __石田さん__
当時は「スタバが出来た!」って。

:otani: __大谷さん__
今でも、土日はずっと並んでいます。スタバ、どこにでもあるのに(笑)。

:tsuchie: __土江さん__
一時すごかったよね。

:otani: __大谷さん__
限定のボトルがあるとかなんとか。
(※後日、ボトルではなく、マグカップであることが判明した)

:ishida: __石田さん__
スターバックスって、地元の特徴を捉えた店をつくっておられるのですが、大社のスターバックスもそんな感じになっています。

:tsuchie: __土江さん__
2階席に行くと、出雲大社の鳥居がよく見えるんですよ。
あと、そばとお魚がおいしいですね。

:otani: __大谷さん__
ぜひ刺身醤油を買って帰ってください。

:tsuchie: __土江さん__
全然味が違うと思います。

:yata: __矢田さん__
マジですか。刺身食べないので。

:otani: __大谷さん__
刺身醤油は甘くてドロッとしていて。

:tsuchie: __土江さん__
関東と違うはずです。

:tsuchie: __土江さん__
海も山もすぐ行けるから、キャンプとか登山するのにもいいですよ。あと雪も降るので、スノーボードとかも。アウトドアが好きな人にはいいところです。

:@taea: __赤塚__
__──おお、スノボのイメージはありませんでしたね。いいですね。__

:tsuchie: __土江さん__
1時間かからないくらいで、すぐいけます。

:@taea: __赤塚__
__──去年、初めて、カンファレンスで松江に来たのですが、本当にきれいなところで、びっくりしました。水が多くて。__

:ishida: __石田さん__
水の都と呼ばれています。

:tsuchie: __土江さん__
晴れた夕方はきれいですよ。

<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/BpoVQK-h-zE/?utm_source=ig_embed&amp;utm_medium=loading" data-instgrm-version="12" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/p/BpoVQK-h-zE/?utm_source=ig_embed&amp;utm_medium=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div><div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;"> View this post on Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/BpoVQK-h-zE/?utm_source=ig_embed&amp;utm_medium=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">TAEKO AKATSUKAさん(@ken_c_lo)がシェアした投稿</a> - <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2018-11-01T07:58:44+00:00">2018年11月月1日午前12時58分PDT</time></p></div></blockquote> <script async src="//www.instagram.com/embed.js"></script>

<small>宍道湖の夕日</small>

:otani: __大谷さん__
[県立美術館](http://www.shimane-art-museum.jp/)から見る夕日が、たぶん一番きれいです。

:ishida: __石田さん__
県立美術館はうさぎがいるよね。あれ、触ったら何になるのかな?

:otani: __大谷さん__
なんか願いがかなうとかなんとか。みんな、適当にしじみの殻を供えてたり(笑)、頭にかぶせてあったり。あれ、なんなんですかね。
そういえば、出雲大社の裏にも、この間うさぎが出来ました。結婚式の記念品でしたっけ?

:yata: __矢田さん__
きっかけは知らないですが、3、4羽突然出来ていましたね。

<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/BpoIGDBhzuj/?utm_source=ig_embed&amp;utm_medium=loading" data-instgrm-version="12" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/p/BpoIGDBhzuj/?utm_source=ig_embed&amp;utm_medium=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div><div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;"> View this post on Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div></a> <p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://www.instagram.com/p/BpoIGDBhzuj/?utm_source=ig_embed&amp;utm_medium=loading" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_blank">🐇🐰</a></p> <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/ken_c_lo/?utm_source=ig_embed&amp;utm_medium=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank"> TAEKO AKATSUKA</a>さん(@ken_c_lo)がシェアした投稿 - <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2018-11-01T06:03:45+00:00">2018年10月月31日午後11時03分PDT</time></p></div></blockquote> <script async src="//www.instagram.com/embed.js"></script>

<small>出雲大社のうさぎ、行ったら居ました</small>

:otani: __大谷さん__
あれ、七福神だから、7羽です。本を読んでいたり、担いでいたりするんです。
因幡の白うさぎという、鳥取の話に(笑)。

:@taea: __赤塚__
__──鳥取とか島根とか、諸説あるやつですね(笑)。__

:tsuchie: __土江さん__
松江に住むと、すぐ鳥取も行けますね。境港とか。カニとかも安く買えますよ。車で1時間くらいで行けます。

:otani: __大谷さん__
あと、松江城のお堀をぐるっとまわる[堀川遊覧船](https://www.matsue-horikawameguri.jp/)は、冬はこたつ船が出ていますよね。船の上でこたつに足を突っ込めるんです。

:tsuchie: __土江さん__
寒いときは最高ですね。

:@taea: __赤塚__
__── はー、こたつ船いいですね!あの遊覧船も去年気になってて乗れなかった… 乗ってみたいです。
出雲や松江の観光情報も教えていただき、ありがとうございました! とても楽しいインタビューでした!__

![IMG_3837_2.jpg (717.6 kB)](https://img.esa.io/uploads/production/attachments/3/2018/11/20/11/5432220d-41aa-4663-a637-90ad898053e7.jpg)


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

このあと我々は、出雲のおいしい創作料理のお店に連れてっていただき、そこでも色々と話が盛り上がり、最高な島根遠征の1日目を過ごさせていただきました。
美しい宍道湖や出雲大社のお膝元で、自分たちが仕事をしやすい環境をesaやSlackのハックも生かして楽しみながら自分たちで作り出し、またそういった改善アイデアを柔軟に受け入れる素敵な職場環境だなと感じさせられるインタビューでした。

そんな[島根情報処理センター](https://www.sjc-inc.co.jp/)さんが気になる方は、こちらもチェックしてみてください。

- [採用情報 | 株式会社 島根情報処理センター](https://www.sjc-inc.co.jp/recruit)


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

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

esaのユーザーさんに、esa社のワレワレが突撃してお話聞きにいくという企画、 esaトークの第6回がやってまいりました。

今回は東京から遠征しまして、島根県は出雲市の島根情報処理センター様にお話をおうかがいしてきました。
いろんなesa関連のBOTなどを和気あいあいと楽しみながら作り、柔軟に業務改善をしていく様子をお聞きしました。
また、出雲や松江の魅力、観光情報などもお聞きすることができました!

image (3).png (1.2 MB)


  • 社名: 株式会社 島根情報処理センター
  • esaメンバー数 : 17 users (2018/11/19 現在)
  • お話を伺った方(写真左から):
    • :tsuchie: 土江 勇樹さん(開発ソリューション部・開発課・主任)
    • :otani: 大谷 明日香さん(開発ソリューション部・開発課・エンジニア)
    • :yata: 矢田 文香さん(開発ソリューション部・開発課・エンジニア)
    • :ishida: 石田 龍司さん(開発ソリューション部・開発課・課長)
  • インタビュー実施 : 2018年10月31日
  • 聞き手:
    • :@taea: esa社デザイナー: 赤塚 妙子 @ken_c_lo
    • :@ppworks: esa社エンジニア: 越川 直人 @ppworks

創業47年!島根県内で2番目の老舗IT企業。
開発部門は、Rubyのお膝元でRubyを使った開発に注力。

:@taea: 赤塚
── 早速、自己紹介からはじめましょう。私から、esa社の赤塚と申します。esa社のデザイナーをやっております。よろしくお願いします。

:@ppworks: 越川
── 私が、esa社の越川と申します。エンジニアをやっております。よろしくお願いします。

:@taea: 赤塚
── 今回私達は、松江で開催のRubyWorld Conferenceに参加するために島根におじゃましています。
実は今年の仙台のRubyKaigiのときに、石田さん以外のお3方に初めてお会いしてお話しさせていただいて、もっとお話が聞きたいと思いまして、そのときに「今年も島根に行くのでその時はesaトークの取材をさせてください!」とオファーさせてもらったのがきっかけになります。
今回、ご快諾していただき、ありがとうございました!
では、お一人ずつ、自己紹介をお願いいたします。

:ishida: 石田さん
では、私から。島根情報処理センターの石田と申します。よろしくお願いします。
今は課長を努めています。主に、エンジニアのマネジャーや、取引先との調整が中心です。
たまに調整上やむなくなのですが、プログラミングをする機会もあったりします(笑)。
しょうがないのですが。そのときが一番楽しい時間かなと…「しょうがないなあ、やるか」みたいな感じで。

:otani: 大谷さん
島根情報処理センターの開発課の大谷明日香と申します。よろしくお願いします。
普段は、土江さんや矢田さんのプロジェクトで、体のいいエンジニアをやっています。
面倒なことを投げられて、「面倒だなあ」と言いながらコード書いてます。

:tsuchie: 土江さん
めっちゃ助かってるよ(笑)。

:ishida: 石田さん
助かってる(笑)。

:otani: 大谷さん
お酒飲んだときしかそれ言わないですよね(笑)。

:ishida: 石田さん
彼女は本当にコーディングスピードが速いんですよ。

:otani: 大谷さん
いえいえ。まあ、バグもいっぱいある(笑)。そんな感じです。

:@ppworks: 越川
──コードたくさん書いたらバグもたくさん出ますからね(笑)。

P1010100.JPG (3.2 MB)

:tsuchie: 土江さん
島根情報処理センターの土江と申します。
僕も、開発課で主任をしています。今年主任になったばかりで、特に主任っぽいことはあまりしていない(笑)。

:ishida: 石田さん
やってるよ!(笑)

:tsuchie: 土江さん
今頑張っています。
仕事の内容としては、プロジェクトのリーダーや管理、上流工程の設計、もちろん開発もしたり、もちろん雑用もしています。なんでも屋という感じです。先週までは、プロジェクトで仕様書を書くことが多かったので、Excelとお友達状態だったのですが(笑)。
今週から、Rubyを書いているので、今めっちゃテンションが上がっています!楽しいです。よろしくお願いします。

:yata: 矢田さん
島根情報処理センターの矢田文香と申します。
やっている業務は、プロジェクトのリーダー的なところで、スケジュールの調整とかをしています。
あと、設計書を今書いていて、今は、私がエクセルとお友達です(笑)。

:otani: 大谷さん
レビューもしていますよね?

:yata: 矢田さん
仕様レビューもしています。
今じゃないときは、コードを書いたりもしていて、今、Rubyに早く会いたいなという気持ちです。

:@taea: 赤塚
──コードを書く時と、なかなか書けない時がある感じですか?

:yata: 矢田さん
そうですね、プロジェクトによって。

:tsuchie: 土江さん
工程とかプロジェクトのフェーズとかの違いによっても、書く時期と書かない時期があったりします。

P1010099.JPG (3.2 MB)

:@taea: 赤塚
── 皆さん同じチームですか?

:yata: 矢田さん
同じ開発課ではあります。プロジェクトや、やっていることは違ったりします。

:@taea: 赤塚
── それでは次に、島根情報処理センターさまが、どんな会社なのかを教えてください。

:ishida: 石田さん
私たちの会社は、一般的にいうと、システムインテグレーターと呼ばれる企業で、お客さまからの要求をまとめ、開発・運用・保守業務を中心に受託しておこなっております。
今年でなんと47年目。IT企業の中では、たぶん、老舗になるのではないかなと。

:@ppworks: 越川
── 47年!何年に創業しているんですか?

:ishida: 石田さん
昭和47年1です。実は島根県内ではIT企業で2番目の老舗です。

:otani: 大谷さん
昭和44年に計算センターをやっていて、その後、47年に、今の形になったみたいなことを聞いた気がする。

:ishida: 石田さん
弊社の取引先は、主に官公庁であったり、自治体様で、最近では民間企業様も、多く取引をさせていただいております。
官公庁様や自治体様とのお取引は、昭和47年の創業当時から今まで続いてます。

:@taea: 赤塚
──具体的にどのような業務内容なんでしょうか?

:ishida: 石田さん
例えば、自治体様につきましては、基幹業務を一手にシステムの運用保守をおこなっております。
例えば、住民票や国保資格などの市民業務や、住民税、国保賦課、収納などの税業務。また、医療系や介護等の福祉業務です。

:@ppworks: 越川
──そうした基幹業務システムもRubyなんですか?

:ishida: 石田さん
いえ!違います(笑)。使いたいのですが。

:@ppworks: 越川
──性質上、全てというのは、なかなか難しそうですもんね。

:ishida: 石田さん
そうですね。けっこう大きいシステムになりますので、なかなか。

:@taea: 赤塚
── 電子化以前にまだ紙の文化がだいぶ残っていそうな部分ですよね。

:ishida: 石田さん
そうですね。まだやはり紙での運用が多いと思います。
電子化をしたいというご要望もいただくのですが、なかなか一筋縄ではいかないのが現状です。

:otani: 大谷さん
印刷物の納品もしてますしね。

:@taea: 赤塚
── 印刷物?!

:ishida: 石田さん
そうです。通知書や納付書など、何万人〜十数万人分の、市民の皆様方に配られる印刷物を弊社の中で印刷しています。

:@taea: 赤塚
── では電子的なものにこだわらず、全体の業務フローそのものの仕組みを改善していくような感じのお仕事でしょうか。

:ishida: 石田さん
はい、全体のシステムとしての運用保守をさせていただいています。

:@taea: 赤塚
── 全社どのくらいの人数がいらっしゃるんでしょうか?

:ishida: 石田さん
現在は、役員を除き63名です。
大きく分けて三つの部門がありまして、公共部門というのが先ほどの官公庁さまや自治体さま向けの部門で、
あと、開発部門。これが私達の部署です。どちらかというと民間企業さまを対象にさせていただいています。
それと、もう一つ、研究部門というのがありまして、そこは、今流行りのAIやIoTのような、将来に発展するであろう技術開発をおこなっております。

:@taea: 赤塚
── 先ほども少し触れたのですが、利用している言語やフレームワーク等の開発環境について教えてください。

:ishida: 石田さん
これも部門によっていろいろ変わっています。
例えば、研究部門はやはり、Pythonの利用が多いです。
私たち開発部門は、Ruby on Railsを主力言語と考え、みんなに学習してもらっています。
Ruby Programmer Silver version 2.1という資格があるのですが、それも90%以上の合格率です。
まず、開発部門としてはRubyをプログラムの共通言語として扱い、プログラミングに対する技術的なものは、Rubyを通して、みんなに情報共有をしてもらおうという感じになっています。
ただ、受託が中心ですので、最近はなかなかRuby一本だけというわけにもいかなくて、C#であったり、Swiftなどを使うことも多いです。

:@taea: 赤塚
── Rubyに力をいれはじめたのは、どのくらい以前からなんでしょうか?

:ishida: 石田さん
開発部門が出来たのが7年前くらいで、そのタイミングで何か新しい言語をしようということで、今、Rubyのお膝元島根というところで、当時はいろいろ優遇も受けて、ずっと7年間、Ruby on Railsを中心に業務をおこなっています。

P1010055.JPG (3.3 MB)

:@taea: 赤塚
── やはりRubyを触るのが、一番好きですか?

:ishida: 石田さん
僕は大好きです。

:tsuchie: 土江さん
Excelは……。

:yata: 矢田さん
よりは(笑)。

:tsuchie: 土江さん
久々に触ると、「あっ、めっちゃ楽しい」みたいになります。「おおお!」って。

:otani: 大谷さん
Rubyを主力にしてきた弊害で、他の言語をあまり知らないという(笑)。

:ishida: 石田さん
時間というのは有限なので、広く浅く覚えるのか、一つの言語を集中させるのか、二つの選択肢があります。その中で、他の企業さま以上の強みを持ちたいなということで、Rubyに集中するという方針でした。

:@ppworks: 越川
──島根だったらやっぱりRuby使いたいですよね。

esaを選んだ理由は、鳥が好き!かわいいは正義!
「とりあえず書く」というコンセプトも決め手に。

:@taea: 赤塚
── esaの話に移りたいと思うのですが、esaって、最初は何でご存じになりましたか?

:otani: 大谷さん
(矢田さんの方を指して)あそこに、鳥が好きな人がいまして。

P1010085.JPG (3.5 MB)

:yata: 矢田さん
何で知ったのか詳しくは思い出せないのですが、最初は LodgeというOSSのMarkdownで書ける情報共有サービスを使ってまして、どこかでコンテナを立てて社内でメンテナンスをやっていました。その運用コストが高いから外部サービスを使いたいねというのがきっかけでした。たまに原因不明で落ちちゃって、急に半日くらいその復旧に時間を取られてしまったり…。

:tsuchie: 土江さん
データ飛んだことありましたよね(笑)。

:yata: 矢田さん
Lodgeそれ自体の問題というよりも、その周辺での運用の問題があり…それで、検討した結果、かわいいやつに決めたというところです(笑)。

:ishida: 石田さん
かわいいは正義です(笑)。

:yata: 矢田さん
そうですね(笑)。鳥好きの人に決定権を与えたというところもありますので。

:@taea: 赤塚
── 矢田さんが先導して情報共有ツールまわりを決められた感じなのですか?

:yata: 矢田さん
先導というか、「かわいいからこれがいい」と一番強く主張した人は私です(笑)。

:ishida: 石田さん
かわいいなら仕方がないかなと(笑)。

:yata: 矢田さん
誰も反論がないから、「かわいいからこれにしますよ」と。
特に強い反対意見が、確か、私の中ではなかったことになっている(笑)。

:otani: 大谷さん
一応出しましたよ?

:yata: 矢田さん
ちょっと、私の中ではなかったかなーと(笑)。

:otani: 大谷さん
思い出して。Scrapboxのことを思い出して(笑)。

:@taea: 赤塚
── Scrapboxも人気ですよね。

:ishida: 石田さん
それと、esaの「とりあえず書こう」というコンセプトが良いと思いました。
やはり、以前Lodgeを使っていた時もなかなか書かれないという課題を感じており、こういったツールは用意しても使われなければなんの意味もないので、まず書きやすいサービスという方針・コンセプトが、弊社の問題と合っているなと思い承認しました。

:@taea: 赤塚
── 実際、esaに変えたことで、以前よりも書かれるようになりましたか?

:yata: 矢田さん
前より記事の量は増えていると思います。

:ishida: 石田さん
以前は、本当に技術的な情報… 例えば、インストール手順であったり、プログラミングのライブラリの使い方だったり、新しいツールの紹介とかが中心でした。最近の使われ方はもっと広がっていて、例えば、議事録など、もっと大きく、みんなを巻き込んで使う仕組みをちゃんと用意して、使ってもらえるようになってきています。

:@ppworks: 越川
── 議事録だったら、それこそ、会議をやれば生まれるものですから、それをきっかけにしてみんなが使う仕組みを整えていくのは、確かにいいですよね。

:ishida: 石田さん
そうやって書く敷居を下げていくということが大事かなと。

「弊社のesa警察はちょっと強引なので、自警団じゃなくて警察です。」
esa警察の定義はドキュメントに明記。

:@taea: 赤塚
── esaに書かれている内容は、さきほどお話に出た議事録などの他には、どんな種類のものが書かれていますか?日報には使われていますか?

:otani: 大谷さん
日報、私だけ書いています(笑)。

:@taea: 赤塚
── それ、たまに聞くパターンですね。社内で1人だけ日報書いてるっていうの。
以前ピクシブさんを取材させていただいたとき、Atomさんが1人で日報を書かれている という話がありました。

:otani: 大谷さん
最初1人で日報書いてたらだんだんじわじわ広がっていった…みたいなうわさを聞くから、広がらないかなあとは思っているのですが。

:yata: 矢田さん
うちの場合、『ワンダーランド』に全部突っ込みますから。
ワンダーランドという、なんでもありのカテゴリがあるので(笑)。困るものは全部そこです。

:@taea: 赤塚
── ワンダーランド!(笑) いい名前だ…。

:ishida: 石田さん
誰が命名したんだろう(笑)。

:otani: 大谷さん
矢田さんと私が、議論の果てに、「いいや、ワンダーランドで」と。

:yata: 矢田さん
esa警察特権で(笑)。

:@taea: 赤塚
── 矢田さんと大谷さんは、esa警察なんですね。

:ishida: 石田さん
変なところに記事を書くと、esa警察に「これ違いますよ」って言われます。

:otani: 大谷さん
石田さんがたまに、トップレベルに謎の記事を残してたりするんです。

:yata: 矢田さん
最初導入して、記事を書く時に、タグとかカテゴリとかなんやらで、ごちゃごちゃになってしまって整理がつかなくなって、そのあたり整理したいねということで出来たのがesa警察です。

:@ppworks: 越川
── esa警察、けっこう大事。各社、みんなが使いだすと、どうしても必要になってくるんですよね。

:otani: 大谷さん
Misocaさんのesaトークを読ませていただいたんですけど、そこにはesa警察は法的拘束力を持ってはいけないから、警察じゃなくて自警団なんだと書かれてましたよね(笑)。

:@ppworks: 越川
── 国家権力じゃ駄目なんだと(笑)。

:otani: 大谷さん
弊社のesa警察はちょっと強引なので、『警察』なんです(笑)。
esa警察概要をつくりまして、「課長より権限は上」と書いてあるんです(笑)。

:@ppworks: 越川
──ちゃんと明文化されているんですね。

:otani: 大谷さん
Wikipediaの『警察』の項をパクって、esa警察の項をつくったんです。

police-rule.png (195.2 kB)


『esa警察の理念と定義』のページ(クリックで拡大します)

:yata: 矢田さん
大体彼女が動いてくれて、こういうドキュメントを色々書いてくれたりするんです。

:otani: 大谷さん
『esa警察の理念と定義』という項目があるんです。
これは、ハイになったときに書いたやつなので、今見返すとすごいつらい…。

:ishida: 石田さん
テンション高いときにね。

:tsuchie: 土江さん
『武装』って項目がある(笑)。

:otani: 大谷さん
Wikipediaの『警察』のページに『武装』という項目があって、それをパクって作りました (笑)。

:ishida: 石田さん
(esa警察の) 採用とかも書いてある。

:otani: 大谷さん
esaのノートがあるじゃないですか。書き味のめちゃくちゃいいリングノート。
esa警察になると、あれを1冊もらえるんです。


リングノート(esa警察手帳)

:@taea: 赤塚
──あれ、買っていただいたんですか!ありがとうございます。警察手帳なんですね(笑)。

:otani: 大谷さん
それだけもらって、警察を辞めるやつもいるんですけど(笑)。
(※後日、そのような不届き者はいないことが判明した)

:yata: 矢田さん
最初の1冊は会社支給ですが、2冊目以降は自腹でお願いしてます。

:otani: 大谷さん
私2冊目も使い倒してて、今日持ってこようと思ったんですが忘れました。

:yata: 矢田さん
確か、7、8冊一気に買ったので、まだまだ在庫があります(笑)。

:otani: 大谷さん
3種類目もこの間出たじゃないですか。


3種類目

:yata: 矢田さん
あれも買わないと。

:@taea: 赤塚
── あの模様みたいなやつですか。

:otani: 大谷さん
あれ、見つけたときに、Viewsが5とかで、「よっしゃ、1桁だ!」って思いました。

:@taea: 赤塚
──めっちゃチェックしてくださってますね!うれしい。 今警察はお二人ですか?

:yata: 矢田さん
もう一人の主任もesa警察です。

:otani: 大谷さん
主任しているほうの主任が。

:tsuchie: 土江さん
僕は主任してない主任。

:ishida: 石田さん
まだ、主任の初心者(笑)。

:yata: 矢田さん
つい先日、いろいろ記事が重複していたり、記事の情報が古かったりする問題について議論が起こりまして。そこで、いろいろ問題提起とか、こういうカテゴリをつくったほうがいいんじゃない?という提案をしてくれた方を引きずり込んで、「esa警察、やりませんか」って。

:@taea: 赤塚
── 採用活動ですね。

:tsuchie: 土江さん
引き抜きじゃない?

:yata: 矢田さん
引き抜きさせていただいて、「カテゴリ名一緒に決めようよ」ということで。

なんでもありの「ワンダーランド」カテゴリ。
esa記事を探せるSlackのカスタムコマンド /esadoko が便利。

:@taea: 赤塚
──esaのカテゴリの構造はどんな感じになっていますか?

:otani: 大谷さん
トップレベルが、まず「ワンダーランド」から始まるんです。

top_category.png (19.6 kB)

:@taea: 赤塚
──「ワンダーランド」の記事が一番多いんですね。

:@ppworks: 越川
── 結構すっきりしていますね。

:otani: 大谷さん
まず、Lodgeから移行してきた記事を、まず全部ワンダーランドに入れてるので数が多いというのもありますね。
そこから誰も移行しない記事を、こっそりと、少しずつ消してはいるのですが…。
ワンダーランドの他には、個人の名前のカテゴリがあったり、esa警察のカテゴリがあったり。
この人だけちょっと個人名おかしいですけど(笑)。

tsuchie.png (3.3 kB)

:tsuchie: 土江さん
これね、でも、俺が自分でつけたわけじゃないんだよ。
esa警察につけられたから、変えられない。

:@taea: 赤塚
──カテゴリ名の一括変換で名前を変えられてしまったんですね(笑)。

:yata: 矢田さん
そうです、カテゴリ名の一括変換。あの機能すごく重宝しています。警察にはすごく便利です。

:otani: 大谷さん
記事を適当なカテゴリに突っ込んでおいて、それをガッと後から名前を変えれば。

:yata: 矢田さん
後から考えるというのもできるので、ありがたいです。

:@ppworks: 越川
──警察にはなくてはならない機能ですね(笑)。

:yata: 矢田さん
この『esadoko』も便利です。Slackのカスタムコマンドで /esadokoと打ったら、記事が探せるんです。

image.png (17.7 kB)

esadoko_result.png (20.3 kB)

:otani: 大谷さん
便利です。中身はただのGoogle Apps Scriptです。

:@ppworks: 越川
── たまにSlack側から検索したいという要望をいただきますね。

:@taea: 赤塚
── /esadoko いいですね。

:otani: 大谷さん
/esadoko 電話当番 みたいに聞くと、今日の電話当番の一覧が帰ってくる。
それ見て、「あれ?〇〇さん今日電話番じゃないですか〜」みたいに、煽るのによく使います (笑)。

:@taea: 赤塚
──カテゴリ構成で、困ったことや工夫したことがあれば教えてください。

:@ppworks: 越川
── 警察の活動の中で、この機能があると捗るな、というのもあればぜひ。

:yata: 矢田さん
カテゴリの名付けが困ったような記憶があります。
まず、どう分けようかという構成と、それをどうやったら伝わるのかというところで。
この間も沸き起こった議論なのですが、『チュートリアル』という名前のカテゴリがあるんですね。当初の目的では、「新人さんが来たらこのカテゴリを読んでね」という意図でつくられたのですが、「チュートリアル」という語感だけでみんな判断しちゃって、「インストールの仕方」とか、ぽいぽい放り込まれて…。

:@taea: 赤塚
──なるほど、「チュートリアル」という名前から誤解されて、Tipsが混ざり込んでしまうわけですね(笑)。

:otani: 大谷さん
先日「チュートリアルって何だよ?」って怒られてしまったので、一応こういった「チュートリアルとは」という説明記事も書いています。

あと、さきほどの「ワンダーランド」カテゴリについても説明する記事があります。

読書感想文とかも、みんな「ワンダーランド」に書いてますね。
以前、「技術書とか読んだ感想をどこに書けばいいの?」って聞かれて、「じゃあワンダーランド使っとけば」みたいな感じになりました。

keisatsu.png (230.4 kB)


各カテゴリやタグを説明するページの全体(クリックで拡大します)

:@ppworks: 越川
── 困ったらワンダーランド。

:yata: 矢田さん
esa警察の判断を待ちたい記事も、ワンダーランド。

:@taea: 赤塚
──カテゴリの定義や使い方などのドキュメントがばっちり書かれていて、すごいですね。ここまでちゃんと書かれているケースは初めて見たかもしれません。Wikipedia っぽく書かれてるのがまたすごい (笑)。

:otani: 大谷さん
ノッたときにワーッとつくったやつなので… 警察の定義と同じ日に書いたやつです。

会議の時の議事録ページを自動で用意してくれる Bot「esa書記長」、
WIPの記事を教えてくれるBotの方の「esa警察」。

:@taea: 赤塚
──投稿テンプレートで工夫している面などはありますか?

:tsuchie: 土江さん
議事録?

:yata: 矢田さん
毎週課内会議をするのですが、その議事録のテンプレートをつくっておいて、毎週 Slackに、「今週の課内会議はここだよ」とURLを投げる、『esa書記長』というBotを、大谷さんがつくってくれました。

:otani: 大谷さん
「esa書記長」もGoogle Apps Scriptです。アイコンづくりに2時間かけました(笑)。

:@taea: 赤塚
──かわいい(笑)。

:otani: 大谷さん
これ、アイコンの権利とか大丈夫だったっけ… と思って。

:@taea: 赤塚
──チームの中で使ってもらっている分には、全然大丈夫です。

:@ppworks: 越川
── PublicのWebで使ってなければ大丈夫ですね。

:otani: 大谷さん
esa警察も、一応アイコンがあるんです。
esa警察は、WIPの記事を毎週水曜日に、「お前らそれWIPだよ」という感じで教えてくれるんです。なかなかみんなWIPをShipItしないので…。

:otani: 大谷さん
自作したアイコンは、この「esa書記長」と「esa警察」です。

:@taea: 赤塚
──アイコン、いろいろなバージョンがありますね。

:otani: 大谷さん
弊社のデザイナーがOKを出したバージョンで、今運用しています。

:ishida: 石田さん
デザイナーチェックまで入ってる(笑)。うちは厳しいデザイナーがいるので。

:otani: 大谷さん
タチハラさんというデザイナーさんに、「これ、もうちょっといいアイコンにならないか?」と聞いたら、「こうじゃない」という助言をいただいたりとか。


police-history2.png (61.1 kB)

:@taea: 赤塚
──さきほど人間のesa警察の話をしましたが、BOTのesa警察もいるんですね。

:ishida: 石田さん
WIPの記事を巡回して知らせてくれるのが、BOTの方のesa警察ですね。

:@taea: 赤塚
──巡査ロボだ(笑)。

:otani: 大谷さん
esa警察は、アーカイブした記事は拾わないようにしたいなとか、そういう改善を今後していきたいなと思ってます。
私、Slackから出たくないんです。なるべくSlackから出なくていいように、BOTを改善してます。

P1010093.JPG (3.3 MB)

定例会議の連絡事項はesaで共有して時間を節約、
その時間をコミュニケーションに活用するように。

:@taea: 赤塚
──他に、面白い工夫があれば教えてください。

:ishida: 石田さん
やはり議事録でしょうか。

:otani: 大谷さん
ユーザのアイコンをemojiで出せる機能があるじゃないですか。
あれで、議事録の中で、発言者のアイコンと名前と発言内容を並べてしゃべっている感じを出すのを、ちょっと楽しんでやっています。
元々、「(名前)」みたいに書いていたのですが、しれっとアイコンに変えました。

doc-icon-with-talk.png (47.3 kB) doc-memo.png (34.4 kB)

:ishida: 石田さん
当初は、週に1回の課内会議の中で、私からの連絡事項やプロジェクトの進捗情報などを報告してたのですが、結局それって、この議事録の中に書いて共有すればいいんじゃないという問題提起を受けたりして。それをきっかけにそういったことがesaを使って共有されるようになり、会議の中で単なる報告や共有に使っていた時間を、もっと別のことに使おうという形に変わってきました。

:@ppworks: 越川
── せっかく集まっているんだから、それをもっとより有意義な時間にしたいですよね。

:ishida: 石田さん
そうですね。当初は、私1人で30分という時間を設けて話していたのですが、esaをみんなで使って、もっと違うことに時間を使いましょうというようになってきました。そういう点では、これを使って良かったな、いい取組みかなと思います。

P1010084.JPG (3.6 MB)

:@ppworks: 越川
── それによって、会議自体の雰囲気や、プロジェクトの進め方とかも変わったりしましたか?

:ishida: 石田さん

はい、連絡事項や進捗状況を淡々と述べるということはなくなり、esaを読んでわからないことがあれば質問をくださいという感じに変わってきました。
それ以外の、例えばセミナーを受けた感想とか、あと、ヒヤリハットみたいなものについて共有するとか、そういったのものを中心に会議をするように変えました。
あとやはり、しゃべる人、しゃべらない人というのがどうしても出てくるので、最近では、何か議題を設けて、それに対してディスカッションをするというような試みもはじめています。
そういった形で、どんどんesaを中心に、より良い会議になるような活動をしています。
まだまだ道半ばで、決してうまくいっているかというとそうではないかもしれないのですが、esaという仕組みがあるので非常に助かっています。

Slackに通知が来すぎる問題は、
Webhookの設定である程度調整。

:@taea: 赤塚
── それをお聞きできてとてもうれしいです。ところでesaに関して困っていること、ご要望などはありますか?

:ishida: 石田さん
たくさん記事を書くのはいいんですが、Slackの「esabako」のところに通知が来すぎてしまって、実際、書く人が埋もれてしまうというのがあったりして。何かいい改善案がないかなと。

:yata: 矢田さん
Slackに「esabako」というチャンネルを作って、esaの通知を全部流すようにしてるんですが、なんか全部来ちゃいますね。

:otani: 大谷さん
ToDoリストのチェックボックスを入れるたびに更新通知が流れちゃうんですよね。

:@taea: 赤塚
──実は、SlackのWebhookは、正規表現で決まったカテゴリだけ指定することができるんです。これ実は、意外と気付かれていなかったりします…。

:yata: 矢田さん
ありました。気付いていなかったです。

:otani: 大谷さん
ここから on post update のチェックボックスも外した方がよさそうですね。

:@ppworks: 越川
── on post create だけにしてあげることによって通知の頻度を下げるとか、流量の多いチームだとよくやりますね。

:tsuchie: 土江さん
最初、俺が言った気がする。「on post update やめようよ」って。

:yata: 矢田さん
ごめん、無視したかも(笑)。

:otani: 大谷さん
土江さん、警察に入らないから(笑)。

:yata: 矢田さん
市民の気持ちを慮れていなかったかもしれないです(笑)。

:otani: 大谷さん
じゃあ、通知のカテゴリから「ワンダーランド」を外しましょうか。

:yata: 矢田さん
調整して、棲み分けができそうです。

:@ppworks: 越川
── ここのWebhookまわりは、UIがわかりにくい部分がありますね。

:@taea: 赤塚
──ここは直さなきゃですね。

:yata: 矢田さん
おそらく最初、試しにアリアリでチェックボックスを全部チェックして設定して、後から変えようtと思って完全に忘れていました。
わざわざチェックがついているということは、多分最初は読んで把握したはずなんですよね。

:@ppworks: 越川
── WIP to Ship itとか、Ship it to Ship itとかだけとかのアップデートも、けっこう便利な気はするんです。

:@taea: 赤塚
──このチェックボックス郡も読んで理解するのが面倒くさいですね…。もうちょっといい表現を考えますm(__)m

:otani: 大谷さん
でも、「ワンダーランド」を通知から弾くようにしたので、これで大丈夫。今、3回くらい更新したけど、esabakoには私の通知が来ていない。

:yata: 矢田さん
でも、全部来ないんじゃないですか、他のやつも。

:otani: 大谷さん
そうか、今、on post update も弾いたのか。
……はい、サーセン。(カタカタ…)

:ishida: 石田さん
いつもこんな感じなんです(笑)。

:otani: 大谷さん
生意気な後輩です。

:ishida: 石田さん
これができると、みんなが書いた記事も逃さず見ることができる。

:yata: 矢田さん
でも、カテゴリによっては on post create だけじゃなくて、on post update も見たいカテゴリもありますね。ちょっと考えないといけないかもしれないです。

:@ppworks: 越川
── Webhookは複数作れるので、hookとチャンネルを2つ作るのもアリかもしれないです。

:yata: 矢田さん
「esabako」と「巣箱」を2つつくる(笑)。

:@ppworks: 越川
── 2つ作って、全部の通知を見たくない人は、通知の少ないほうのチャンネルに入るとか。
警察は全部見たいからそこに入るとか、いろいろなやり方がありそうです。

:otani: 大谷さん
障害対応のログとかもあるので、それだけ流すチャンネルがあるのもいいかもしれない。

:@taea: 赤塚
──確かに、「これは見ておけ」みたいなのが流れるチャンネルがあってもいいかもしれません。

:@ppworks: 越川
── 例えば、開発以外の人たちもいるようなチームだと、そういうふうにやっているところはありました。障害のところは全員が見れるようにとか、営業さんはそこは見ておきたい、みたいな。

esa社はフィードバック返信速くてすごいが、
ドキュメントはもっと整備してほしい。

:otani: 大谷さん
ところで、esa社のユーザーフィードバック対応、分単位でめちゃくちゃ速いですよね。

love1.png (16.4 kB) love2.png (27.1 kB

:ishida: 石田さん
5分以内に返ってくると聞いています。

:@taea: 赤塚
──あれは最初は、うちの深谷さんが頑張ってすごい早く返していて、私は最初はちょっと早すぎやしないかと思って実は若干引いてたんですが、ユーザーさんに本当に喜んでもらえるのを見て見習うようにしました。

:@ppworks: 越川
── もう、命かけている感じで早いよね(笑)。

:ishida: 石田さん
10分くらいして、「いや、まだ返答きてな……、うわっ、きてるわ!」ってなるんです(笑)。すごいなと。

:@ppworks: 越川
── ユーザーさんからフィードバックがくると我々のSlackに通知が来るんですが、それに絵文字リアクションで一番最初に「返す」とつけた人が返しているんです。早押しクイズみたいに、それをいつも競い合っています。

:tsuchie: 土江さん
それは速いですね、確かに。

:@taea: 赤塚
──逆に、すぐ返信しないと忘れちゃうので、短期記憶に残ってるうちに即答するのが実は一番効率がいいということに気づきました。

:@ppworks: 越川
── fukayatsu氏の部屋は、フィードバック来ると前はHueの色が赤くなったよね (笑)。

:@taea: 赤塚
──電気全部赤くするようにしたら心臓に悪かったって言ってたから、今はやってないのかな(笑)。

:@fukayatsu: 深谷(後日談)
──今は、8:00–24:00の間のフィードバックだけHue Goがじんわり赤くなるようになってる。

:yata: 矢田さん
それこそ、鳥の声とかを流せばいいじゃないですか。

:@ppworks: 越川
── いいかも。さえずる感じにしようか。

:yata: 矢田さん
癒し系の鳥で。

:@taea: 赤塚
──鳥の声、いいですね!実は近々、esa社はオフィス移転の予定でして、次のオフィスで試してみたいと思います。
他にも、esaへの要望ありますか?ここが好き!というのでもいいです。

:otani: 大谷さん
Ctrl+E (⌘+E)で編集画面に飛べるのがすごい好きです。
…という話を、昨日課内会議でしたら、みんな知らなくてドヤ顔できました。めっちゃ便利。

:@taea: 赤塚
──その機能、最近まで私も忘れていました。

:otani: 大谷さん
あと記事一覧ページで、jkで移動できるじゃないですか。あれも、esaトーク読んで「あっ、あるんだ」って知りました。

(参考: ReleaseNotes/2015/09/12/ショートカットキーで記事間を移動できるようになりました - docs.esa.io

:@taea: 赤塚
──これはProTipにも載せておいたほうがいいですね。

:@ppworks: 越川
── で、j kで移動して、Enter で記事が開くとか…、最高じゃないですか。

:@taea: 赤塚
──あっ、Enterで記事開くんでしたっけ…。知っていた気がするけど、忘れていました。

:otani: 大谷さん
思っている点は、そういう機能がドキュメントに載らないというのが……(笑)。

:@taea: 赤塚
──言ってよって感じですよね。「隠し機能が多すぎるのでまとめてください」と他でも言われました。本当そう思います。

:@ppworks: 越川
── すごい便利なのに、損しているところがあるかもしれない。

:@taea: 赤塚
──Helpとかのドキュメントは、もうちょっとちゃんとしたいな、しなきゃな…とずっと思いつつ、ちょっと面倒くさいと思う気持ちが正直あって…なかなか手が進まないんですね。

:tsuchie: 土江さん
「今週の隠し機能」みたいな感じで毎週ピックアップするとか。

:yata: 矢田さん
また、それも勝負にしてもらって。

:tsuchie: 土江さん
スターがたくさんついた方が勝ち!みたいな。

:yata: 矢田さん
スターの数で競う感じで。

:@taea: 赤塚
──週のルーティンにしてスター数競うの、よさそうですね!そういう、モチベーションを上げる工夫をして書いていかないとなあ。ありがとうございます!

:@ppworks: 越川
── リリースノートは定期的に出していきたいので、Trelloのタスクに毎週入れてるんですよね。ProTipやHelpもタスクにしちゃえばいいかもですね。

(後日談: 週1本ProTipを持ち回りで書いていくのを、島根情報処理センターのみなさんのおかげで最近はじめました 🙏

人数多いチームだとWatchが機能しなくなる問題。
Slackの更新通知はdiffが見たい。

:tsuchie: 土江さん
あと、今記事にできるリアクションが、Starしかないじゃないですか。
後で見たいリスト…マイリストみたいなものとか、毎回自分がチェックする記事とかを、お気に入り登録する機能があるとうれしいなと。

:ishida: 石田さん
ちょっと記事が長いと後で読もうかなと思ったりもするので、そういう時にあると便利かもしれません。

:@ppworks: 越川
── Watch や Star とは別にということですよね。Starは割とリアクションとしてのみ使われがちだし、Watchするほどでもなくて…みたいな感じなのかな。

:otani: 大谷さん
あまりWatchを自分から使っている人はいないかもしれないです。

:@ppworks: 越川
── Watchは編集やコメントを加えると自動的につくんで、どんどんWatchしてる記事が増えちゃうんですよね。
我々みたいな、3人くらいのチームだとあまり感じないですが、私の前職は200人くらいいたので、Watchしてる記事が多すぎて通知が機能しなくなるんです。そこで Unwatchで一旦既存のWachを全部消して、ブックマークしたい記事を改めてWatchし直す…みたいなことを以前はよくやってました。

:@taea: 赤塚
──右上の通知窓が大爆発している人をよく見るんです。あの赤い数字が何百…みたいになっているという。

:ishida: 石田さん
自分、109(笑)。


通知窓の大爆発

:@taea: 赤塚
──やはり、なっています?(笑) なるほど、あれは通知がそういう形で機能しなくなっているんだなあと、なんとなくわかってきました。

:otani: 大谷さん
私、右上の通知は全部切っています。切ってるけど、アイコンをhoverすると鳥がパッと出てくるからかわいいですよね。
あと、Ctrl+S⌘+S)で(記事を一時保存した時に)鳥が傾くのもかわいい。

:otani: 大谷さん
また通知の話なんですが、esaのSlackの通知って、基本的には、メッセージとその記事の冒頭内容じゃないですか。
冒頭じゃなくて、diffが見れたら一番いいかなと思うんです。

:@ppworks: 越川
── これは、Issueにはなっていますね。やるか。

:@taea: 赤塚
──esaトークをやると、開発のやる気になっていいですね(笑)。

:otani: 大谷さん
でも、diffへのリンクはあるんですね。

:yata: 矢田さん
ありますね。私、大体、diffのリンクをクリックしてます。

:@taea: 赤塚
──さらに現状、タイトル変更時のdiffもリビジョンから辿れなかったりするので、それも含めてトータルで見直していきたいと思っています。

:otani: 大谷さん
「変えといたよ」と言われたけど、リビジョンから見ると何が変わっているのかわからなくて、聞いてみたらタイトルの変更だった…みたいなことはあります。

:@taea: 赤塚
──そこらへん、不便ですよね…。改善していきたいと思います。他に、何かありますか?

:otani: 大谷さん
記事の詳細ページを見ているときに左側のカテゴリメニューがないというのが、Homeからじゃないとカテゴリツリーが辿れないのが不便という意見は出ていました。

:@taea: 赤塚
──カテゴリメニューはいずれどこでも見れるようにしたいですね。それもフィードバックでたまにご要望いただきます。

:otani: 大谷さん
今見たら、記事の3分の1くらい、全部私なんです。チームの記事数が合計で586あって、私のプロフィールを見ると、265書いているんです。

:yata: 矢田さん
一人日報なんてそんなもんですよ(笑)。

:otani: 大谷さん
すいません(笑)。ひたすら日報を書いている。記事数ランキングは圧倒的だな。

:@taea: 赤塚
──このへんの利用状況の可視化も、Statsのページとかでできたらいいですよね。
GitHubのStatsみたいな感じで、例えば、「何曜日やこの時間帯はなぜかすごいみんな書いてるな」みたいなのも見れると面白いかと。うまいこと鳥と絡めたようなビジュアルでやりたいなとか考えてて、今あたためています。

:yata: 矢田さん
プロフィールの鳥箱にいる鳥の数が多いとか、そんな感じですかね。
ユーザのプロフィール画面があるじゃないですか。そこに、そっと巣箱を置いて、すごく大量に鳥が住んでいたら、めっちゃ書いてるよとか、その人がまいた餌に鳥がいっぱい集まってきたよ、みたいな。今適当に言いました(笑)。

:@taea: 赤塚
──巣箱があるのいいですね。飼っている感じ。

みんなが働きやすい環境づくりへの取り組み。
リモートワーク等、場所にとらわれない働き方へ。

:@ppworks: 越川
── 最後に、島根情報処理センターさんで働くことの魅力について、教えてください。

:@taea: 赤塚
──この会社で働くことによって、こういう楽しいことがある!とか。また、出雲や島根の魅力などについてもお聞きしたいです。

:otani: 大谷さん
この部屋でノマド気分ができるとか。昨年社屋を建て替えたばっかりできれいなんです。

:@taea: 赤塚
──なるほど、カフェ気分が味わえる。この部屋いいですよね。おしゃれでリラックスできる空間で。

P1010114.JPG (3.5 MB)

カフェのようなコーナーがある

P1010087.JPG (3.5 MB)

:ishida: 石田さん
ちょっと堅い社名で誤解されがちなのですが、私服の開発員もいますし結構カジュアルな社風です。
最近では、リモートワーク推進も視野に入れていまして、実際来月から1名、九州の長崎からリモートで仕事をすることになりました。ゆくゆくは、場所にとらわれないような働き方を目指して、今取り組んでおります。

:@taea: 赤塚
──皆さん、お住まいはこのへんなんですか?会社からどのくらいの距離のところに住んでいらっしゃるんですか?

:ishida: 石田さん
私は35キロくらいで、車通勤ですね。

:@taea: 赤塚
──毎日車なんですね。皆さん、大体車通勤ですか?

:yata: 矢田さん
車です。10分、15分とか。

:otani: 大谷さん
車で10分くらいですね。実家からだと40分とか。

:tsuchie: 土江さん
大体、10分、15分とか。
基本、車必須ですね。

:yata: 矢田さん
石田さんは1時間くらいかかります?

:ishida: 石田さん
1時間かな、朝は。

:@taea: 赤塚
──ご実家の人が多いんですか?

:otani: 大谷さん
私はネコのために一人暮らししてます。
実家が動物禁止なので、ネコを飼いたかったので、飼えるところに引っ越したら、会社の近くになりました。

P1010073.JPG (3.5 MB)

:@taea: 赤塚
──基本、地元がこのへんなんですか?

:ishida: 石田さん
ほとんど地元出身ですね。他には、結婚をしてこっちにきた方も多いです。

:otani: 大谷さん
来月長崎に行く人は、結婚して長崎に行きます。

:ishida: 石田さん
特に女性の場合は、出産・結婚とかで働く場所が限定されることも多く、そういったことも含めてみなさんがなるべく働きやすいような環境づくりに取り組んでいます。

:@taea: 赤塚
── そういえば、女性のエンジニアさんが比較的多いとお聞きしました。

:otani: 大谷さん
開発部は過去に、女性が過半数超えてたこともありましたね。今は半々くらいですが。

:ishida: 石田さん
島根県はインドから来た学生や社会人を、名乗りを挙げたIT企業が毎年インターンとして受け入れるという活動を行っています。そして、去年の1月インターンで来て頂いた方が、今年4月から弊社の方で社員として働きはじめました。

:@ppworks: 越川
── こっちに移住して働いていらっしゃるんですか?

:ishida: 石田さん
はい、もう移住しています。技術研究部門で働いています。

出雲大社、宍道湖、そして鳥好きにはフォーゲルパーク!
海も山も近く、アウトドア好きにもうれしい環境。

:@taea: 赤塚
── いろんな方が働きやすい環境なんですね。
出雲や松江に住んで働くことの魅力や、素敵なところについても教えてください。

:tsuchie: 土江さん
鳥好きにはまず、「松江フォーゲルパーク」がうれしいですね。

:yata: 矢田さん
松江に、鳥だけの動物園みたいなところがあるんですよ。

:otani: 大谷さん
松江市民だと、ちょっと安くなるんです。

:@taea: 赤塚
──フォーゲルパーク、いいですよね!似た感じのコンセプトで作られている静岡の掛川花鳥園は好きで何度か行っています。フォーゲルパークは去年行けなかったので、今年こそ行きたいです。(後日談: 今年も行けなかったので来年こそは…)

:otani: 大谷さん
あと、出雲大社。

:ishida: 石田さん
前はけっこう閑古鳥な感じだったのですが、平成の大遷宮後からすごい賑わってますね。お店も大社の前にたくさん並んでいます。

:otani: 大谷さん
スタバが出来ましたね。

:ishida: 石田さん
当時は「スタバが出来た!」って。

:otani: 大谷さん
今でも、土日はずっと並んでいます。スタバ、どこにでもあるのに(笑)。

:tsuchie: 土江さん
一時すごかったよね。

:otani: 大谷さん
限定のボトルがあるとかなんとか。
(※後日、ボトルではなく、マグカップであることが判明した)

:ishida: 石田さん
スターバックスって、地元の特徴を捉えた店をつくっておられるのですが、大社のスターバックスもそんな感じになっています。

:tsuchie: 土江さん
2階席に行くと、出雲大社の鳥居がよく見えるんですよ。
あと、そばとお魚がおいしいですね。

:otani: 大谷さん
ぜひ刺身醤油を買って帰ってください。

:tsuchie: 土江さん
全然味が違うと思います。

:yata: 矢田さん
マジですか。刺身食べないので。

:otani: 大谷さん
刺身醤油は甘くてドロッとしていて。

:tsuchie: 土江さん
関東と違うはずです。

:tsuchie: 土江さん
海も山もすぐ行けるから、キャンプとか登山するのにもいいですよ。あと雪も降るので、スノーボードとかも。アウトドアが好きな人にはいいところです。

:@taea: 赤塚
──おお、スノボのイメージはありませんでしたね。いいですね。

:tsuchie: 土江さん
1時間かからないくらいで、すぐいけます。

:@taea: 赤塚
──去年、初めて、カンファレンスで松江に来たのですが、本当にきれいなところで、びっくりしました。水が多くて。

:ishida: 石田さん
水の都と呼ばれています。

:tsuchie: 土江さん
晴れた夕方はきれいですよ。

宍道湖の夕日

:otani: 大谷さん
県立美術館から見る夕日が、たぶん一番きれいです。

:ishida: 石田さん
県立美術館はうさぎがいるよね。あれ、触ったら何になるのかな?

:otani: 大谷さん
なんか願いがかなうとかなんとか。みんな、適当にしじみの殻を供えてたり(笑)、頭にかぶせてあったり。あれ、なんなんですかね。
そういえば、出雲大社の裏にも、この間うさぎが出来ました。結婚式の記念品でしたっけ?

:yata: 矢田さん
きっかけは知らないですが、3、4羽突然出来ていましたね。

View this post on Instagram

🐇🐰

TAEKO AKATSUKAさん(@ken_c_lo)がシェアした投稿 -

出雲大社のうさぎ、行ったら居ました

:otani: 大谷さん
あれ、七福神だから、7羽です。本を読んでいたり、担いでいたりするんです。
因幡の白うさぎという、鳥取の話に(笑)。

:@taea: 赤塚
──鳥取とか島根とか、諸説あるやつですね(笑)。

:tsuchie: 土江さん
松江に住むと、すぐ鳥取も行けますね。境港とか。カニとかも安く買えますよ。車で1時間くらいで行けます。

:otani: 大谷さん
あと、松江城のお堀をぐるっとまわる堀川遊覧船は、冬はこたつ船が出ていますよね。船の上でこたつに足を突っ込めるんです。

:tsuchie: 土江さん
寒いときは最高ですね。

:@taea: 赤塚
── はー、こたつ船いいですね!あの遊覧船も去年気になってて乗れなかった… 乗ってみたいです。
出雲や松江の観光情報も教えていただき、ありがとうございました! とても楽しいインタビューでした!

IMG_3837_2.jpg (717.6 kB)

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

このあと我々は、出雲のおいしい創作料理のお店に連れてっていただき、そこでも色々と話が盛り上がり、最高な島根遠征の1日目を過ごさせていただきました。
美しい宍道湖や出雲大社のお膝元で、自分たちが仕事をしやすい環境をesaやSlackのハックも生かして楽しみながら自分たちで作り出し、またそういった改善アイデアを柔軟に受け入れる素敵な職場環境だなと感じさせられるインタビューでした。

そんな島根情報処理センターさんが気になる方は、こちらもチェックしてみてください。

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

  1. わかりづらいですが、昭和47年から数えるとたまたま今年は47年目となりどちらも47になります。