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
Saitama.js LT資料
Search
microCMS
March 21, 2023
Technology
0
260
Saitama.js LT資料
saitama.jsのスポンサートークでのLT資料です!
https://saitamajs.connpass.com/event/272660/
microCMS
March 21, 2023
Tweet
Share
More Decks by microCMS
See All by microCMS
絶対に失敗できないキャンペーンページの高速かつ安全な開発、WINTICKET × microCMS の開発事例
microcms
0
390
microCMS 最新リリース情報(microCMS Meetup 2025)
microcms
0
420
microCMSのリッチエディタ開発:設計・品質・使いやすさの実現手法
microcms
0
140
エンジニア創業者が語るユーザー中心のプロダクト作り
microcms
1
320
What’s new in microCMS (2024 microCMS Meetup)
microcms
0
3.2k
microCMSの開発組織 - Deep dive into microCMS
microcms
2
4.7k
意思決定のモヤが晴れるまで
microcms
7
2.4k
Webフロントエンドの進化とJamstackアーキテクチャの変遷
microcms
7
3.3k
microCMS AI
microcms
0
2.1k
Other Decks in Technology
See All in Technology
自作JSエンジンに推しプロポーザルを実装したい!
sajikix
1
160
MCPで変わる Amebaデザインシステム「Spindle」の開発
spindle
PRO
3
2.9k
【Grafana Meetup Japan #6】Grafanaをリバプロ配下で動かすときにやること ~ Grafana Liveってなんだ ~
yoshitake945
0
350
Bye-Bye Query Spaghetti: Write Queries You'll Actually Understand Using Pipelined SQL Syntax
tobiaslampertlotum
0
140
AI時代にPdMとPMMはどう連携すべきか / PdM–PMM-collaboration-in-AI-era
rakus_dev
0
280
2025年にHCP Vaultを学び直して見えた景色 / Lessons and New Perspectives from Relearning HCP Vault in 2025
aeonpeople
0
200
AWSで始める実践Dagster入門
kitagawaz
0
380
DDD集約とサービスコンテキスト境界との関係性
pandayumi
2
260
5分でカオスエンジニアリングを分かった気になろう
pandayumi
0
140
LLM翻訳ツールの開発と海外のお客様対応等への社内導入事例
gree_tech
PRO
0
570
AWS環境のリソース調査を Claude Code で効率化 / aws investigate with cc devio2025
masahirokawahara
2
1.4k
Automating Web Accessibility Testing with AI Agents
maminami373
0
1.1k
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
13k
Bash Introduction
62gerente
615
210k
Producing Creativity
orderedlist
PRO
347
40k
RailsConf 2023
tenderlove
30
1.2k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Why Our Code Smells
bkeepers
PRO
339
57k
Speed Design
sergeychernyshev
32
1.1k
Code Review Best Practice
trishagee
70
19k
Balancing Empowerment & Direction
lara
3
610
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
840
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Transcript
#saitamajs りゅーそう microCMS リッチエディタ こだわりポイント
自己紹介 • りゅーそう (@ryusou_mtkh) • saitama.js運営 • microCMS のプロダクトエンジニア •
現在は新しいリッチエディタ(ベータ版)の開発を担当 2 #saitamajs
microCMSはsaitama.jsの会場スポンサーです! • microCMSのOSSやプロジェクトへのスポンサー活動 ◦ Goのライブラリ「Echo」 https://echo.labstack.com/ • 今回:saitama.js ◦ メンバーの私の活動をサポート ◦
イベントに合わせて、制度・ノベルティ準備など ◦ microCMSにはメンバーの社外活動を応援する文化があります! 3 #saitamajs
このLTでお話しすること • 今回は現在開発中の新しいリッチエディタの情報と共に、どんなことを意識 してmicroCMSの開発をしているか紹介します。 • 少しでも何か開発の参考になれば幸いです。 4 #saitamajs
• アクセシビリティ ◦ できる範囲で少しずつ ◦ 毎朝30分アクセシビリティ本の輪読会 ▪ 「Webアプリケーションアクセシビリティ」 ▪ 有志で実施(今のところエンジニア)
▪ 今日から(というか即日)はじめています • 実装の修正・コンポーネントの整備 • UIデザインへのフィードバックなど (新)リッチエディタのこだわりポイント 5 #saitamajs
• アクセシビリティ(具体例) ◦ 現エディタでは意識できていないキーボード操作など ◦ Radix UIの活用は以前のスライド参照→ ◦ 例:@radix-ui/react-toolbar ▪
横矢印で、ツールバー内移動 ▪ Tabキーで、コンテンツ内に移動 (新)リッチエディタのこだわりポイント 6 #saitamajs https://speakerdeck.com/microcms/hetudoresucmsnoritut iedeitawozhi-eruhetudoresu-star-star
• ユーザービリティ(例:リンク上でEnterキーを押すと、編集メニューが開く) ◦ 以下のようなイメージで開発を進めることが多いです。 ◦ 仮説 ▪ リンク上では改行するケースがなさそう ▪ リンクテキストはエディタ上では編集しにくい箇所もあるので、テ
キスト上に出せた方がよいなど ◦ PM・デザイナーとの連携 ▪ 操作感などフィードバック・相談 ◦ ユーザーの声を聞く ▪ ベータ版での検証など (新)リッチエディタのこだわりポイント 7 #saitamajs
• ユーザーの声を聞く ◦ ぜひ使ってみて、フィードバックお願いします! ◦ saitama.jsの感想ブログも、ぜひmicroCMSで (新)リッチエディタのこだわりポイント 8 #saitamajs
• microCMSではエンジニアを募集しています ◦ プロダクト開発エンジニア ▪ 細部までこだわって機能開発をしたい人 ◦ バックエンドエンジニア ▪ システム・プロダクト開発の基盤を支えたい人
microCMS採用情報 9 #saitamajs
ご清聴ありがとうございました 10 Copyright © microCMS All rights reserved. #saitamajs microCMS
Community Japan https://discord.gg/K3DPqw4EJ2