Tweet
Tweet

Slide 1

Slide 1 text

エンジニアがエンジニアサイトを⽴ち上げた話 @sakay_y

Slide 2

Slide 2 text

⾃⼰紹介 ▌Sakai Yasuharu ▌サイボウズ株式会社 l コネクト⽀援チーム ＆ テクニカルサポートエンジニア ＆ 情シス ▌Twitter: @sakay_y ▌趣味: カメラ、TVゲーム、ボードゲーム ▌家族: 4⼈家族（妻、娘、息⼦）、⽝1匹、爬⾍類5匹

Slide 3

Slide 3 text

エンジニアサイト ▌Cybozu Tech ▌https://tech.cybozu.io/

Slide 4

Slide 4 text

なんで作ろうと思ったのか ▌ 「スポンサーロゴに設定するリンクをください」 私 「エンジニア向けのサイトにしたいんですが、コーポレートサイトで（ぐぬぬ）」 ▌ 「勉強会で発表するんですが、サイボウズのエンジニアの取り組みをざっくり 紹介できるものないですか︖」 私 「技術ブログくらいしかないです（ぐぬぬ）」 ▌ 「こういう発表資料をどっかで載せたいんですけど、どこかないですか︖」 私 「丁度いいところ無いですね…（ぐぬぬ）」 → いろんな場⾯で丁度いいやつがなかった

Slide 5

Slide 5 text

他社事例 ▌さくらのナレッジ（https://knowledge.sakura.ad.jp/）

Slide 6

Slide 6 text

他社事例 ▌さくらのナレッジ（https://knowledge.sakura.ad.jp/） こういうのが欲しかった

Slide 7

Slide 7 text

そうだ、作ろう ▌とりあえずなんか作ろう。モチベーションも上がらないし、話も始まらない。 作ったあとチマチマと情報を増やしたらそのうち認められるはず。 ▌どうせ作るなら⾃分が勉強しながら楽しく作れるのが良いなぁ。 （CMSは使いたくない） ▌「エンジニアが作ってるのになぁ・・・」と思われないように l もっさりしない l 正しいHTMLとかCSS ▌タグとかでジャンルごとに紹介できると尚良し

Slide 8

Slide 8 text

作りかた ▌Gatsby（https://www.gatsbyjs.com/）で作ることに l ReactやTypeScript、GraphQLが触れる l ⽣成されるサイトのレスポンスが良さそう l Gatsby + Github + Netlify で運⽤が楽にできそう l Netlify（https://www.netlify.com/） も利⽤できる状態だった ▌開発環境はDockerをつかう

Slide 9

Slide 9 text

とにかく作って、とりあえず公開する ▌⼀番最初に公開されたエン ジニアサイト（マジ） ▌技術ブログへのリンクと当社 マスコットキャラクターのボウズ マンのみ

Slide 10

Slide 10 text

理想

Slide 11

Slide 11 text

現実

Slide 12

Slide 12 text

現実 情報０

Slide 13

Slide 13 text

改善する ▌デザインができる⼈に意⾒をもらったり ▌スライドをみんなに声かけて掲載させてもらったり（社内宣伝） ▌Twitterでチマチマと宣伝してみたり（社外宣伝） ▌マスコットキャラクター作ったり

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

どうなった︖ ▌TypeScript、Semantic UI、GraphQLとかに触れる機会を得れた ▌社内で徐々に認知が広がってきた ▌⼀⼈でやってた運⽤も、複数⼈でやれるようになってきた

Slide 16

Slide 16 text

今後どうしていきたいのか ▌最終的には 「サイボウズのエンジニアが知りたければ Cybozu Tech⾒とけば⼤丈夫︕」 状態にしたい l 技術、メンバー、⽂化、etc. ▌リクルート⽤のサイト担当者と理想について相談中

Slide 17

Slide 17 text

ご清聴ありがとうございました。 Cybozu Tech をよろしくお願いします。 https://tech.cybozu.io/