前回: 週間レビュー (2018-11-05~) | 楽しいだけで十分です

今週やったこと

Vue.js

• Vue.js入門 基礎から実践アプリケーション開発まで | Gihyo Digital Publishing … 技術評論社の電子書籍のch8 ~ ch10 (2週目)
• AppendixA

HTML/CSS

• ６ステップでマスターする　「最新標準」HTML+CSSデザイン | マイナビブックスのch3-4 ~ ch4-3 (2週目)

JS

• オブジェクトリテラルのプロパティ/メソッドのいろんな書き方（ES6版） - Qiita
• 分割代入 - JavaScript | MDN

来週やること

Vue.js

• Vue.js入門 基礎から実践アプリケーション開発まで | Gihyo Digital Publishing … 技術評論社の電子書籍のAppendixB

  • エコシステムの勉強します

• 「Auth0」で作る! 認証付きシングルページアプリケーション

  • SPAの認証のやり方(というより、そもそも認証周りの知識が怪しい...)を知りたいので読んでみます

HTML/CSS

• ６ステップでマスターする　「最新標準」HTML+CSSデザイン | マイナビブックスのch4-2

  • テーブルレイアウトの復習します

• CSSのtransform/transition/animationの勉強

  • 動きを作るプロパティがいまいちわかってないので勉強します。以下のエントリを写経してみようと思います。
  • 【CSS3】Transform（変形）関連のまとめ - Qiita
  • 【CSS3】Transition（変化）関連のまとめ - Qiita
  • CSSでアニメーション！「animation」と「keyframes」の使い方のおさらい | HPcode

ポートフォリオサイト作成

• 構成もまだちゃんと決めれてないけれど、AboutとSNSへのリンクがあるくらいのシンプルなものをNuxtで作ってみる

keymapper

• フォームにフォーカスする機能の追加

雑感

jQuery -> Vue.jsへの書き換えは、ライブラリの違い(DOM操作に特化したjQueryとデータを変更してそれに合わせてUIを構築するVue.js)がよくわかってよかったです。HTML/CSSはテーブルのレイアウトがうまくできてないなと思ったので、そこは来週も復習します。JSの書き方でどう書くんだっけ？と不安になったので、ちょっと復習しました。来週も見直したら完璧かなあ。

来週はインプットは継続しつつ、ここ最近アウトプットがほとんどできてないので、Vue.js + HTML/CSSでポートフォリオサイトを作ったりします。