Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Saitama.js LT資料

Saitama.js LT資料

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

microCMS

March 21, 2023
Tweet

More Decks by microCMS

Other Decks in Technology

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