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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

やったこと JavaScript 学習コース Ⅵ JavaScript 学習コース Ⅶ 「JavaScript 学習コース Ⅵ」コースを修了しました！ https://t.co/lu7yYYHuK2 #Progate— y-mix (@bwolftech) July 10, 2019 「JavaScript 学習コース Ⅶ」コースを修了しました！ https://t.co/…

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

やったこと ProgateでES6に触れるのを2時間やりました。 ES6終わったらVue.jsだなー JavaScript 学習コース Ⅱ JavaScript 学習コース Ⅲ JavaScript 学習コース Ⅳ JavaScript 学習コース Ⅴ 「JavaScript 学習コース Ⅱ」コースを修了しました！ https://t.co/f…

やったこと JavaScript I: 1h 確認の意味も込めてES6のコースを最初から。しかし、今日は眠かった…… 「JavaScript 学習コース Ⅰ」コースを修了しました！ https://t.co/qXtA90leq0 #Progate— y-mix (@bwolftech) July 8, 2019 みんなの進捗を応援！ Twitter …

やったこと 1つ目の作品であるランディングページができました 今日の作業は5時間かかっているので、11時間かかった記録になります。 画像と文字の色が被るのをどう直すかすっごい悩んだ… あとはスタイルが効かねー！ズレたー！とかよくあります。 HTML/Sass…

やったこと 引き続きランディングページを実装しています。(1.5h) 背景画像を挿入して一気にそれっぽく見せています。「web 写真 素材 フリー」と調べるとすぐにPixabayが出てきます。 サンプルの画像として使えるので助かりますね✨ 魅力的なフリー画像 - Pi…

やったこと 引き続きランディングページを実装しています。(1.5h) y-mix.hateblo.jp ヘッダーが治ってモバイルの表示で悩み始めました！！ ヘッダーは治ったけどモバイルの表示で悩むの巻 #100DaysOfCode 5日目 pic.twitter.com/sTyd4xMzbv— y-mix(blackwolf…

こんばんは、y-mix( @bwolftech )です！ 実は触れていなかったSassのコンパイル方法を工夫したので書いておきます。 コチラは Sassのみを勉強するための構成を想定しているので 実際のプロダクトではまた別の方法になると思います。 Sassのコンパイルについ…

やったこと ProgateのHTML/CSS, Sassレッスンの範囲で作品を作っています (4h) とりあえずWebの画面を作れる段階まで知識を確認できたので、ランディングページを作ってGitHubにあげています！ github.com か…解決できなかった……！ 次の知識だけで実現できる…

やったこと Sass 学習コース Ⅰ :2h 「Sass 学習コース Ⅰ」コースを修了しました！ https://t.co/Bly91OUvTm #Progate— y-mix(blackwolftech) (@bwolftech) July 3, 2019 きづいたこと Progate特有のこと。 Sassのレッスンはプレビュー右上の更新ボタンを押さ…

やったこと Progate: 3h HTML & CSS 学習コース 中級編 HTML & CSS 学習コース 上級編 HTML & CSS 道場コース 上級編 「HTML & CSS 学習コース 中級編」コースを修了しました！ https://t.co/BmVKjCR2BM #Progate— y-mix(blackwolftech) (@bwolftech) July 2…

やったこと Progate HTML & CSS 初級編: 1h 「HTML & CSS 学習コース 初級編」コースを修了しました！ https://t.co/E5QOCy9esp #Progateなんか自己流でやってて不安だったから— y-mix(blackwolftech) (@bwolftech) July 1, 2019 きづいたこと Bootstrap に…

はじめまして、y-mix( @bwolftech )と申します！ スキルアップのために勉強しているのですが 「勉強したこととかこっそりまとめているからブログにできるのでは？」ということではじめました！ (後述しますが)プライベートでコードに触れる習慣をつけるため…