サイボウズのkintoneエンジニアのお仕事紹介です。

1. kintoneエンジニアのお仕事

2. 自己紹介
2
立山 尚樹
所属 kintone 新規開発チーム （アプリ設定領域）
役割 ソフトウェアエンジニア
入社 2022年10月新卒入社（2年目）
出身 東京大学大学院博士課程
ヒューマンコンピューターインタラクション、
ヒトのストレスに関する研究
趣味 料理、ビール、Web開発

3. kintoneとは
3
コーディング不要で業務システムを作れるクラウドプラットフォーム
• エンジニアでなくても
現場で欲しいアプリを
自分で作れる
• 必要になったらすぐ
アプリを作れる/改善できる

4. kintone開発チーム
4
プ ロ ダ ク ト
マ ネ ー ジ ャ ー
8 人
デ ザ イ ナ ー & リ サ ー チ ャ ー
2 1 人
Q A エ ン ジ ニ ア
1 7 人
ソ フ ト ウ ェ ア エ ン ジ ニ ア
4 7 人
プ ロ ダ ク ト
ラ イ タ ー
7 人
チ ー ム 運 営
2 人
1 2 5 人
ソ フ ト ウ ェ ア エ ン ジ ニ ア
新 機 能 開 発 2 8 人
メ ン テ ナ ン ス 3 人
フ ロ ン ト エ ン ド 刷 新 1 2 人
A W S 版 k i n t o n e . c o m 1 0 人
k i n t o n e D X 4 人

5. 普段の開発体制
5
9:00
11:00
12:00
13:00
14:00
17:00
18:00
業務開始
業務終了
朝会
コアタイム
kintoneの新機能を開発
• フロントエンド：React
• バックエンド：Java
モブプログラミングで開発

6. 最近の仕事①/ 一覧設定画面のReact化
6
kintoneでは、集めたデータを見やすく一覧にする機能がある
一覧設定画面では、表示内容、表示する条件などを設定できる

7. なぜReact化？
7
背景
kintoneの一部UIは古いアーキテクチャーで実装されている
React化することで
• 顧客のUXの向上
• 技術的負債を減らす
• エンジニア採用に有利

8. 一覧設定画面のReact化
8
旧画面 新画面
デザイン改善やアクセシビリティ対応
なども容易に！

9. 最近の仕事②/ 計算式入力補助機能の提案
9
kintoneの計算式とは
フィールドの値と関数を組み合わせて値を表示する機能
→ 計算式の値に基づいてワークフローを変えたりできる
+
別フィールドの
合計を計算
計算式を「全て手入力」しないといけなかった💦
（エクセルやスプレッドシートに比べて弱い部分）

10. プロトを作って「計算式入力補助機能」を提案
10
こんな感じの
入力補助どうでしょう？
エンジニア
プロダクトマネージャー
デザイナー
デザイン案
文言案
UXインタビュー
各職能が連携し、機能案をブラッシュアップ

11. 実際にリリースまで
11
提案 → 製品機能としてリリースまで体験
皆で協力して、いい感じにブラッシュアップできた！