Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
kintone新機能開発のお仕事
Search
ryounasso
November 22, 2023
Programming
2
100
kintone新機能開発のお仕事
「若手エンジニア登壇!25新卒向けサイボウズ会社説明会」で発表した資料
ryounasso
November 22, 2023
Tweet
Share
More Decks by ryounasso
See All by ryounasso
開発効率向上のためのリファクタリングの一歩目の選択肢 ~コード分割~ / JJUG CCC 2024 Fall
ryounasso
0
2k
Clean Architecture by TypeScript & NestJS
ryounasso
0
620
Fast API を用いた Web API の開発
ryounasso
0
460
テストゼロの個人開発プロジェクトにテストを導入した話
ryounasso
0
370
簡易 DI コンテナを作って DI コンテナを知る
ryounasso
1
860
TypeScript_コンパイラの内側に片足を入れる
ryounasso
3
690
Other Decks in Programming
See All in Programming
昭和の職場からアジャイルの世界へ
kumagoro95
1
380
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
5
390
SwiftUI Viewの責務分離
elmetal
PRO
1
240
Amazon S3 TablesとAmazon S3 Metadataを触ってみた / 20250201-jawsug-tochigi-s3tables-s3metadata
kasacchiful
0
170
Immutable ActiveRecord
megane42
0
140
時計仕掛けのCompose
mkeeda
1
300
Unity Android XR入門
sakutama_11
0
160
ARA Ansible for the teams
kksat
0
150
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
270
チームリードになって変わったこと
isaka1022
0
200
定理証明プラットフォーム lapisla.net
abap34
1
1.8k
さいきょうのレイヤードアーキテクチャについて考えてみた
yahiru
3
760
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
How STYLIGHT went responsive
nonsquared
98
5.4k
The Language of Interfaces
destraynor
156
24k
For a Future-Friendly Web
brad_frost
176
9.5k
We Have a Design System, Now What?
morganepeng
51
7.4k
Navigating Team Friction
lara
183
15k
Embracing the Ebb and Flow
colly
84
4.6k
4 Signs Your Business is Dying
shpigford
182
22k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Making Projects Easy
brettharned
116
6k
Practical Orchestrator
shlominoach
186
10k
A Tale of Four Properties
chriscoyier
158
23k
Transcript
サイボウズ株式会社 kintone新機能開発の お仕事 kintone 新機能開発チーム
kintone とは? 2
3 kintone(キントーン)とは kintoneは現場の⼈が主体の業務改善を⽀援するプラットフォームです。 直感的なUI/UXで、データや業務プロセスを管理するための「アプリ」を作成 できます。 ノーコード コードを書かずに アプリケーションを 開発できる ローコード
少ないコードで アプリケーションを 開発できる ×
4 kintone(キントーン)とは プログラミングの知識がなくても業務アプリを簡単に作ることができる ドラッグ & ドロップで簡単に作成可能 エンジニアでなくても、現場で欲しいアプリを ⾃分で作成できる
5 kintone(キントーン)とは お⾦・時間をかけて エンジニアや社内外の開発チームに依頼 ⾃⾝でアプリを開発・改善できる︕ 業務改善したい 業務改善したい
6 kintoneのコードについて ⾔語・フレームワークなど サーバーサイド : Java, Spring Boot フロントエンド :
JavaScript, TypeScript, Closure Library, React Closure Library は React へ置き換え中︕ kintoneの内部を(こっそり)Reactに置き換えるチームがあるってホント︖ https://blog.cybozu.io/entry/2022/04/14/110000 規模間 サーバーサイド : 350,000 ⾏以上 フロントエンド : 370,000 ⾏以上
kintone新機能開発チーム とは? 7
8 kintone新機能開発チームって何をするの︖ • kintoneの新機能を開発 • お問い合わせ対応 • 社内外から来る製品に関するお問い合わせに対して調査、回答 • 例)
カスタマーサポートからのエスカレーション
9 kintone新機能開発チームとは ソフトウェアエンジニア 47⼈ QAエンジニア 17⼈ デザイナー&リサーチャー 17⼈ プロダクトマネージャー 8⼈
プロダクトライター 7⼈ チーム運営 2⼈ エ ン ジ ニ ア ( P G ) 新 機 能 開 発 メ ン テ ナ ン ス フ ロ ン ト エ ン ド 刷 新 AW S 版 k i n t o n e . c o m k i n t o n e D X 今 ⽇ 紹 介 す る の は コ コ ︕ 125⼈
10 kintone新機能開発チームについて • データ登録 • グラフ • JS API •
システム管理 • Oauth • ファイル読み込み・書き出し • スペース、スレッド、 メッセージ • ポータル • モバイルビュー • ビュー設定 • グラフ設定 • アプリ設定 アプリ アプリ設定 システム管理・ 外部連携 ナビゲーション・ コミュニケーション
新機能開発の流れ 11
12 新機能開発の流れ 仕様書修正 実装 試験実装 受け⼊れ確認 QAによる試験 リリース
13 仕様書修正 新機能の仕様を仕様書に追記する • 仕様書は誰が読んでも同じ解釈ができるように書く • 開発チーム内で新機能に対する共通認識を持てる • PGがPMの意図通りのものを作れる •
QAが試験項⽬を考えられる • プロダクトライターがヘルプページを作れる • お客様からのお問い合わせに答えられる 仕様書修正 実装 試験実装 受け⼊れ確認 QAによる試験 リリース
14 実装 • 基本的にはモブプログラミングで進める • 実装内容によっては個⼈で進めることもある • サーバーサイドもフロントエンドも書く 下記のようなことを意識することが多い •
今後機能追加するときに破綻する設計になっていないか • 他の機能への影響はないか 仕様書修正 実装 試験実装 受け⼊れ確認 QAによる試験 リリース
15 試験実装 • 回帰試験を実装する • 新機能に対する主要なテストを⾃動化する • マージのたびにCIで実⾏してデグレードを防ぐ 仕様書修正 実装
試験実装 受け⼊れ確認 QAによる試験 リリース
16 受け⼊れ確認 プロダクトマネージャーに意図した通りの機能が 実装できているか確認してもらう 仕様書修正 実装 試験実装 受け⼊れ確認 QAによる試験 リリース
17 QAによる試験 QAエンジニアの⽅が試験を設計・実施する ここで不具合が確認されると再度修正を⾏う 仕様書修正 実装 試験実装 受け⼊れ確認 QAによる試験 リリース
18 リリース リリース後には楽しみがたくさん︕︕ • お客様の喜びの声が何より嬉しい︕︕ • アンケート、お問い合わせ、SNS (X, note...) などで嬉しい
コメントをいただけることが多い • お客様のフィードバックをもとに新機能の検討が始まることも 仕様書修正 実装 試験実装 受け⼊れ確認 QAによる試験 リリース
最近取り組んだ仕事 19
20 最近取り組んだ仕事① 「同じ名前のアプリの存在を知らせる機能」の実装 アップデート情報 : https://kintone.cybozu.co.jp/update/main/2023-09.html アプリを作る際に、似たアプリの存在に気づかなかった場合… • 同じ⽤途のアプリが増えてしまう •
利⽤する際に、どのアプリが最新の情報を持っているのか分かりづらくなる 作成中に気づけるようになると⼿間がかかりづらくなる︕ 対策 : アプリを作る前に似たアプリがないかを検索したり、内容を確認する必要がある Aさん : 顧客情報アプリ Bさん : 顧客管理アプリ Cさん : 顧客アプリ 例
21 最近取り組んだ仕事① 「同じ名前のアプリの存在を知らせる機能」の実装 アップデート情報 : https://kintone.cybozu.co.jp/update/main/2023-09.html • 作成しようとしているアプリと似た参考に できそうなアプリを⾒つけられる •
同じ⽤途と思われるアプリが既に存在している ことに気づきやすくなる 不要なアプリや⾒分けづらい名前のアプリが 増えてしまう可能性を減らすことができる FEもBEも開発︕ デザイナーの⽅とも協⼒︕
22 最近取り組んだ仕事② 複雑性に⽴ち向かうためのサーバーサイドコード分割 (Cybozu Inside Out) https://blog.cybozu.io/entry/2023/03/14/110000 • kintoneがリリースされて 10
年経過し、コードの複雑性が増してきた • それにより、新しく参加した⼈がコードの把握に時間がかかり始めた • 影響範囲の把握も難しくなってくる サーバーサイドリファクタリング (コード分割) kintone アプリ アプリ 設定 設定 アプリ 同じ部分を使っている 懸念点 • 変更した時の影響がわかりづらい • アプリと設定のどちらの知識も必要なケース
23 最近取り組んだ仕事② 複雑性に⽴ち向かうためのサーバーサイドコード分割 (Cybozu Inside Out) https://blog.cybozu.io/entry/2023/03/14/110000 • kintone の機能に従ってコードをまとめる
• 性質上関わらない機能の場合、対応するコードも関わらないようにする サーバーサイドリファクタリング (コード分割) kintone アプリ アプリ 設定 アプリ ⽬指す形 kintone アプリ アプリ 設定 設定 アプリ 設定
24 まとめ • kintoneはエンジニアでなくても、現場で欲しいアプリを⾃分で作成できる • 新機能開発チーム • 様々な職種の⽅がいて、協⼒し合いながら1つの機能を完成させる • 機能開発以外にも探求時間で改善なども⾏える
こんな⼈におすすめ︕ • 1 を 100 にしていくのが好きな⼈ • より使いやすく、より便利にしたい⼈