$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
kintone新機能開発のお仕事
Search
ryounasso
November 22, 2023
Programming
2
93
kintone新機能開発のお仕事
「若手エンジニア登壇!25新卒向けサイボウズ会社説明会」で発表した資料
ryounasso
November 22, 2023
Tweet
Share
More Decks by ryounasso
See All by ryounasso
開発効率向上のためのリファクタリングの一歩目の選択肢 ~コード分割~ / JJUG CCC 2024 Fall
ryounasso
0
500
Clean Architecture by TypeScript & NestJS
ryounasso
0
450
Fast API を用いた Web API の開発
ryounasso
1
410
テストゼロの個人開発プロジェクトにテストを導入した話
ryounasso
0
330
簡易 DI コンテナを作って DI コンテナを知る
ryounasso
1
800
TypeScript_コンパイラの内側に片足を入れる
ryounasso
3
640
Other Decks in Programming
See All in Programming
subpath importsで始めるモック生活
10tera
0
380
Java 23の概要とJava Web Frameworkの現状 / Java 23 and Java web framework
kishida
2
360
[FlutterKaigi2024] Effective Form 〜Flutterによる複雑なフォーム開発の実践〜
chocoyama
0
3.9k
The rollercoaster of releasing an Android, iOS, and macOS app with Kotlin Multiplatform | droidcon Italy
prof18
0
110
初めてDefinitelyTypedにPRを出した話
syumai
0
470
Enabling DevOps and Team Topologies Through Architecture: Architecting for Fast Flow
cer
PRO
0
400
新卒研修で作ったアプリのご紹介
mkryo
0
150
Full stack testing :: basic to basic
up1
1
760
Contemporary Test Cases
maaretp
0
150
.NET のための通信フレームワーク MagicOnion 入門 / Introduction to MagicOnion
mayuki
1
2.9k
AI時代におけるSRE、 あるいはエンジニアの生存戦略
pyama86
6
1.3k
気をつけたい!Desktop対応で陥りやすい罠とその対策
goto_tsl
0
160
Featured
See All Featured
Optimizing for Happiness
mojombo
376
70k
YesSQL, Process and Tooling at Scale
rocio
169
14k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
The Invisible Side of Design
smashingmag
298
50k
Docker and Python
trallard
40
3.1k
Bash Introduction
62gerente
608
210k
Done Done
chrislema
181
16k
Designing the Hi-DPI Web
ddemaree
280
34k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
47
2.1k
What's in a price? How to price your products and services
michaelherold
243
12k
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 にしていくのが好きな⼈ • より使いやすく、より便利にしたい⼈