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
120
kintone新機能開発のお仕事
「若手エンジニア登壇!25新卒向けサイボウズ会社説明会」で発表した資料
ryounasso
November 22, 2023
Tweet
Share
More Decks by ryounasso
See All by ryounasso
駆け足で Google から学ぶテスト設計の指針
ryounasso
0
87
React inside basics: learn from “build own react"
ryounasso
0
130
抽象データ型について学んだ
ryounasso
0
240
開発効率向上のためのリファクタリングの一歩目の選択肢 ~コード分割~ / JJUG CCC 2024 Fall
ryounasso
0
3k
Clean Architecture by TypeScript & NestJS
ryounasso
0
920
Fast API を用いた Web API の開発
ryounasso
0
530
テストゼロの個人開発プロジェクトにテストを導入した話
ryounasso
0
410
簡易 DI コンテナを作って DI コンテナを知る
ryounasso
1
1.2k
TypeScript_コンパイラの内側に片足を入れる
ryounasso
3
780
Other Decks in Programming
See All in Programming
RDoc meets YARD
okuramasafumi
4
160
Namespace and Its Future
tagomoris
6
690
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
taitotnk
0
290
250830 IaCの選定~AWS SAMのLambdaをECSに乗り換えたときの備忘録~
east_takumi
0
370
UbieのAIパートナーを支えるコンテキストエンジニアリング実践
syucream
2
800
AIエージェント開発、DevOps and LLMOps
ymd65536
1
370
AI時代のUIはどこへ行く?
yusukebe
11
5.7k
KessokuでDIでもgoroutineを活用する / Go Connect #6
mazrean
0
140
速いWebフレームワークを作る
yusukebe
4
1.6k
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
dafujii
0
240
AI OCR API on Lambdaを Datadogで可視化してみた
nealle
0
220
パッケージ設計の黒魔術/Kyoto.go#63
lufia
3
410
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Fireside Chat
paigeccino
39
3.6k
A Tale of Four Properties
chriscoyier
160
23k
Site-Speed That Sticks
csswizardry
10
800
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
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 にしていくのが好きな⼈ • より使いやすく、より便利にしたい⼈