[go: nahoru, domu]

Skip to content
/ F_2006 Public

様々なテキストをフラッシュカード形式で高速で読むことができるアプリです。文章を読み飛ばしがちな人や速読の練習がしたい人にぴったり。

License

Notifications You must be signed in to change notification settings

jphacks/F_2006

Repository files navigation

Flash Reading

製品ページ(画像クリックでジャンプします)

unknown

製品概要

紹介動画(画像クリックでジャンプします)

IMAGE ALT

制作動機

「オンライン授業、今日は解説がGoogle Documentで配布されてる。」

 昨今あらゆる面でデジタル化が進み、一般的なドキュメントは勿論、スライドや画像、音声、動画などの様々な形の資料が多く出回るようになりました。
 特に新型コロナウイルス(COVID-19)の流行後、「集会、近距離での会話、閉鎖空間」の所謂三密を避ける為にオンサイトな交流を減らす必要が出てきました。 その為、今までオンサイトで使用していたスライドや、配布していた紙媒体の資料、口頭で伝えていたような内容を組織間で共有するためのプライベートなデジタル文書がオンライン上で共有されるようになりました。

「長すぎでしょ。」

 しかし、そんな共有されるデジタル文書の中には、まとまりの悪い文書であったり、画像なしの文章だけが延々と描かれている文書があります。
 いかに大事な書類であっても、読み手にとって気分の良いものではありませんし、概要把握だけで時間が要する、長時間の集中で重要な箇所を見落とすなどの危険性があります。

 このことを解決するために私たちはFlash Readingを製作しました。

製品概要

  • この製品は、高速逐次視覚提示を用いて、テキストボックスにコピー&ペーストされたテキストを区切って表示します。
  • 任意のテキストをコピー&ペーストして再生ボタンを押すことで、文節ごとに区切られたテキストを次々に表示していきます。
    • これらの操作はキーボード上で操作することができます。
  • ユーザーとしてログインすることで、一度読み取ったテキストデータを保存することができます。
  • chromeの拡張機能(有償のためコードだけ記述)を用いれば、Chrome内のテキストを選択して右クリックするだけでFlash Readingにアクセスし読み上げを行います。

特長

特長1: 「みんなの『素早く』『読みたい』にあわせて」

  • 任意のテキストをテキストボックスにコピー&ペーストしたら自動的に文節で区切るため、読みたい文書を高速に読むことができます!
  • Flash Reading制作メンバー厳選の六種類のテーマカラーから好きなテーマを選択可能!お好きなテーマカラーで読むことができます!
  • 読むことが疲れたらやめましょう。ログインすれば文書を保存して次回から続きをそのまま閲覧することができます!

特長2: 「コピペすらも面倒だよね?」

  • 任意のPDFテキストや画像をドラッグアンドドロップすることで、ファイル内のテキストを抽出!そのまま内容を閲覧することができます!
  • chromeの拡張機能(有償のためコードだけ記述)を用いれば、Chrome内のテキストを選択して右クリックするだけでFlash Readingにアクセスし読み上げを行うことができます!

特長3: 「『たまには落ち着いて読みたい』も叶えます!」

  • 表示速度を変更することが可能!自分の読みたい速度で読むことができます!落ち着いて読むときも目線を動かす必要はもうありません!

解決出来ること

 わたしたちは中央に流れてくる文字を見ているだけでいいので、この製品があればもう文章を読むために目線を移動させる必要はありません!
 また、膨大な文章を目の当たりにしたとしても、それを少しずつ読むことができるので文章だけが延々と続く威圧的な文書も気軽に読み始めることができます!これらのことから、

  • 小さい文字を読むことがつらい人
  • 文章を早く正確に読みたい人
  • 文章を読み飛ばしやすい人

これらの人が抱える課題を解決できるのです!

今後の展望

  • 今回はウェブアプリとして本アプリを開発したが、文字数が小さいことからスマートウォッチなどの小さな画面でも閲覧が可能であるため、そういったデバイスでも使用可能な形にしたい。

注力したこと(こだわり等)

  • 全文表示の所について、透明度の計算や行が移る動きを結構工夫した。
  • OCRで読み取った文章を使いやすいように整形した。
  • DBやログイン機能から、Docker, CircleCIまで、普段の業務で見聞きしてきた技術を積極的に導入した。
  • 実際に表示される文字が長くなると一瞬で消えてくためにかえって読みにくくなると思い、形態素解析によって単語分割されてモノを、単に文節分割にするだけでなく、文字数によっても分割するような仕組みにした。

開発技術

活用した技術

PaaS

  • Heroku

フロントエンド

  • HTML5
  • Javascript
  • Bootstrap
  • PDF.js
  • Tesseract.js

バッグエンド

  • Python
  • Flask
  • Postgres
  • gooラボAPI
  • marshmallow
  • SQLAlchemy

開発環境

  • CircleCI
  • docker
  • Visual Studio Code



heroku-1 HTML5_sticker bootstrap-5 logo (2) tesseract python-logo-master-v3-TM-flattened flask view@2x horizontal-logo-monochromatic-white 1000px-Visual_Studio_Code_1 35_icon svg

About

様々なテキストをフラッシュカード形式で高速で読むことができるアプリです。文章を読み飛ばしがちな人や速読の練習がしたい人にぴったり。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors 4

  •  
  •  
  •  
  •