8月メモ・リンク集

8月に調べたことのメモです。 Vue 関連 基礎 ちょっと応用 Angular 関連 JavaScript その他 その他 Vue 関連 基礎 Vue.js 学習メモ - ryotah’s blog Vuex 学習メモ - ryotah’s blog Nuxt.js 学習メモ - ryotah’s blog How to redirect with vue-router? · Is…

ISO 形式 (ISO 8601) の文字列判定

ISO 8601 - Wikipedia ISO 8601は日付と時刻の表記に関する国際規格。 // https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString new Date().toISOString() // => "2018-08-31T04:56:23.130Z" const ISO8601_DAT…

Vue のリアクティブシステム

vue

勉強会で発表した資料です。 Vue のリアクティブシステム、その中でも依存関係のある関数の収集と再実行をどのように実現しているのかについて解説しています。Object.defineProperty, Dep Class and Watcher. --- # 話すこと - Vue のリアクティブシステム…

Nuxt.js 学習メモ

これは何か Nuxt.js ガイド プロローグ はじめる インストール ディレクトリ構造 設定 ルーティング ビュー 非同期なデータ アセット プラグイン モジュール Vuex ストア コマンド 開発ツール その他 これは何か Nuxt.js の公式ドキュメントを読んだときのメ…

Vuex 学習メモ

これは何か Vuex ガイド Vuex とは何か? Vuex 入門 コアコンセプト ステート ゲッター ミューテーション アクション 実践的な例として、ショッピングカートをチェックアウトするアクション モジュール アプリケーションの構造 プラグイン 厳格モード フォー…

Vue.js 学習メモ

vue

これは何か Vue.js ガイド 基本的な使い方 Components In-Depth トランジションとアニメーション 再利用と構成 ツール スケールアップ 内部 移行 その他 その他のドキュメントへのリンク これは何か Vue.js の公式ドキュメントを読んだときのメモです。 気に…

(WIP) Learn Angular

これは何か 始める前に 最初に 基礎 基礎(適宜) 応用 RxJS ngrx TypeScript VS Code エクステンション for Angular for TypeScript for Lint and Code format Util これは何か Angular を習得するために必要な情報をまとめてみようとしたもの Angular の …

(WIP) Angular Testing メモ

これは何か 前提知識 Jasmine 用語 Service Tests Testing without beforeEach() Testing HTTP services Component Test Basics Component DOM testing コンポーネントを生成するテストコード nativeElement DebugElement Component Test Scenarios Componen…

6月メモ・リンク集

6月に調べたことのメモです。 Angular 関連 ngrx 関連 ngrx 実装メモ 結果 Actions Reducers Effects Container CSS 関連 Angular 関連 (WIP) Angular Testing メモ - ryotah’s blog Angular のドキュメント + テストに関する前提知識(用語、Jasmine使い方…

5月メモ・リンク集

5 月に調べたことのメモです。 Angular 関連 third party lib Testing in ngrx Version 6 Rx 関連 catchError Rails 関連 その他 Angular 関連 third party lib stories global scripts · angular/angular-cli Wiki · GitHub 例えばグローバルに jQuery を i…

4月メモ・リンク集

4 月に調べたことのメモです。 Angular 関連 Angular 6 モーダルの状態を ngrx で管理する ngrx の状態管理を Router (URL) 起点にする Rails 関連 マイグレーション Active Record クエリインターフェイス Active Record コールバック JSのテスト 関連 Dock…

3月メモ・リンク集

3月に調べたことのメモです。 Angular関連 React関連 CircleCI関連 2.0 Docs - CircleCI(オフィシャルドキュメント) Angular対応 その他 Rails関連 Android関連 その他 Angular関連 DESIGN DOC (Ivy): Separate Compilationを読む - らこらこブログ RxJS: …

Rails チュートリアル復習用メモ

以下を参考にした、Rails アプリを作成する手順の覚書です。 Ruby on Rails チュートリアル:実例を使って Rails を学ぼう GitHub - yasslab/sample_apps: Rails チュートリアルの各章が終わった状態を集めたリポジトリです。 モデルとコントローラーの基本…

2月メモ・リンク集

2月に調べたことのメモです。 リサイザー Show More/Less コンポーネント ドラッグアンドドロップ(dnd) Googleスプレッドシート的なスクロール AngularのDIに関して Ruby, Rails関連 VS CodeでRubyを書く その他 リサイザー angular-resizer - StackBlitz …

1月メモ・リンク集

1月に調べたことのメモです。 Angular関連 Date系ライブラリとIANA 複数のプロジェクタで共有したいロジックとコンポーネントをパッケージ化した 必要な前提知識 ReactのHOCs その他 Angular関連 AngularのCDK Tableのコードを読みながら、Viewの組み立て方…

AngularのCDK Tableのコードを読みながら、Viewの組み立て方について調べる

CDK Tableのドキュメント 0: 完成版 1: コンポーネントを動的にaddする 2: 対象のコンポーネント内にaddする 3: コンポーネントのaddからテンプレートを取得してaddする方式に変更 4: table.ts, row.ts, cell.tsを用意 5: 行定義を追加(RowDef) 6: ヘッダ…

12月メモ・リンク集

12月に調べたことのメモです。 Angular関連 View作成や再利用について Form関連 Dateライブラリ VSCode コードフォーマット Go環境用意 Reactチュートリアル Tutorial その他 Google Analytics コンポーネントを設計するときに Angular関連 View作成や再利用…

moment -> Luxon

Momentと比較してみて 気に入ったところ なるほどと思ったところ その他のmomentとの違い 準備 型定義ファイル インポート 基本的な書き方 作成 変更 出力 日本語にする タイムゾーンの変更 今後の懸念 デモ Refs Refs Momentと比較してみて 使ってみて1週間…

Parcelを利用してReact × Typescriptの環境を用意

ちょっとしたモック作成や動作確認をしたいときに使ってみようかと思います。 Parcel v1.2.0を利用。 準備 Parcelをインストール npm install -g parcel-bundler tsconfig.jsonを用意 { "compilerOptions": { "target": "es5", "module": "commonjs", "stric…

ローダーと通信エラーの実装

ローディング ローダーの種類 Aの実装方針 actionとstate stateをsubscribe Bの実装方針 利用例 stateをsubscribe BlockerComponent 通信エラー 実装方針 利用例 Angularアプリのローダーと通信時エラーの実装について。 (Angular 5.0.1を利用) ローディン…

(WIP) createEmbeddedViewとcreateComponen

templateを利用して動的にコンポーネントを生成する ViewContainerRef TemplateRef EmbeddedViewRef サンプル 参考 templateを利用して動的にコンポーネントを生成する this.viewContainer.createEmbeddedView(this.templateRef); 何が起きているか Angular…

ControlValueAccessorでRadioボタンを含むコンポーネントを実装するメモ

(change)を利用 ViewChildrenを利用 ref.nativeElement.checked = true;でViewを更新 RadioComponent import { Component, ElementRef, QueryList, ViewChildren } from '@angular/core'; import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angula…

11月メモ・リンク集

11月に調べたことのメモです。 ngrx関連 各Feature Module(Page Module)のステートを、画面遷移時にリセットする Angular関連 Component/Directive関連 アプリケーションに依存するデータを表示するコンポーネントのインターフェース(@Input)について Fo…

AngularのForm(応用)

これは何か Custom Form Controls NG_VALUE_ACCESSORを利用する NgControlを利用する サンプルコード メモ フォームの入れ子 ControlValueAccessorを利用 Template-driven専用 Reactive専用 サンプルコード メモ Error Aggregator サンプルコード 参考 メモ …

10月メモ・リンク集

これは何か ngrx関連 ngrxとフォーム Introducing @ngrx/entity – @ngrx – Medium 状態のリセット How to share state between reducers best practice · Issue #159 · ngrx/example-app · GitHub Rx関連 unsubscribe その他 Angular関連 view操作 フォーム …

Observable.throw()が返すオブジェクトの型はErrorObservable

import { Observable } from 'rxjs/Observable'; import { ErrorObservable } from 'rxjs/Observable/ErrorObservable'; // ... handleError(err): Observable<any>| ErrorObservable { if (/* 何か */) { return Observable.of('ok'); } else { return Observabl</any>…

「テキスト入力 -> 自動で検索開始」を実現するためのRx使い方

example-app/book.ts at ee0f331bf808525e003efa264b5065964c7f942b · ngrx/example-app · GitHub 元ネタ(NgRx4のサンプルアプリより) シュミレート用サンプルコード テキスト入力の代わりに、画面クリックで一連の流れが確認できる簡易版コードです。 ブ…

9月リンク集

これは何か NgRx, アプリケーションの状態管理 A Comprehensive Introduction to @ngrx/store - Companion to Egghead.io Series Using NgRx 4 to Manage State in Angular Applications NgRx: Patterns and Techniques – nrwl platform/README.md at master…

Angular (4)で設定したLocale IDを取得

LOCALE_IDを利用。 以下のようにAOTでコンパイルしていない場合、初期値のen-USになります。 ng serve --aot --locale ja import { Component, OnInit, LOCALE_ID, Injector } from '@angular/core'; export class FooComponent implements OnInit { constru…

雑メモはGist (Lepton) に

プログラムに関する備忘録をこのブログに書いていましたが、それくらいの文章やコードならGistにあげればいいのかと思い始めました。 Leptonというアプリがあるのでしばらくそれを使ってみようかと思います。 Lepton - A Lean GitHub Gist Client Quiver、Sn…