どこにでもいるSEの備忘録

たぶん動くと思うからリリースしようぜ

JavaScript

Firebase Cloud Functionsを使う

最近はFirebaseを使って遊んでました。 nogawanogawa.hatenablog.com nogawanogawa.hatenablog.com まだHostingできただけだったので、今回はCloud Functionsも組み合わせて遊んでみます。

Firebase+Vue.jsでWebアプリケーション的ななにかを作る

こないだはこんな感じのことをやってました。 nogawanogawa.hatenablog.com ホントにFirebaseに入門したてって感じなので、今回はVue.jsで自分で画面を作ったものをデプロイまで頑張ってみたいと思います。

Nuxt.jsでSSRを勉強してみる

SPA(Single Page Application)はクライアントサイドの性能が高まってきた今日ではUXを高める非常に強力な選択と言えます。 その一方で、SPAには課題もあり、その一つが初回ロードが重いというものです。 これはちょっと凝ったプロジェクトを作って、ネット…

Vue.jsを使ってみた(外部APIからデータを取得する)

この前はこんな感じにやってました。 nogawanogawa.hatenablog.com 状態管理も触れ、routingも体験したので、ちょっとばかし応用編です。 前回検索画面を作ったので、それを使って外部のAPIと連携していきたいと思います。 こういった外部へのアクセスにはax…

Vue.jsを使ってみた(Vue RouterでSPAっぽくする)

この前までこんな感じになっていました。 nogawanogawa.hatenablog.com 前回まで同じページ内での操作をできるようにしていました。 今回は、SPA(Single Page Application)っぽく、webサーバーを介さずページ遷移をしていきたいと思います。 参考にしたのは…

Vue.jsを使ってみた(タスクボード的ななにかを作る)

前回はちょっと寄り道してデザインやら公開する方法をかじってみました。 nogawanogawa.hatenablog.com nogawanogawa.hatenablog.com 今回は本筋に戻って、実際にサマになるもんを作ってみたいと思います。 とはいうものの、下の本の内容を踏まえてガチャガ…

Vuetify.jsを使ってみた

この間はvue.jsをとりあえず使ってみました。 nogawanogawa.hatenablog.com vue.jsを使ったデザインテンプレートはいくつかあります。(前回一瞬使ったbootstrapVueなんかもそれです) 今回は、その中でもモダンなマテリアルデザインのライブラリであるVueti…

Vue.jsを使ってみた(Vuexによる状態管理)

この前はVue.jsを使って、なんとなくVueっぽく単一ファイルコンポーネントを使ってフロントエンド開発が出来ることを確認しました。 nogawanogawa.hatenablog.com しかし、何やら最近のフロントエンドでは、状態管理なるものをしていかないと話にならんよう…

Vue.jsを使ってみた(単一ファイルコンポーネント)

今や、javascriptはフロントエンド/バックエンド問わず使われるようになっています。 今回はいまどきのフロントエンドで使われているVue.jsを勉強してみます。 今回参考にしたのはこちら。 Vue.js入門 基礎から実践アプリケーション開発まで作者: 川口和也,…