Milk+ea

Weblog Is My Hobby.

自作の暗記単語リストなどを(パッパッパ)っと自動再生で見れるサイト

f:id:totora0155:20140812224844p:plain

動く画像

今回作成したサイトは、次へボタンとか押さなくても、指定時間で次に次に行ってくれる単語帳みたいなサイト、フラ単です。
なおデータは、自分でjsonファイルかcsvファイルを用意する必要があります。csvファイルは、Googleドライブのスプレッドシートやエクセルで作成できます。


確認ブラウザ

  • 最新のChrome
  • 最新のMobileChrome
  • 最新のFirefox
  • IE10
    アイコンとかの表示がおかしいですが直しません。あえてね。(めんどくさい)

使い方

下記のような記述のjson,csvファイルを用意します。

// .json
{
  "get": "受ける",
  "set": "置く",
  "function": "機能",
  "object": "物",
  "class": "部類"
}

// .csv
get,受ける
set,置く
function,機能
object,物
class,部類

ヘージ内のドロップ、アップロードの場所へjson,csvファイルを読み込ませるか、中身をコピーしたものをコピペの場所へペーストすると中身が再生されます。

+1

ページの上に、オプションの設定がありますが、次の通りです。

  • 再生速度は、どれ位で次に移動するかの時間です。
  • ランダム再生は、読み込ませたデータの順番をシャッフルして再生します。
  • 無限ループは、すべてのデータを再生した後、続けて最初から再生します。

ちなみに再生は、spaceを押すか再生エリア内(白いトコ)をクリックすると停止できます。