WebUI作成作業メモ

pKeichoにWebUIをつける作業

• WebUI作成作業メモ1日目

次にやること

• トークIDが指定されたときに、それをFirebaseから読んでログ表示する

• 会話の表示部分はこのままでよくて、入力欄は隠し、あとメニューから高度なエクスポートのためのダイアログが開く

• ハッシュで渡された会話IDをパースする

  • URLSearchParams - Web API | MDN

• ログを表示するだけならサーバを介さずにFirebaseから直接読めば良い

  • $ npm install firebase
  • npmの—save
  • firebase@8で型エラーになる
    • よくわからない。@7にした

• ログ表示できた

  • https://keicho.netlify.app/#talk=I9IlVW6Xt58NlNHAjdfq
  • メモ: 人間が会話した後、このログ表示用のURLを得る方法がない、後でつける

• 次はRegroup用のエクスポート機能だ

• メニューアイテムと全画面ダイアログで良さそう

  • Material-UIのMenuは最新のReactのStrictModeでは警告が出る
  • FIXED:Material-UIでメニューが閉じない
  • 

• 次は全画面ダイアログ

  • 
  • 

• 

• Regroupに貼り付けてから行分割をポチポチクリックしたけど、どうせ全部分割するのだから、エクスポートを押したらサーバサイドで全部分割してRegroupにインポートして開くところまでやってくれたらいい気がした

• 現状のログオブジェクトでは抽出されたキーワードと会話とがバラバラになってしまうが、これはやっぱり時系列に並んでた方が整理しやすい

  • あとユーザの「まず聞いて」コマンドなども拾っちゃうので、エクスポートするときに取り除いてやるのが親切

メモ: 人間が会話した後、このログ表示用のURLを得る方法がない、後でつける

• 簡単だと気づいたからメニューに追加しておいた

散歩しながら使ってみた

• 会話ログ20210121
• 付箋に刻むと312枚になった、これはちょっと大変だな…
  • 
  • 
  • あんまり収拾ついてない
  • 根本的に話が複数あるんだな

Scrapbox形式でのエクスポートも実装した