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
240
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
270
What’s new in microCMS (2024 microCMS Meetup)
microcms
0
2.1k
microCMSの開発組織 - Deep dive into microCMS
microcms
2
3.3k
意思決定のモヤが晴れるまで
microcms
7
2.3k
Webフロントエンドの進化とJamstackアーキテクチャの変遷
microcms
7
3.2k
microCMS AI
microcms
0
2k
microCMSのエンジニア組織と文化
microcms
0
2k
シン・リッチエディタ徹底解説
microcms
1
2.2k
新リリース:microCMSテンプレート
microcms
1
2.1k
Other Decks in Technology
See All in Technology
Tailwind CSS の小話「コンテナークエリーって便利」
yamaday
0
120
製造業向けIoTソリューション提案資料.pdf
haruki_uiru
0
270
激動の一年を通じて見えてきた「技術でリードする」ということ
ktr_0731
8
7.2k
計測による継続的なCI/CDの改善
sansantech
PRO
7
1.4k
分解し、導き、託す ログラスにおける“技術でリードする” 実践の記録
hryushm
0
350
Ruby on Rails の楽しみ方
morihirok
6
2.7k
とあるEdTechベンチャーのシステム構成こだわりN選 / edtech-system
gotok365
5
350
Google Cloud Next 2025 Recap アプリケーション開発を加速する機能アップデート / Application development-related features of Google Cloud
ryokotmng
0
260
Developer 以外にこそ使って欲しい Amazon Q Developer
mita
0
150
既存の開発資産を活かしながら、 《新規開発コスト抑制》と《開発体験向上》 を両立する拡張アーキテクチャ事例
kubell_hr
0
240
AWSを利用する上で知っておきたい名前解決の話
nagisa53
6
830
AI-in-the-Enterprise|OpenAIが公開した「AI導入7つの教訓」——ChatGPTで変わる企業の未来とは?
customercloud
PRO
0
170
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
Facilitating Awesome Meetings
lara
54
6.4k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Unsuck your backbone
ammeep
671
58k
Site-Speed That Sticks
csswizardry
6
540
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
How to Ace a Technical Interview
jacobian
276
23k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
5
610
Practical Orchestrator
shlominoach
187
11k
GitHub's CSS Performance
jonrohan
1031
460k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.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