Saitama.js LT資料

saitama.jsのスポンサートークでのLT資料です！
https://saitamajs.connpass.com/event/272660/

Transcript

1. #saitamajs
   りゅーそう
   microCMS
   リッチエディタ
   こだわりポイント
   

   View Slide

2. 自己紹介
   ● りゅーそう (@ryusou_mtkh)
   ● saitama.js運営
   ● microCMS のプロダクトエンジニア
   ● 現在は新しいリッチエディタ(ベータ版)の開発を担当
   2
   #saitamajs
   

   View Slide

3. microCMSはsaitama.jsの会場スポンサーです！
   ● microCMSのOSSやプロジェクトへのスポンサー活動
   ○ Goのライブラリ「Echo」　https://echo.labstack.com/
   ● 今回：saitama.js
   ○ メンバーの私の活動をサポート
   ○ イベントに合わせて、制度・ノベルティ準備など
   ○ microCMSにはメンバーの社外活動を応援する文化があります！
   3
   #saitamajs
   

   View Slide

4. このLTでお話しすること
   ● 今回は現在開発中の新しいリッチエディタの情報と共に、どんなことを意識
   してmicroCMSの開発をしているか紹介します。
   ● 少しでも何か開発の参考になれば幸いです。
   4
   #saitamajs
   

   View Slide

5. ● アクセシビリティ
   ○ できる範囲で少しずつ
   ○ 毎朝30分アクセシビリティ本の輪読会
   ■ 「Webアプリケーションアクセシビリティ」
   ■ 有志で実施（今のところエンジニア）
   ■ 今日から（というか即日）はじめています
   ● 実装の修正・コンポーネントの整備
   ● UIデザインへのフィードバックなど
   (新)リッチエディタのこだわりポイント
   5
   #saitamajs
   

   View Slide

6. ● アクセシビリティ（具体例）
   ○ 現エディタでは意識できていないキーボード操作など
   ○ Radix UIの活用は以前のスライド参照→
   ○ 例：@radix-ui/react-toolbar
   ■ 横矢印で、ツールバー内移動
   ■ Tabキーで、コンテンツ内に移動
   (新)リッチエディタのこだわりポイント
   6
   #saitamajs
   https://speakerdeck.com/microcms/hetudoresucmsnoritut
   iedeitawozhi-eruhetudoresu-star-star
   

   View Slide

7. ● ユーザービリティ(例：リンク上でEnterキーを押すと、編集メニューが開く)
   ○ 以下のようなイメージで開発を進めることが多いです。
   ○ 仮説
   ■ リンク上では改行するケースがなさそう
   ■ リンクテキストはエディタ上では編集しにくい箇所もあるので、テ
   キスト上に出せた方がよいなど
   ○ PM・デザイナーとの連携
   ■ 操作感などフィードバック・相談
   ○ ユーザーの声を聞く
   ■ ベータ版での検証など
   (新)リッチエディタのこだわりポイント
   7
   #saitamajs
   

   View Slide

8. ● ユーザーの声を聞く
   ○ ぜひ使ってみて、フィードバックお願いします！
   ○ saitama.jsの感想ブログも、ぜひmicroCMSで
   (新)リッチエディタのこだわりポイント
   8
   #saitamajs
   

   View Slide

9. ● microCMSではエンジニアを募集しています
   ○ プロダクト開発エンジニア
   ■ 細部までこだわって機能開発をしたい人
   ○ バックエンドエンジニア
   ■ システム・プロダクト開発の基盤を支えたい人
   microCMS採用情報
   9
   #saitamajs
   

   View Slide

10. ご清聴ありがとうございました
    10
    Copyright © microCMS All rights reserved.
    #saitamajs
    microCMS Community Japan　
    https://discord.gg/K3DPqw4EJ2
    

    View Slide