$30 off During Our Annual Pro Sale. View Details »

ScrapboxとSlackを使った新卒コミュニケーション術

CNaan
January 27, 2023

 ScrapboxとSlackを使った新卒コミュニケーション術

私の所属するマンガメディア開発チームでは、企画・デザイナ・エンジニアとのコミュニケーションツールとして、ScrapboxとSlackをよく使っています。これらのツールを使う際に心がけていること、自分の働きを良くするためにどうやって過ごしているかを紹介します。

Hatena Engineer Seminar #23で発表。
https://hatena.connpass.com/event/271696/

CNaan

January 27, 2023
Tweet

Other Decks in How-to & DIY

Transcript

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  5. 会に参加する
    5

    View Slide

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


    規模

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  17. 質問する
    17

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  22. 調べる
    22

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  28. 28
    まとめ

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide