Vue.js

基本は大切 / Vue.js チュートリアルのToDoリスト作成から学んだこと

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

Vue.jsでCSVを取り込んで表示する

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

RailsとVueの環境構築

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

NetlifyCMSをGridsomeに適用する方法

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

Gridsomeでサイト作りを始めた

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

Isaaxフォントを使ってみた

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

Firebase AuthenticationでGoogle認証をやってみた

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

VueSchoolでVue.jsの基礎を学んでみた

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