cybozu developer networkの1年を振り返る 2019


[kintone Advent Calendar 2019](https://qiita.com/advent-calendar/2019/kintone) の 1日目の記事です。今年もこの時期がやってきました:christmas_tree:

kintoneをはじめサイボウズ製品の公式デベロッパーサイトであり、カスタマイズ開発知識をともに学び合うオンラインコミュニティである『[cybozu developer network](https://developer.cybozu.io/)』 について、1年をダイジェストで振り返ります。

運営チームとして「中の人」目線が多めですが、興味ありましたらお付き合いください！

# 2019年は「ようこそ」をちゃんと

下は2019年12月現在のトップページです。
[2018年のトップ](https://qiita.com/ushiron/items/65f58336232ce71728b2#%E3%81%84%E3%81%A4%E3%81%A7%E3%82%82%E3%81%A9%E3%81%93%E3%81%A7%E3%82%82%E3%81%A0%E3%82%8C%E3%81%A7%E3%82%82-developer-network)と比べると、メインイメージのカルーセルパネル（複数の画像がスライドショーのように流れるUI）を廃止し、チュートリアルと、kintone開発者ライセンス取得案内への目立つ色のボタンを追加しています。

<img width="1638" alt="2019devnet.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150040/836df536-69b6-3623-ab64-6f31ff1eaff9.png">

この変更は「初めて来た人が迷わないようにする」目的のものです。

これまでは、

- トップ >  初めて向けガイド「ようこそ」ページ > チュートリアル/開発者ライセンス案内 

という導線でしたが、トップページ内の選択肢と「ようこそ」内ページの選択肢が多い結果、離脱を招いていることがわかりました。
そこで下のように「ようこそ」ページを廃止し、分解した要素を直接トップページ内に盛り込みました。

- トップ（兼「ようこそ」） > チュートリアル/開発者ライセンス案内 

その結果、トップからの離脱率が減少しました。
「ようこそ」と書いたページでなく、まじめに「ようこそ」とは何か、チームで議論できたことも良かったと考えています。

# kintone アップデートの勢いにのって

2019年は開発体制の変更にともない多くのkintoneのアップデートがありましたが、カスタマイズ開発まわりも多くの改善がありました。

2018年後半の流れを引いたモバイルAPIの拡充（PC/モバイル間の機能差解消）に加え、開発者から長年挙げられていた次のような要望がビシバシと実現されている感があります。

- ルックアップフィールドのクリアを可能に（[6月版](https://developer.cybozu.io/hc/ja/articles/360027483211)）
- プラグインのアップロードサイズ上限値の拡大（[7月版](https://developer.cybozu.io/hc/ja/articles/360028388291)）
- APIトークンでルックアップフィールドを操作可能に（複数APIトークン対応）（[12月版](https://developer.cybozu.io/hc/ja/articles/360035098072)）

その勢いにのって（他にも要因はいろいろありますが）、2019年の cybozu developer network のPV/UUも、右肩上がり +α の勢いで上昇しています。
下はWeeklyのPV/UUのグラフです。

<img width="450" alt="2019devnetjp_pvuu.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150040/50bc5002-fd4c-85a3-809d-15f0bf01628f.png">

11月30日時点のMonthly Active Userはサイト開設以来の最高値77,000（昨年+30,000）となりました。

# 増え続けるコミュニティメンバー

cybozu developer network は、2019年11月30日時点で 17,000 を超えるメンバー登録があります。オープンしてから 5年8ヶ月ほどですが多くの人に活用されています。

| | 2014 | 2015 | 2016 | 2017 | 2018 | 2019 | 2019-2018 |
|:-------|:-----:|:-----:|:-----:|:-----:|:-----:|:-----:|:----------:|
| コミュニティメンバー数 |  1,400 | 3,150 | 6,350 | 9,450 | 13,600 |  17,300 | +3,700|
| 開発者ライセンス数    |  540 | 1,500 | 3,350 | 5,100 | 6,900 | 9,200 | +2,300|
- [2018年の統計](https://qiita.com/ushiron/items/65f58336232ce71728b2)
- [2017年の統計](https://qiita.com/ushiron/items/df8497e15e2bd46f8f2c#3)
- [2016年の統計](https://qiita.com/ushiron/items/c3e93887e4fc31c66691#2-1)
- [2015年の統計](https://qiita.com/ushiron/items/14903efcd75e8222f8bf#1)

kintone開発者ライセンス（無償）は特典サービスの目玉のひとつで、メンバーの方であれば誰でも申し込むことができます。**[開発者ライセンスの発行方法](https://developer.cybozu.io/hc/ja/articles/200720464)**

# cybozu developer network 勝手にオブ・ザ・イヤー 2019
それでは、今年 cybozu developer network でやってきた主要なアップデートについて、~~誰も褒めてくれないので~~かかわってくれた方々への感謝をこめて、勝手に賞発表する形式で振り返ってみます。

## コンテンツ部門
### :trophy: レコード一括取得系記事のまとめ
2020年にレコード一括取得APIのoffsetに10,000の制限がかかる件に関連し、全件取得用API [カーソルAPI](https://developer.cybozu.io/hc/ja/articles/360028843531)の登場にともなって、レコード一括取得に関する考え方を整理しまとめました。
2019年でもっとも手間がかかったし、いろいろな意味で重みのある記事でした。

リンクは[こちら](https://developer.cybozu.io/hc/ja/articles/360030757312)！

### :trophy: kintone認定資格 カスタマイズスペシャリスト学習ガイドの公開
kintoneスキルをサイボウズが公式に証明するプログラムとして誕生したkintone認定資格。
そのエンジニア向けであるカスタマイズスペシャリストの出題範囲は、ほとんどcybozu developer networkのドキュメントに基づいています。
このがガイドに基づいて学習するのが現状、合格への近道だと思いますので、活用してもらえれば幸いです。

ちなみに、試験とは関係なく、学習材料として結構まとまっているのではと個人的に思っています。

ガイドへのリンクは[こちら](https://developer.cybozu.io/hc/ja/articles/360022670672)！

### :trophy: ポータルカスタマイズTips
DOM操作の領域だったポータルのカスタマイズが、ポータルAPIの提供開始（7月版）によってついに正式カスタマイズ可能に！

そしてJavaScriptの知識がなくても、自動でカスタマイズJSを書き出してくれるChrome拡張「Kintone Portal Designer」が登場し、Webデザイナー系など新しい層の参入を後押ししています。

ポータルカスタマイズTipsコーナーは[こちら](https://developer.cybozu.io/hc/ja/sections/360005994251)！

### :trophy: 過去コミュニティ質問/回答を分析して結果を公開
何年も蓄積したコミュニティの質問、そろそろパターン化できるんじゃない？
ということで、うん百件のコミュニティやりとりを元にまとめました。

これからコミュニティで質問する方、回答やってみようかなと思う方にもぜひ参考にしていただきたいです。

なんと5パターンに集約… 気になる結果は[こちら](https://developer.cybozu.io/hc/ja/articles/360024712692)！

## 改善部門
### :trophy: デザインのコードをGitHubから自動デプロイ
これまでサイトをいじるとき、使っているHTMLやCSSをちまちまと差分をマージして適用していたのですが、デグレが起こりやすく、また起こったときに調査に時間がかかる状態でした。
それをGitHubにアップしたファイルから自動でデプロイできるようにしたので、移行が捗るように！
開発用ブランチも分けたので、チームで作業がしやすくなりました。

これを今年前半にやっておいたので、ちょっとしたアップデートがわりと気軽にできるようになりました。

### :trophy: 検索ラベルの実装
カテゴリを縦に掘るしかナビゲーションのすべがなく、迷ったらサイト内検索、でも検索も毎度うまくヒットするとは限らない、という窮屈さの中で、新しく「ラベルで探す」という選択肢をつくりました。

記事の上部でラベルをクリックすると、関連検索のようなことをすることができます。

または次のようなURLでも探すことができます。お試しください。
例 「promise」というラベルで検索したいとき
``` https://developer.cybozu.io/hc/ja/search?label_names=promise ```

### :trophy: kintoneの画面からリンクが追加
こちらはサイト運営チームでやったことではないのですが、kintone製品開発と連携した、わりと大事な出来事だと思うので取り上げます。
kintoneの設定画面「JavaScript / CSSでカスタマイズ」「APIトークン」の画面から、cybozu developer networkへのリンクが貼られました。

## オフラインとの連携部門
### :trophy: イベント情報をキャッチしやすく
kintoneカスタマイズを勉強したい人を対象に、ハンズオン形式で会場で一緒に学んでいくサイボウズ主催の勉強会 [kintone devCamp](https://www.facebook.com/kintone.devCamp)。

イベント開催時アンケートでは、イベントを知ったきっかけは「developer networkから」というのが１位だそうです。
オンラインのdevleoper networkと、オフラインのkintone devCamp、もっと連携できると良いよね ということで、トップページにイベント更新情報も追加しました。開催レポートアップ情報も載せていますので、未参加で気になる方の目にも届くとうれしいです。

<img width="950" alt="event_info.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150040/7534805a-b1e2-a59c-71d7-3c722bc9c2df.png">

### :trophy: 冊子「地味にいいカスタマイズ実例集」の配布
developer networkのkintoneカスタマイズTipsを情報源にした「地味にいいカスタマイズ実例集」。
イベントブース担当者や、実際にカスタマイズ案件に携わるメンバーにヒアリングした結果、「うける」と見込んだ選りすぐり地味カスの集合です。
オンライン記事でコードの書き方が統一されてなかったのを手直しするなど、地味に手間かかってます。
表紙はカモノハシ。
<img width="550" alt="jimi.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150040/b966018b-1e95-2ee8-08d4-615786c897aa.png">

こちらはまだイベントでの限定配布ですが、要望が多ければ電子化されるかも？

# さいごに
最後までお読みいただきありがとうございました。
今後も改善を重ねながら、多くの方々とともに成長できたらと思います。2020年はどのような「cybozu developer network」になっているか、楽しみです。

# バックナンバーはこちら
- [2018](https://qiita.com/ushiron/items/65f58336232ce71728b2)
- [2017](https://qiita.com/ushiron/items/df8497e15e2bd46f8f2c#3)
- [2016](https://qiita.com/ushiron/items/c3e93887e4fc31c66691#2-1)
- [2015](https://qiita.com/ushiron/items/14903efcd75e8222f8bf#1)