Vue.jsを使ってこどもたちのために百人一首学習アプリを作ってみた

JavaScript

「Vue.jsでなにか作りたい」という思いと、子どもたちの「なにかゲーム作って欲しい」という思いから簡単なWebアプリを作ってみました。

数ヶ月前に作成したものですが、 index.html に 「Vue.js」 をCDNサーバ経由で読み込むだけの単純な作りでした。
勉強のために以下の点を改良しました。

  1. プロジェクトは vue init で生成
  2. 開発時は npm run dev でライブリローディング
  3. 外部のライブラリはすべて npm で管理
    • axios
    • bootstrap
    • moment
    • underscore
    • vue
    • vue-analytics
    • vue-meta
    • vuex
    • firebase ( まだ使っていないが使いたい )

気になっているのは「SEO」の対策についてです。
今回、HTMLの head タグ無いのメタ情報についても、「Vue.js」から埋め込むという荒業を行ってみました。
GoogleのクローラがJavaScriptをどの程度解釈してくれるのか？というのを一ヶ月ぐらいかけてみていこうと思います。

ちなみに、「Twitter」や「Facebook」にリンクを張った場合にはJavaScriptの動作はしてくれないようでアイキャッチ画像などは表示されません。
SNSでのシェアを考えた場合にはSSRを検討したほうが良さそうですね。

JavaScript