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
230
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
エンジニア創業者が語るユーザー中心のプロダクト作り
microcms
1
250
What’s new in microCMS (2024 microCMS Meetup)
microcms
0
1.9k
microCMSの開発組織 - Deep dive into microCMS
microcms
2
2.9k
意思決定のモヤが晴れるまで
microcms
7
2.2k
Webフロントエンドの進化とJamstackアーキテクチャの変遷
microcms
7
3.2k
microCMS AI
microcms
0
1.9k
microCMSのエンジニア組織と文化
microcms
0
1.9k
シン・リッチエディタ徹底解説
microcms
1
2.1k
新リリース:microCMSテンプレート
microcms
1
2k
Other Decks in Technology
See All in Technology
7日間でハッキングをはじめる本をはじめてみませんか?_ITエンジニア本大賞2025
nomizone
2
1.8k
Goで作って学ぶWebSocket
ryuichi1208
0
130
N=1から解き明かすAWS ソリューションアーキテクトの魅力
kiiwami
0
130
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
2
2.9k
利用終了したドメイン名の最強終活〜観測環境を育てて、分析・供養している件〜 / The Ultimate End-of-Life Preparation for Discontinued Domain Names
nttcom
2
190
Cloud Spanner 導入で実現した快適な開発と運用について
colopl
1
590
クラウドサービス事業者におけるOSS
tagomoris
1
660
データ資産をシームレスに伝達するためのイベント駆動型アーキテクチャ
kakehashi
PRO
2
530
プロダクトエンジニア構想を立ち上げ、プロダクト志向な組織への成長を続けている話 / grow into a product-oriented organization
hiro_torii
0
160
CZII - CryoET Object Identification 参加振り返り・解法共有
tattaka
0
360
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
0
710
次世代KYC活動報告 / 20250219-BizDay17-KYC-nextgen
oidfj
0
250
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
Raft: Consensus for Rubyists
vanstee
137
6.8k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
133
33k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
GitHub's CSS Performance
jonrohan
1030
460k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
How to train your dragon (web standard)
notwaldorf
91
5.8k
How to Ace a Technical Interview
jacobian
276
23k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
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