現在はブラウザ上で生成したコンテンツの保存機能が働いていませんが、ファイルから読み込み機能は動作していますのでパソコン上もしくはサーバー上(Google Driveなどに保存済のxxxx.jsonファイルを読み込めます。iPhone Safariでは読み込みもできません。Chrome もしくはBraveでご使用ください。)
自分でフレーズ集のような再生アプリを作ろう♪
1. .txtデータファイルの作成
ステップ 1: ことわざデータの作成
-
.txtファイル(サンプルとして60dara.txtが提供されています)を以下のフォーマットで作成します:
-
各行に1つのことわざを入力します。
-
ことわざの各部分を縦棒 | で区切って入力します:
-
ことわざのタイトル | ことわざの意味 | ことわざのフレーズ
-
-
例(60dara.txtの場合):
plaintext
コードをコピーする
一期一会 (Ichigo Ichie)|一生に一度の出会い。|全ての出会いは二度とないものとして大切にすべき。 花鳥風月 (Kachō Fūgetsu)|自然の美しさ。|四季の変化を楽しみ、自然の美を感じ取ろう。
ステップ 2: ファイルの保存
-
ことわざを作成したら、ファイルを .txt 拡張子で保存します。例として、proverbs.txt という名前で保存します。
-
保存したファイルは Google Drive や PCのデスクトップ に置いておくと便利です。
2. データを読み込み、ことわざを再生する
ステップ 1: アプリの起動
-
test83.html というアプリを起動します(ブラウザで開きます)。
ステップ 2: ファイルの読み込み
-
アプリ内の「ファイル選択」ボタンをクリックし、作成した .txt ファイルを選択します(Google Drive またはPCのデスクトップからファイルを選択可能)。
ステップ 3: 再生方法の選択
-
アプリでは以下の再生方法を選べます:
-
ランダム再生:ランダムな順序でことわざを再生。
-
順番再生:ファイル内のことわざを順番に再生。
-
手動再生:特定のテーマボタンを押して手動で再生。
-
3. HTMLの保存
-
現在、保存機能は未実装ですが、アプリ内の「HTMLを保存」ボタンをクリックすることで、表示されているデータをHTML形式で保存する予定です。
修正ポイント:
-
保存機能が実装されていないため、追加開発が必要です。
4. 注意事項
-
アプリでファイルを読み込む際、読み込まれたことわざはブラウザの ローカルストレージ に保存されます。これにより、次回アプリを起動したときに以前のデータを使用可能です。