豆腐とコンソメ

豆腐とコンソメ

もろもろのプログラム勉強記録

Vue.js

Vue.js + FIrebaseのEメール+パスワード認証をためす

日記 Nuxt.js + Firebaseで、お酒の写真とコメントを管理するWebアプリをつくってる。 作成中のWebアプリ 使用ユーザーは奥さんの1名だけ。 とりあえずなにかしらWebアプリを完成させたい、という目標を達成するために必要最低限の機能は一通り実装できた。 …

そろそろVue.jsでもテストコードを書いていこう

Vue.jsでわりといろいろつくっている今日このごろ。 そこそこ使ってるのに、未だにEsLintもいれてないし、テストコードも書いてないという状況に危機感を覚えた。 特にテストコード書いてないのはまずい気がする。ブラウザで毎回確認するのも時間かかるしね…

3連休だしDocker環境でNuxt.jsをさわってみよう

久々の更新。 最近、Nuxt.jsとFirebaseで遊んでます。 さくさくつくれるからたのしい。 なのでNuxt.jsの記事を書くことにした。 Nuxt.jsを準備する Dockerを準備する Dockerfile docker-compose.yml 起動する Nuxt.jsを準備する さっそく、環境をつくってい…

Vue.jsから入りReactを触ったときの気づき

www.udemy.com こちらのReactの講座途中まで終わって、あーVue.jsでもこうすればいいんだなぁという点があったので書く。 ※書いているコードは、直接この記事で書いちゃったのでtypoミスなどなにかしらのミスがあるかもしれません。 今まで こんなふうに、メ…

Vue.jsで画像スライドコンポーネントをつくる

日記 金曜の夜。 リファクタリングの本を買ったから、土日に読むぞ!そういえば最近走ってないから走りたいな!Skyrimもやりこむぞ! 土曜の昼から現在に至るまで。 なんだか眠いなぁ。Twitchでも寝ながらみるか。 こうして日々が過ぎていくと思うと悲しい。…

ファイルアップロード機能で学ぶVue.js(2)

日記 なんかこう人生に対してやる気がでないときってあるよね! 今、そんな感じ。 よくあるのであまり気にしてないのだけれども、もしこれが続くようなことがあった場合、フリーランスだと怖いなぁって思う。 小説の死のロングウォークを思い出したりするよ…

ファイルアップロード機能で学ぶVue.js(1)

日記 会社で有料セミナーにいってもいいと言われると、お高い普段なかなかいけないような勉強会を探したりしています。 これいいな!と思ったらちょっと高かったりして敬遠したことが何度かあったのに、いざ探すとなるとなかなか見つからないものですね。 本…

コールバック地獄を体験したいんじゃ~Promiseへの道~(2)

日記 風邪が長引いてランニングも勉強もちょっとさぼりぎみ。 ぐうたら寝てばかり。 こういう時期ってあるよね。 前回の続き 前回、以下の処理をcallback関数を使って実現しました。 www.tohuandkonsome.site ファイルを読み込む 読み込んだファイルの内容の…

コールバック地獄を体験したいんじゃ~Promiseへの道~(1)

日記 2018年明けましておめでとうございます。 更新が滞ってました。 年末にかけて仕事が多少忙しくなったこともあり、なかなかまとまって書く時間が取れなかったです。 新年は、39度の熱を出すという散々なスタートとなってしまいましたが、なんとか良い年…

Vue.jsでつくるオブジェクト指向フォーム(2)

前回の続き www.tohuandkonsome.site さて投げやりになってしまった前回だけど、気をとりなおしていくよ! 前回は、 Vue.jsのフォーム入力バインディング(v-model)を利用してaxiosでサーバーにpostする ところまでやりました。 javascriptはこんな感じでした…

Vue.jsでつくるオブジェクト指向フォーム(1)

Laravelで掲示板を作成している途中だけれども、その素材をもとにVue.jsでオブジェクト指向フォームを作ってみるよ。 www.tohuandkonsome.site オブジェクト指向フォームってなによ?と思われたあなた。自分もよくわからないんだ。 でも、おお!ってなったの…

Vue.jsで遊ぶ(2)

日記 正しいものを学ぼうとしているのだけれども、絶対に正しいというものはなくって、今の状況(要件だったり、納期だったり、環境だったり、自分の実力だったり)を考えみて、自分はこうすべきだと思ったと言えるようになればいいのかなと最近思った。 前…

Vue.jsで遊んでみる(1) スタイルのバインド

Vueインスタンス同士の連携ってどうやるんだろうと思って書き始めました。 が本題に入る前に、長くなっちゃいました。 そのわりに内容が薄いです。 jp.vuejs.org この記事で試したこと はじまり 箱を動かしてみる Vue.jsを使っていく 横に動かす この記事で…

3連休だしVue.jsをはじめよう:コンポーネントを使ってみる

おはんきー! 3連休だしVue.jsをはじめました。 (ビュー.jsって読むみたいです) すっごい楽しいので、みなさんもぜひいかがでしょうか。 javascirptもhtmlもなんとなくしかわからないポンコツでも楽しめています。 さっそくはじめてみよう ここに、いろいろ…