[feat]操作説明・チュートリアルの作成（その2）

[uchida189]

開発目的

• 全体MTに来ていない人にはSeeFTの操作方法が周知されていない部分がありそうなので、SeeFTの操作説明を追加したい
• 操作が周知されていなかったもの
  • マニュアルボタンの存在
  • シフトをタップで詳細表示できること

考えられる開発内容

• このissueでは2を行う。

1. ボタンタップでGoogle Slideへのリンクを開くようにする（ミニマム）
2. ボタンタップで操作説明のモーダルを開くようにする。
3. 初回起動時に自動でチュートリアルとして実行されるようにする

• ボタンはReactIconsのio5/IoInformationCircleOutlineとかが良さげ

2で作るモーダルのイメージ

考えられる開発時間

なんか良い感じにモーダルのコンポーネント作ろう。

interfaceは

interface TutorialProps {
    title: string,
    body: string,
    imageSrc: string
}

とかかな？

内容が編集しやすいようになってると最高。

備考