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
フロントエンド刷新活動の紹介
Search
Cybozu
PRO
November 26, 2022
Technology
0
5.2k
フロントエンド刷新活動の紹介
Cybozu
PRO
November 26, 2022
Tweet
Share
More Decks by Cybozu
See All by Cybozu
サイボウズフロントエンドエキスパートチームについて / FrontendExpert Team
cybozuinsideout
PRO
6
39k
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
350
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
cybozuinsideout
PRO
9
48k
テクニカルライティング
cybozuinsideout
PRO
4
520
サイボウズのアジャイルクオリティ2024
cybozuinsideout
PRO
3
440
モブに早く慣れたい人のためのガイド2024
cybozuinsideout
PRO
3
590
モバイル
cybozuinsideout
PRO
3
310
ソフトウェアライセンス
cybozuinsideout
PRO
4
290
ソフトウェアテスト
cybozuinsideout
PRO
3
480
Other Decks in Technology
See All in Technology
信頼性を支えるテレメトリーパイプラインの構築 / Building Telemetry Pipeline with OpenTelemetry
ymotongpoo
9
5k
教師なし学習の基礎
kanojikajino
4
360
EDRからERM: PFN-SIRTが関わるセキュリティとリスクへの取り組み
pfn
PRO
0
110
Tech Blog執筆のモチベート向上作戦
imamura_ko_0314
0
740
Server Side Swift 実践レポート: 2024年に案件で採用して見えた課題と可能性
yusuga
1
420
Japan AWS Jr. Championsがお届けするre:Invent2024のハイライト ~ラスベガスで見てきた景色~
fukuchiiinu
0
1.1k
Tokyo RubyKaigi 12 - Scaling Ruby at GitHub
jhawthorn
2
210
Platform EngineeringがあればSREはいらない!? 新時代のSREに求められる役割とは
mshibuya
2
4k
一人から始めたSREチーム3年の歩み - 求められるスキルの変化とチームのあり方 - / The three-year journey of the SRE team, which started all by myself
vtryo
7
5.7k
Creative Pair
kawaguti
PRO
1
130
Agentic AI時代のプロダクトマネジメントことはじめ〜仮説検証編〜
masakazu178
3
400
DevSecOps入門:Security Development Lifecycleによる開発プロセスのセキュリティ強化
yuriemori
0
240
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Site-Speed That Sticks
csswizardry
3
310
BBQ
matthewcrist
85
9.4k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
98
18k
The Cult of Friendly URLs
andyhume
78
6.2k
Unsuck your backbone
ammeep
669
57k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Speed Design
sergeychernyshev
25
760
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2k
We Have a Design System, Now What?
morganepeng
51
7.4k
Code Review Best Practice
trishagee
65
17k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
220
Transcript
フロントエンド刷新活動の紹介 サイボウズ株式会社 JS Conf 2022 Sponsor LT
⾃⼰紹介 ▌⻄川⼤貴 / 2021年⼊社 ▌kintone のフロントエンド刷新 / エンジニア ▌最近の興味 n
Rust で書かれた JS ツールチェーン n Rome 推し︕先⽉末からコントリビューションし始めました @nissy_dev @nissy-dev
kintone のフロントエンド刷新の活動を もっと知ってもらいたい︕
開発の知識がなくても 業務に合わせたシステムを かんたんに作成できる クラウドサービス 東証プライム上場企業の3社に1社が kintone を利⽤中 ※2022年3⽉末時点
チームの独⽴性や⾃律性を重視しながら、 kintone の各ページを Closure Tools から React へ移⾏しています。 kintone のフロントエンド刷新
(フロリア) 最近 ロゴもできました︕ チームの独⽴性や⾃律性の観点の詳細は、「kintoneフロントエンドリアーキテクチャプロジェクトで⼤切にしていること」を参照
React コンポーネント 共通ヘッダーの React 化 (今まで) ページ単位で React 化を⾏うチームへコンポーネントを提供 npm
install
共通ヘッダーの React 化 (今まで) Closure Tools 部分の置き換えが難しく、⼆重実装が課題に React コンポーネント npm
install
React 化された共通ヘッダーを レンダリングするスクリプト script タグでの 読み込み 共通ヘッダーの React 化 (これから)
コンポーネント単位での React 化を進めています
共通ヘッダーの React 化 (これから) ▌マイクロフロントエンドのプラクティスを 取り⼊れながら進めています ▌共通ヘッダーとページコンテンツ間で 技術的に考えることがたくさん n 結合⽅法
n コミュニケーション⽅法 n 共通ライブラリの扱い⽅ React 化された共通ヘッダーを レンダリングするスクリプト script タグでの 読み込み
https://blog.cybozu.io/archive/category/フロリア kintone フロリア 検索 今回紹介した活動以外にも、 フロントエンド刷新の活動を積極的に発信しています︕
フロントエンド刷新を ⼀緒に⾏うメンバーをもっと増やしたい︕
We are hiring! ご応募お待ちしています︕ 採⽤サイトトップ フロントエンドエンジニア (kintoneフロントエンド刷新PJ) https://cybozu.co.jp/recruit/ https://cybozu.co.jp/recruit/entry/careerfront-end-engineer-kintone.html