Vuexを使ってログイン情報を保持する実装をおこなったが、ブラウザをリロードすることでVuexが初期化されてしまいログアウトされてしまった。ログイン情報を永続化するためには、Vuexのプラグインとして用意されている 「vuex-persistedstate」 を使うことで…

vue-cli3になったことによって、環境変数を扱うことが非常に簡単になった。その中でもクライアントサイドで利用することができるようになったことが非常にありがたい機能だと思った。 4種類のファイル名 プロジェクトのルートに環境変数を記述したファイルを…

Vue.jsのUIフレームワークに 「Vuetify.js」 がある。Webアプリを作っているときに、CSSがうまく表現できなかったのでUIフレームワークとして導入してみた。その導入する際に、0からインストールする方法と現在走っているプロジェクトに導入する方法で異なる…

今回はVue.js チュートリアルをおこなっていて、改めて自分が理解できていないことをまとめました。実際におこなったチュートリアルは「基礎から学ぶ Vue.js」の付録についていたものです。 基礎から学ぶ Vue.js作者: mio出版社/メーカー: シーアンドアール…

今回はVue.jsでCSVファイルを取り込んで、そのまま画面に表示することをしたいと思います。 今回のソースは過去のツイート情報を表示することを想定しています。 全ツイート履歴をダウンロードする方法は公式を御覧ください。 help.twitter.com 全ツイート情…

これまでVue.jsでいくつかサイトを作ったりしてきました。Firebaseを組み合わせたりして手軽に実装でき、まだまだ改良すべき点はありますが非常にいい成功体験となりました。次に作るものはバックエンド含めて自分で実装してみたいと思い、今回はRailsを選ん…

yoshitaku-jp.hatenablog.com 以前の記事でGridsomeを使う設定をおこないました。今回はCMSを導入し使う設定をおこないます。使うCMSはNetlifyCMSです。 すでに海外の方が使える設定を公開していて参考にさせてもらいました。 ディレクトリとファイルの作成 …

Vue.js製の静的サイトジェネレーターを見つけました。Gridsomeです。 最近よく聞くReact.js製のGatsbyと似たような構成のようです。 今回はサイトを作ってから、Netlifyにpushするまでを実施してみたいと思います。 環境構築 インストール まずはnpmでインス…

tl;dr npm install -g @vue/cli でエラーが発生 npm cache clean --forceで解決した 再び、npm install -g @vue/cli で無事にインストールができた エラー内容 npm ERR! Unexpected end of JSON input while parsing near '...XAWVO\n+/4j+zc2nz6uaW' 発生の…

この記事は、yoshitaku_jpの1人 Advent Calendar 2018 - Adventar の18日目の記事と、 https://qiita.com/advent-calendar/2018/isaax の18日目の記事です tl;dr Isaaxフォントを使ってみた Vueでのフォントファイルの使い方がわかった かっこよくてお気に入…

この記事は、yoshitaku_jpの1人 Advent Calendar 2018 - Adventar の5日目の記事です。 今回はFirebase AuthenticationでGoogle認証をやってみました。超簡単で便利！これを使えばログイン機能に頭を悩ませる必要ないんだなって思います。 AuthenticationのG…

VueSchoolという、Vueについて学べるサイトがあります。 vueschool.io ここでは、Vue.jsについて様々なことを学べるコースが月$12で用意されています。全編英語ではありますが、字幕は用意されていますし、再生速度も変えることができました。Vue.jsについて…