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
190
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
What’s new in microCMS (2024 microCMS Meetup)
microcms
0
1.4k
microCMSの開発組織 - Deep dive into microCMS
microcms
2
2k
意思決定のモヤが晴れるまで
microcms
7
2k
Webフロントエンドの進化とJamstackアーキテクチャの変遷
microcms
7
3k
microCMS AI
microcms
0
1.7k
microCMSのエンジニア組織と文化
microcms
0
1.7k
シン・リッチエディタ徹底解説
microcms
1
1.8k
新リリース:microCMSテンプレート
microcms
1
1.9k
Cloudflare Pages/Workersとは
microcms
2
910
Other Decks in Technology
See All in Technology
Oracle GoldenGate 23ai 導入Tips
oracle4engineer
PRO
1
200
第45回 MLOps 勉強会 - ML Test Score を用いた機械学習システムの定量的なアセスメント
masatakashiwagi
2
140
トークナイザー入門
payanotty
2
340
いまからでも遅くない! コンテナでWebアプリケーションを 動かしてみよう(2-1)WebAPI座学
nomu
0
140
XPを始める新人に伝えたい近道の鍵
nakasho
1
240
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
2
200
【shownet.conf_】3Dアプローチで守るセキュリティ
shownet
PRO
0
270
Tracking down sources of kernel errors with retsnoop
ennael
PRO
0
140
Assisted reorganization of data structures
ennael
PRO
0
210
C# 13 / .NET 9 の新機能 (RC 1 時点)
nenonaninu
1
1.1k
スモールスタート、不都合な真実 〜 耳当たりの良い言葉に現場が振り回されないために/20240930-ssmjp-small-start
opelab
12
1.7k
AI時代のアジャイル開発(XP祭り2024版) / Agile Development in the AI Era in XPJUG
takaking22
13
3.4k
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
25
640
Building an army of robots
kneath
302
42k
Bash Introduction
62gerente
608
210k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
YesSQL, Process and Tooling at Scale
rocio
167
14k
How to train your dragon (web standard)
notwaldorf
87
5.6k
Large-scale JavaScript Application Architecture
addyosmani
509
110k
In The Pink: A Labor of Love
frogandcode
139
22k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
38
2.1k
Faster Mobile Websites
deanohume
304
30k
Learning to Love Humans: Emotional Interface Design
aarron
271
40k
How to Think Like a Performance Engineer
csswizardry
16
1k
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