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
140
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
7
1.8k
Webフロントエンドの進化とJamstackアーキテクチャの変遷
microcms
7
2.7k
microCMS AI
microcms
0
1.3k
microCMSのエンジニア組織と文化
microcms
0
1.3k
シン・リッチエディタ徹底解説
microcms
1
1.4k
新リリース:microCMSテンプレート
microcms
1
1.5k
Cloudflare Pages/Workersとは
microcms
1
560
Next.jsでの開発を加速させるVercelとNext.js/App Routerの便利な機能たち
microcms
1
810
microCMSの簡単なご紹介とより高度な使い方
microcms
1
210
Other Decks in Technology
See All in Technology
家族アルバム みてねで直面してきた技術的負債 / MIXI KAG 2024
isaoshimizu
17
7.7k
2023 Japan AWS Jr.Championsに選出されての振り返りとこれから
hiropy877
1
130
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
7
100k
あらゆる商品を扱う商品データベースを再設計した話 / product db re-architecture
rince
8
3.7k
20240321_生成AI時代のDevOps
kzkmaeda
2
610
BDD(Cucumber)コミュニティが無料提供しているコンテンツの紹介と現在起きている危機
nihonbuson
4
730
エンジニア候補者向け資料2024.03.28.pdf
macloud
0
2.9k
Tohoku.Tech #1 「Cursorを使ったRaspberry Piの開発」by ねこまた
jun2882
0
250
「XX試験の環境作ってよ」と言われた時によく使うAWSのソリューションについて
bun913
0
120
Challenges - Open Farming Hackdays 2024
loleg
0
560
GitHub最新情報キャッチアップ 2024年3月
dzeyelid
16
3.2k
データ化エンジニアとしての1年を振り返る
sansantech
PRO
3
260
Featured
See All Featured
What's new in Ruby 2.0
geeforr
335
31k
How To Stay Up To Date on Web Technology
chriscoyier
781
250k
Navigating Team Friction
lara
177
13k
How to train your dragon (web standard)
notwaldorf
71
5.1k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
10 Git Anti Patterns You Should be Aware of
lemiorhan
644
57k
For a Future-Friendly Web
brad_frost
170
8.9k
Faster Mobile Websites
deanohume
296
30k
Adopting Sorbet at Scale
ufuk
66
8.5k
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
The Brand Is Dead. Long Live the Brand.
mthomps
48
21k
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