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

今週やったこと

Vue.js

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

  • エコシステムの勉強します
  • -> Storybookを活用できるようにするために、Atomic Design ～堅牢で使いやすいUIを効率良く設計する：書籍案内｜技術評論社をVue.jsで書き直すとかしてみるといいかもなと思いました

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

  • SPAの認証のやり方(というより、そもそも認証周りの知識が怪しい...)を知りたいので読んでみます
  • -> OIDCやJWTのことが知れたのと、RailsのAPIモードを初めて使えたのがよかったです

HTML/CSS

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

  • テーブルレイアウトの復習します
  • -> まだうまくスタイルを当てられなかった所もあったけれど、だいたい掴めた気がします

• CSSのtransform/transition/animationの勉強

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

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

• 構成もまだちゃんと決めれてないけれど、AboutとSNSへのリンクがあるくらいのシンプルなものをNuxtで作ってみる
• -> Portfolio sample by yinm · Pull Request #2 · yinm/nuxtjs-sandbox で真似しつつ自分で書き直して見たりはしました。次はちゃんとレイアウトから自分で作ろう...

keymapper

• フォームにフォーカスする機能の追加
• -> Add focus first input by yinm · Pull Request #85 · yinm/keymapperで追加しました。DOMの要素取得の勉強になりました

TypeScript

• Revised Revised 型の国のTypeScript | Revised Revised TypeScript in Definitelylandのch1 ~ 6
• -> 追加で勉強したもの。型定義の方法(なかなか覚えられない...)やコンパイラオプションや型定義ファイルの使い方がよくわかってなかったので勉強になってます。 読書メモ Revised Revised 型の国のTypeScript | 楽しいだけで十分です

来週やること

TypeScript

• Revised Revised 型の国のTypeScript | Revised Revised TypeScript in Definitelylandのch7 ~ 8

  • ひとまず人の書いた型定義ファイルを読めるくらいにはなりたいです

• Revised Revised 型の国のTypeScript | Revised Revised TypeScript in Definitelylandの復習

  • まだ理解が浅い型定義の方法を中心に復習します。今週でTSの記法でわからない部分をなくして、スムーズに読み書きできるようにしたいです

雑感

今週はあんまり理解できてないなと思ってた部分の理解が深められてよかったです。

来週はTS強化週間にします。自分の中でさっと使える言語のひとつにしたい...！