くろおーかみ*てっく

しがないくろおーかみの勉強記

Vue

100DaysOfCode #26: Vue.js <script>直接組み込み(16) コンポーネントのv-modelでイベントが伝わらない(汗)

やったこと コンポーネントの基本: 1h 今日の進捗のコードはコチラ。 github.com きづいた(困った)こと: コンポーネントのv-modelでイベントが伝わらない Vueのドキュメントコンポーネントの基本内のコンポーネントで v-model を使うでは、 そのとおり コン…

100DaysOfCode #25: Vue.js <script>直接組み込み(15)

やったこと コンポーネントの基本: 1h 今日の進捗のコードはコチラ。 github.com

100DaysOfCode #24: Vue.js <script>直接組み込み(14)

やったこと フォーム入力バインディング: 1h 今日の進捗のコードはコチラ。 github.com

100DaysOfCode #23: Vue.js <script>直接組み込み(13)

やったこと フォーム入力バインディング: 1h 今日の進捗のコードはコチラ。 github.com

100DaysOfCode #22: Vue.js <script>直接組み込み(12)

やったこと イベントハンドリング: 1h 今日の進捗のコードはコチラ。 github.com

100DaysOfCode #21: Vue.js <script>直接組み込み(11)

やったこと リストレンダリング: 1h 今日の進捗のコードはコチラ。 github.com

100DaysOfCode #20: Vue.js <script>直接組み込み(10) v-if/else-if/else v-show

やったこと 条件付きレンダリング: 1h 今日の進捗のコードはコチラ。 github.com

100DaysOfCode #19: Vue.js <script>直接組み込み(9) v-bind:class/style

やったこと クラスとスタイルのバインディング: 1h 今日の進捗のコードはコチラ。 github.com

Laravel/Vue.js勉強会#10 に参加しました #Laravue

今日は勉強会に参加したので、レポートを書きます✨ 今日はコチラに…Laravel/Vue.js勉強会#10 https://t.co/cvpywwcGY5 #Laravue— y-mix (@bwolftech) 2019年7月18日 laravue.connpass.com もくじ もくじ [Vue] スポンサー: Storybookを用いたVue.js共通コン…

100DaysOfCode #18: Vue.js <script>直接組み込み(8) watchと公開されているWeb APIでGETを試したいときの注意

やったこと 算出プロパティとウォッチャ: 2h 今日の進捗のコードはコチラ。 github.com Vue.jsの知見を聴きに勉強会に参加しました。 y-mix.hateblo.jp Web APIを試したい!…アクセスキーが不要なAPIを試そうとするとCORSの制限に引っかかる ウォッチャのサ…

100DaysOfCode #17: Vue.js <script>直接組み込み(7) computed/watch

やったこと 算出プロパティとウォッチャ: 1h 今日の進捗のコードはコチラ。 github.com 風邪気味なようです… きづいたこと v-…の省略記法で : は v-bind: 、 @ は v-for になる 習いたてだと「テキストボックスの内容と結びつけるのも省略記法でいけるのでは…

100DaysOfCode #16: Vue.js <script>直接組み込み(6)

やったこと テンプレート構文: 1h 生のHTML 属性 JavaScript式の使用 ディレクティブ 今日の進捗のコードはコチラ。 github.com きづいたこと a タグに対して(CSS/SCSSの勢いで?) v-on:hover では期待通りに動作しないので v-on:mouseover を使う

100DaysOfCode #15: Vue.js <script>直接組み込み(5) テンプレート構文 / GitHub found 1 vulnerability on...

やったこと テンプレート構文: 1h 早く寝なきゃ… 今日の進捗のコードはコチラ。 github.com GitHubでコミットしたら「脆弱性が見つかった」というメッセージが出た! 表題の通り、コミットの操作をした時点でリポジトリに脆弱性が見つかるとGitHubが教えてく…

100DaysOfCode #14: Vue.js <script>直接組み込み(4) Vueインスタンス

やったこと Vue.js > Vueインスタンス: 1h 体調の悪い日が続いています。 今日の進捗のコードはコチラ。 github.com WebpackもParcelも導入しないでホットリロードを実現したい!: Visual Studio Code + Live Server ちょうどエディタをVisual Studio Codeに…

100DaysOfCode #13: Vue.js: ドキュメントの「はじめに > コンポーネントによる構成」で詰まったら?

やったこと Vue.js > はじめに > コンポーネントによる構成: 1h 記事にはまとめたけどちょうしわるめ。 今日の進捗のコードはコチラ。 github.com みんなの進捗を応援! Twitter @bwolftech で応援(Fav & RT)した進捗を紹介します Day27学習時間:5h課題23作…

100DaysOfCode #12: Vue.js <script>直接組み込み(2)

やったこと Vue.js > はじめに > コンポーネントによる構成: 1h 今日の進捗のコードはコチラ。 github.com きづいたこと 日付ごとにGitのタグを付けているけど、pushまでのコマンドが忘れがちになっている というより、ある程度名前とか決まっているので wor…

100DaysOfCode #11: Vue.js <script>直接組み込み(1)

やったこと Vue.js > はじめに > 宣言的レンダリング: 1h JSFiddle Hello World example でちょっと触ってから単一ファイルコンポーネントを触ったので、 「このページをVueでリプレースしてほしい。 少しずつ 」 というのに対応できなかったんですよ。 なの…

【シューマイ】Tech Lead Engineerから最新技術を学べ!Vue.js編 に参加しました #shuuumai

こんにちは、y-mix( @bwolftech )です。 今日はVueの知識を深めたくこちらの勉強会に参加しました! shuuu-mai.connpass.com もくじ もくじ シューマイ? Vue.jsのslotを活用した汎用的コンポーネント設計について Vue/Vuexを限りなくReact/Redux風に書く話 …