くろおーかみ*てっく

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

HTML

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

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 #11: Vue.js <script>直接組み込み(1)

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

100DaysOfCode #7: HTML/CSS/Sass ランディングページ(4)

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

100DaysOfCode #6: HTML/CSS/Sass ランディングページ(3)

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

100DaysOfCode #5: HTML/CSS/Sass ランディングページ(2)

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

100DaysOfCode #4

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