⚛️ React TypeScript プロトタイプ
作成日: 2022/01/07
4

jQueryでプロトタイプ作っていたアプリを、TypeScript & Reactで改めて書こうとしたら当然毎行ごとにエラーが出る
いきなりDOMの制御ですぐ詰んだ

現状課題の把握は出来てきたので、課題の細分化をして切り分け、一人スクラムでチケット切っていく

およその課題分離

  • React自体の課題
    • Hooks/useXXX系などのReactエコシステムの把握と対応
    • ページ分けをするならNext.jsも検討
  • TypeScriptの検証把握(一旦ゆるく始める)
  • Electron化の検証/Electronは最終的に組み込み先として検討(React開発中はガッツリ入れない)
    • 最新版のElectron自体の検証
  • デザイン
    • 体験デザインとUIデザインは分離する
      • 体験デザインとしては、必ずしもソフトウェアでなくても良い
        • 効果が込めれば、クラウドワークスで簡易な秘書などを実際に雇う方向などでも良い
      • UIデザイン
        • エンジニアらしくMonokaiカラーなどもプロトタイプしてみる
        • 余白名の抽象化など、他のプロダクトでも使えるくらい抽象化してみる
          • これに乗じてオリジンなUIフレームワークを作るくらい見込んで抽象命名していく
    • 可能であればStorybook/Figmaでデザインガイド作成
    • CSSは汎用性を考え、ブラウザデフォルトのカスタム変数側に寄せる
    • 何度も出てくるUIセットはSCSSで@mixin
  • データの保存フローの検証
    • LocalStorage
    • IndexDB
    • fireStore
    • AWS など検証
    • DBファーストならRails先行でも良いかもしれない

その他WebPackの組み込み可否など検討

場合に寄ってはRailsベース/JamStackなども根本からひっくり返す事も視野に入れる

技術検証は出来るだけ1月中に

音声を出すならWeb AudioAPIのキャッチアップ


フロントエンド&デザインエンジニア / UIUXデザイナー / Webマーケター / アクセリビリティエンジニア