くろおーかみ*てっく

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

2019-01-01から1年間の記事一覧

WEBエンジニア勉強会 #14 (東京都, 泉岳寺) に参加しました #WEM14

今日は勉強会に参加したので、レポートを書きます✨ マイクロサービスやGoogle App Engineで高速開発するお話があったのがきっかけです。 web-engineer-meetup.connpass.com もくじ もくじ 前座 何故マイクロサービスにするんだっけ? (スポンサーセッション)…

# 100DaysOfCode #30: Python(requests)でQiita API認証情報の有/無をよしなに処理する

やったこと (1h) 今日の進捗のコードはコチラ。 github.com (Qiitaにまとめていますが) Qiita APIは空のリクエストヘッダーを受け付けるので、 認証情報があれば空のリクエストヘッダーに値を入れるだけ、というカンタンなものです。 記事では認証情報を作る…

# 100DaysOfCode #29: QiitaのAPIでユーザー名からTwitter/GitHubのユーザー名を取り出す

やったこと(1h) 今日の進捗のコードはコチラ。 github.com Qiita APIでプロフィールを取得する!(認証不要) https://qiita.com/api/v2/users/の後にQiitaのユーザーID(@で始まるやつです)を入れると、Qiitaのプロフィールページで見られるような情報が取得で…

# 100DaysOfCode #28: 自動でページをめくって取得する(BeautifulSoup + requests)

やったこと すべてのユーザーを取得する(1h) 今日の進捗のコードはコチラ。 github.com とりあえず1ページ目を取り出してから、パラパラと次のページをめくって気づいたことをまとめましょう。 次のページへ遷移するページネーションを見ると rel 属性で「次…

# 100DaysOfCode #27: QiitaのOrganizations内ユーザーの取得/canvas要素をPNG化

やったこと QiitaのOrganizations内で 誰が一番活動しているのか どれくらい頑張っているのか が知りたくて調べています(2h) 集計結果をHTMLで出せばWebフロントエンドにも関われる…はず。 今日の進捗のコードはコチラ。 Qiita内で特定のOrganizationsに所属…

#100DaysOfCode に失敗…したので8/7から#27にします

「手が回らなくなった」といえばそれまでだけど そもそも途中で手を付けていない 1日の作業が「表示してみただけ」など小さい 問題を抱えています。 今の段階ではVue.jsのチュートリアルを進めているので、 新しい技術に触れて/技術書を読んで実践したことを…

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でリプレースしてほしい。 少しずつ 」 というのに対応できなかったんですよ。 なの…

100DaysOfCode #10: ES6(3)

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

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

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

100DaysOfCode #9: ES6(2)

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

100DaysOfCode #8: ES6(1)

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

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…