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

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

Vue.js

Google Analytics APIを使ってブログのPV数を見る

せっかくのGWなんで(?)、今回は普段は絶対やらないことをやってみたいと思います。 今回はGoogle Analytics APIを使ってブログに対するアクセスを可視化してみたいと思います。 こちらの記事を参考にさせていただきました。 note.com それではやっていきたい…

3D CADデータをブラウザで見たかった

今までブラウザで3Dで何かを表示するときは、3次元のグラフくらいしか使ったことがなく、3Dの形状をブラウザで確認したい際にCADデータをブラウザで表示することをやってみたのでそのメモです。

TwitterのタイムラインをVueで作ったWebページに埋め込むメモ

TwitterのTLをWebページに埋めこんでみようってなってやってみました。 めっちゃ簡単にできたんで、備忘録です。

Vue.jsで画像プレビュー用コンポーネントを作る

普段Vuetify使ってるんですが、画像のプレビューのコンポーネントが用意されていませんでした。 その部分を自分で作ったので今回はそのメモです。

Vue.jsの双方向バインディングについてのメモ

vueでアプリ書いてて、ちょっと双方向バインディングで引っかかったのでメモです。 vueの双方向バインディングがわからぬ。。。— 野川の側 (@nogawanogawa) September 27, 2019

SPAのCRUD操作画面について考える

SPAの画面を作る勉強をしてたときに、CRUD操作をするときに困ったので、今回はそのメモです。

【自由研究】Vue.js+Flask+Dockerで普通のWebアプリケーションを作る(その7:axiosでバックエンドと連携する)

前回はこんな感じのことをやってました。 nogawanogawa.hatenablog.com 今回は、ブラウザ上の画面とこれまで作ったバックエンドの機能を組み合わせてみます。

【自由研究】Vue.js+Flask+Dockerで普通のWebアプリケーションを作る(その2:画面をちゃんとする)

前回はこんな感じのことをやってました。 nogawanogawa.hatenablog.com 今回は画面をちゃんとします←アホそう

【自由研究】Vue.js+Flask+Dockerで普通のWebアプリケーションを作る(その1:FlaskからVueのHelloWorld)

夏も本番ということで、家の外は暑くて死にそうです。やっぱりお家がNo.1!! 自主的に夏休み休業を取るということで、夏なんで、自由研究っぽくだいたいここ半年くらいに勉強したことを復習しつつ簡単Webアプリケーションを作ってみたいと思います。 小学生…

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サーバーを介さずページ遷移をしていきたいと思います。 参考にしたのは…

Portainerでコンテナ管理する(ついでにVue.js開発環境も作る)

最近windowsとMacを行ったり来たりするので、いっその事Docker環境で統一したいと思ってます。 ということで、Dockerの環境をGUIで楽ちん管理するPortainerも導入したいと思います。 ついでと言ってはなんですが、今回はVue.jsの開発環境をDockerに移行しま…

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

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

GitHub Pagesを使用してVue.jsで作った静的サイトを公開する

今どきのwebフロントエンドの勉強がしたくなったときに、アウトプットの公開場所に困ることないですか? そんでもって無料で作りたくないですか? 私が最近Vueの勉強してるってのもあって、できた画面を公開できたらいいなーとか思ってたところに、こんな記…

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入門 基礎から実践アプリケーション開発まで作者: 川口和也,…