2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

NuxtとFirebaseの練習で速読Webアプリをリリース

2
Last updated at Posted at 2019-09-27

速読家になろう という 誰でも,どんな文章でも速読できるWebアプリです.

アプリとか言ってるけどWebサイトでPWA です

ここでいう速読とはRSVP(高速逐次視覚提示)です

コピペした文章を解析し,瞬間速読ができるようになります.

こちらの記事が詳しいです

*形態素解析は使っていません.Cloud Natural Language APIを使用しているとだけ言っておきます.

構成

  • Nuxt フロント(SPA)
  • Vuetify
  • Firebase Hosting
  • Cloud Natural Language API(解析)
  • Cloud Functions (Python 整形)

NuxtなのにSSRじゃないのは,Nuxtを選んだ理由がSSRではなくて,素早いスタートを切れることと規約チックだからです.

そもそもコピペ前提のサービスなので,SEOに対するコンテンツが何もない状態です.

所感

NuxtのPWAが簡単すぎて感動した.manifestとiconを設定するだけで終わっていました.

VuetifyまじでCSS書かなかった.

FirebaseのHosting簡単すぎて感動した.

Nuxt×Firebaseの組み合わせが,爆速にとても寄与しているんだなと実感しました.

これからの個人開発のサービスもほとんどこの組み合わせでやることになると思います.

RSVPと日本語について

速読家になろう というタイトルのとおり,最初は某小説投稿サイトをターゲットにした速読アプリになる予定でした.

しかし,小説家になろうの文章の特徴がRSVPと相性が悪かったので,全てを対象にしています.

相性が悪い と感じた点は3点

  • セリフのカッコ「」が多い
  • ルビが邪魔
  • 厨ニ文字が解析できない

セリフのカッコが多い

ラノベはそういうもんなので仕方がないのですが.

速読家になろう は現在,カッコにうまく対応できていません.

元文と比較すると,すごく崩れてしまいます.

# もとの文章
「おぼっちゃま? どうかなさいましたかおぼっちゃま」

「……え?」
```
[速読家になろう](https://anyrsvp.firebaseapp.com/) が解析した結果
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/35159/ed92df72-bc5f-e6fd-f65c-f596e54a9fab.png)

すごく中途半端なところで表示を区切ってしまっています.
これは私が対応すれば解決します.がんばります.

ここからは愚痴です

## ルビが邪魔

ルビ付きの文字をコピペすると「漢字かんじ」って具合に「漢字+ふりがな」になってしまいます.

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/35159/dd6b3acc-2648-953f-228a-cfe620c62889.png)


```
このダンジョンのダンジョンボス──孫悟空そん ごくうだ。
```

[速読家になろう](https://anyrsvp.firebaseapp.com/) はコピペされた文章を読み取るので,コレは解決が難しい気がしています.
漢字を発見したら,平仮名に変換して隣接する一致した文字列を削除 とかですかね?

と思っていたら次の問題にブチ当たりました.

## 厨ニ文字が解析できない

星光連流撃(スターバーストストリーム) とかいくらGoogleでも解析できない

中二病乙



RSVPと日本語はただでさえ,英語よりもハンデがあります.
そこに現代文ときて,厨ニ文字とくると厳しい印象がありました.

法律とか,新聞のような記事だと相性いいと思います.

小説家になろうに特化できないなら,全てに対応してしまえという投げやりコンセプトです.


# スマホでコピペめんどくさい問題

スマホでテストしてみたんですが,読みたい長い文章を見つけたとして,コピーするのがめんどくさいんですよね.スクロールするのがめんどくさい.

全選択って手もありますが,記事や文章以外のサイト文言とかも入ったりしてノイジーです.

URLコピペしてもらってArticleとからへんのタグで検討つけてスクレイピング とかを検討しています.

# まとめ

+ Nuxt × Firebase は爆速のスタートが切れる
+ Google Cloud API つよい
+ 中二病乙
2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?