TL;DR Storybookで表示しているVueコンポーネント全部にBulmaのCSSを適用させたい。 Storybook 5.3から採用された ./storybook/preview.js にBulmaのCSSを読み込ませようとすると、 postcss-loaderのエラーでStorybookが起動しない。 ./storybook/preview.js…
今日は勉強会に参加したので、レポートを書きます✨ マイクロサービスやGoogle App Engineで高速開発するお話があったのがきっかけです。 web-engineer-meetup.connpass.com もくじ もくじ 前座 何故マイクロサービスにするんだっけ? (スポンサーセッション)…
やったこと (1h) 今日の進捗のコードはコチラ。 github.com (Qiitaにまとめていますが) Qiita APIは空のリクエストヘッダーを受け付けるので、 認証情報があれば空のリクエストヘッダーに値を入れるだけ、というカンタンなものです。 記事では認証情報を作る…
やったこと(1h) 今日の進捗のコードはコチラ。 github.com Qiita APIでプロフィールを取得する!(認証不要) https://qiita.com/api/v2/users/の後にQiitaのユーザーID(@で始まるやつです)を入れると、Qiitaのプロフィールページで見られるような情報が取得で…
やったこと すべてのユーザーを取得する(1h) 今日の進捗のコードはコチラ。 github.com とりあえず1ページ目を取り出してから、パラパラと次のページをめくって気づいたことをまとめましょう。 次のページへ遷移するページネーションを見ると rel 属性で「次…
やったこと QiitaのOrganizations内で 誰が一番活動しているのか どれくらい頑張っているのか が知りたくて調べています(2h) 集計結果をHTMLで出せばWebフロントエンドにも関われる…はず。 今日の進捗のコードはコチラ。 Qiita内で特定のOrganizationsに所属…
「手が回らなくなった」といえばそれまでだけど そもそも途中で手を付けていない 1日の作業が「表示してみただけ」など小さい 問題を抱えています。 今の段階ではVue.jsのチュートリアルを進めているので、 新しい技術に触れて/技術書を読んで実践したことを…
やったこと コンポーネントの基本: 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…