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.8k
microCMS AI
microcms
0
1.4k
microCMSのエンジニア組織と文化
microcms
0
1.3k
シン・リッチエディタ徹底解説
microcms
1
1.4k
新リリース:microCMSテンプレート
microcms
1
1.5k
Cloudflare Pages/Workersとは
microcms
1
650
Next.jsでの開発を加速させるVercelとNext.js/App Routerの便利な機能たち
microcms
1
840
microCMSの簡単なご紹介とより高度な使い方
microcms
1
220
Other Decks in Technology
See All in Technology
DMM.com アルファ室採用案内資料
hsugita
1
220
Babylon.js JAPAN活動紹介 (2024/4)
limes2018
1
110
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
6
1.1k
Building Dashboards as a Hobby
egmc
0
350
成長をサポートするピープルマネジメントのやり方
sioncojp
6
450
Além do else! Categorizando Pokemóns com Pattern Matching no JavaScript
wmsbill
0
700
Android Target SDK 35 (Android 15) 対応の概要
akkie76
0
140
生成AIの変革の時代に、直近1年で直面した課題とその解決策
ktc_wada
0
510
R3のコードから見る実践LINQ実装最適化・コンカレントプログラミング実例
neuecc
3
1.9k
Microsoft for Startups Founders Hub_20240429 update
daikikanemitsu
1
2.4k
2024春 注目のWeb系 OSS & SaaS 3選
makies
0
170
Azure犬駆動開発の記録/GlobalAzureFukuoka2024_20240420
nina01
1
230
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Build your cross-platform service in a week with App Engine
jlugia
226
17k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Side Projects
sachag
451
41k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k
Producing Creativity
orderedlist
PRO
338
39k
How to name files
jennybc
65
93k
GraphQLの誤解/rethinking-graphql
sonatard
55
9.3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
21
1.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
17
2.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
188
16k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
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