ScrapboxとSlackを使った 新卒コミュニケーション術 id:CNaan 2023/01/25 Hatena Engineer Seminar #23 1

マンガメディア開発チーム 2 WebマンガサービスやWebアプリのためのマンガビューワ 「GigaViewer」を開発している

3 自分の働きを良くする ための工夫

心がけていること 4 会に参加する 質問する 調べる

会に参加する 5

CNaanの毎日 6 毎日、最長1.5hくらいを相談とかの会(MTG) 時間 会 13:30 ~ 14:00 ユニットでの朝会 14:00 ~ 14:15 プロジェクトの朝会 14:15 ~ 14:45 マンガチームエンジニア昼会 ~ 15:00 相談役のTLと相談会 大 小 規模

何でも話す 7 ふとした会話から、実はこういう問題があるのでは、という 発見に繋がる。 聞いておけばよかった、とならないよう、話せるタイミング で思ったこと/自分の考えは何でも発言したり、記入したり するようにしている。

気軽に話ができるように 8 マンガチームでは、定期的な会の中に雑談の時間がある 時間 会 13:30 ~ 14:00 ユニットでの朝会 14:00 ~ 14:15 プロジェクトの朝会 14:15 ~ 14:45 マンガチームエンジニア昼会 　　　 ~ 15:00 相談役のエンジニアと相談会

ユニットでの朝会のテンプレート 9 [*** [2023/1/D]] [** 個人別コーナー] 期限超過や近いタスクについて話題にして課題があれば検討して議事録をとる 【週明け・スプリント会前の水曜】各サブプロジェクトの直近マイルストーンも確認する ↓にアイコンを置いて昨日・今日の状況を軽く共有する [** 共有コーナー] [** 相談コーナー] [** 何でも雑談・会話コーナー] Asanaで確認 スーパーで買ったちょっと 良い値段の和牛でビーフシ チューを作ったら肉がやわ らかかった

ユニットでの朝会のテンプレート 10 はじめはこのテンプレートで一人ずつ記入する方式だった が、会を重ねながら形式を相談し、今の形となった。 [.icon] [* 共有] [* いま取り組んでいる課題] [* 困っていること・スプリントゴールを達成するために障害になりそうなこと] [* 日記]

Scrapboxの活用 11 ドキュメント共有サービス。 単語のリンクを通じてページが自動で繋がり合う。 「GraphQL」のような業務に必要な知識がまとまっている ページだけでなく、「CNaan/2023/1」のように個人の自 由なページが存在する。 エンタープライズ版でクライアント情報もセキュアに管理。株式会社 はてなのScrapbox利用術

アイコンが使える 12 Scrapboxで [CNaan.icon]のようにす るとアイコンが出る アイコンから発言者を判 別しやすい

ページがすぐに誕生する 13 こんな感じの情報がほしい！という話をすると、そのまま ページが生えたりする

ページがすぐに誕生する 14 []で囲むと新しいページが生える

毎日固定で相談の時間をとる 15 毎日、相談役のエンジニアと相談する時間を１５分程度設け ている。 毎日会話の時間を確保することで、困りを解決できずに進捗 ０、ということが減り、ついでに、と軽い気持ちで簡単なこ とも聞きやすい。

できたことをアピールする タイミングよく会があれば会で、なければSlackでアピール する。 後続タスクを持っているエンジニアに完了を伝えられるし、 🎉 などのリアクションが貰えると嬉しい。 16 嬉しい → 自分の働きが良くなる！

質問する 17

質問する際に心がけていること 18 ● Scrapbox(フロー情報・ストック情報) ○ 朝会などの会場(議事録) ○ 後から見返す情報 ● Slack(フロー情報) ○ 呼びかけ ○ 簡単な(YES/NO)質疑 → Slackでは内容が簡潔になるように心がける

質問する際に心がけていること 19 1. 最初に1~2行くらいで簡潔に聞きたいことを書く 2. それぞれの項目について聞きたいことを概要、詳細にわ けて書く ※ 一つの質問に、欲しい回答は一つまでにする 3. 多分こうだろう/こうだと嬉しい、ということを先に書 く、こういう案もあるかな？といった第二案は後に書く

実際の例を添えて 20 下記の対応について、CNaanの方でやる、またはこの状態までやってもらえると助かる、 なのか教えていただきたいです🙏 ● 〇〇の背景カラー ○ (カラーが指定されたら書き換える、指定がなければデフォルト色？) ● 〇〇に表示されるバッジ ○ CNaanの方で雑に`Badge`コンポーネントを作っておいて後からデザインを整え ていただく？ もう一件、表示文の改行対応について、どちらが良いか(どちらでも良いか)のご相談です。 ● (案1) CSSでやるstyle={{whiteSpace: 'pre-line'}}(←楽そう) ● (案2) 改行コードを
に置換する

実際の例を添えて 21 下記の対応について、CNaanの方でやる、またはこの状態までやってもらえると助かる、 なのか教えていただきたいです🙏 ● 〇〇の背景カラー ○ (カラーが指定されたら書き換える、指定がなければデフォルト色？) ● 〇〇に表示されるバッジ ○ CNaanの方で雑に`Badge`コンポーネントを作っておいて後からデザインを整え ていただく？ もう一件、表示文の改行対応について、どちらが良いか(どちらでも良いか)のご相談です。 ● (案1) CSSでやるstyle={{whiteSpace: 'pre-line'}}(←楽そう) ● (案2) 改行コードを
に置換する どういう状態にして欲 しいかの回答が欲しい こうしたい方を先に書く 一つずつ聞く

調べる 22

調べる際に心がけていること 23 気になって調べたことは、明日には忘れていると思っている ので、Scrapboxにメモするようにしている。 今のチームは人数が多く、全ての問題に全員が関わっている わけではないので、記録を残すことは、自分だけでなく同僚 のためにもなる。

調べる際に心がけていること 24 調べる前に調べることを宣言している。 ● 他に興味がある人が見つかればペアで調べられる ● 有識者から要注意箇所を教えてもらえる ● 調べ終わった後、有識者が内容を見てくれるかも

Scrapboxの変更がSlackに流れてくる #manga_streamという チャンネルに、マンガ チームのScrapboxのプロ ジェクトに書いた内容が 流れてくる 25

Scrapboxの変更がSlackに流れてくる 困っている時、#manga_streamを見て気づいた人が助けて くれる！！ CNaanも助けられる時は助けたいので、SlackのMy keywordsに自分の名前や、関わっているプロジェクトの名 前を設定してみたりしている 26

Scrapboxの変更がSlackに流れてくる 27

28 まとめ

先輩からの声 29 CNaanさん自身の担当外の開発内容についても、同じ チーム内で気になったことがあれば、いつも臆せず話題 に挙げてくれています。 また、気になりの共有や質問の際にも、CNaanさんの方 で予め状況をある程度確認・整理した上で挙げてくれる ので、受け取り側としても内容の精査がしやすく助かっ ています。 実際にCNaanさんから話題に挙げてもらったことで、こ れまでにもいくつかの改修ポイントの発覚に繋がり、よ り安定した形でのサービス提供という面で大きく貢献し てくれています!

心がけていること ● 小さな雑談からの発見もあるので雑談は大事 ● 質問をするとき、回答しやすいようできるだ け簡単な質問になるようにする ● 同僚の目の届く場所(Scrapbox)で調べること をまとめる 30

自分を伝えることが大事 31 ● 会 ○ 思ったこと/自分の考えを発言する ● 質問 ○ 最初に概要を伝える ○ こうだと嬉しいを先に伝える ● 調べる ○ 知りたい情報を宣言する