2018-02-01から1ヶ月間の記事一覧
はじめに Angular + Reduxでストップウオッチを作りました デモ https://l08084.github.io/ng-stopwatch/ ソースコード github.com 実装 開発環境 Angular: 5.2.3 angular-redux/store: 7.1.0 OS: darwin x64 Node: 8.1.4 概要 angular-redux/storeを使ったR…
はじめに 以前、Angular5で作成したテトリスをAngular + Reduxで作り直してみました。 https://l08084.github.io/ng-redux-tetris/ 実際にのURLから遊ぶことができて(PCのChromeでのみ動作確認済み)、 github.com GitHubにソースコードも置いています。 関連…
はじめに 一定間隔で繰り返したい時におなじみのsetIntervalをRxJSでかくとObservable.intervalになりますが、 setIntervalに対するclearIntervalのようにObservable.intervalを止めたい時は何を使えばいいんだろうか 開発環境 Angular: 5.2.3 rxjs: 5.5.6 T…
はじめに Reactではなく、AngularからReduxに入門するのは茨の道かと思いますが、やっていきます。 今回はReduxを1サイクル回して、配列を更新してコンポーネントで値を取得するところまでやりました。 開発環境 Angular: 5.2.3 angular-redux/store: 7.1.0 …
はじめに 開発環境 定数をまとめて定義する方法 案1 定数定義だけ書いたファイルを作成する メリット・デメリット 案2 class定義 + readonlyアクセス修飾子 メリット・デメリット 参考サイト はじめに TypeScriptを使って、Javaでいうところの定数クラスを作…
はじめに REDEME.mdにgifアニメがのっているとちゃんとしたプログラムっぽくなる。 手順 色々とやり方があるらしいが(gifを置く用のブランチを作ったり)、下記手順でやってます。 GIPHY Capture. The GIF MakerGiphy, Inc.写真/ビデオ無料 まず、gifアニメ…
はじめに 操作方法: 開発環境 このテトリスについて Angular感のあるところ Angularによるcanvas参照 Angularによるキーボードイベント取得 初めてのGithub Pages 参考サイト はじめに Angular5を使ってテトリスを作成しました。のGitHub Pagesで実際に遊べ…
はじめに 開発環境 エラーが発生した時のコード エラーを修正した後のコード はじめに Angularでキーボードの→↓←↑とかspaceキーを押した時のイベントを検知するコードを書いていたら発生したエラーとなります。 発生したエラー ERROR in src/app/app.compone…
はじめに TypeScriptでコードを書いていた所、呼び出し先の関数を定義しているのに、 「XXX is not a function」が発生する事象に苦しんだため、対応方法について記述する。 ERROR TypeError: this.isMobile is not a function at AppComponent.tick (app.co…
はじめに 開発環境 発生したエラーについて エラー原因 参考にしたサイト はじめに Angular + TypeScriptでcanvasの処理を書いていたら、下記のエラーが発生しました(3つとも同様のエラー)。 ERROR in src/app/app.component.ts(159,7): error TS2349: Canno…
はじめに Visual Studio Codeを使ってAngular + Typescriptのコードを書いてたら下記のエラー(警告?)が発生したので、対処法を調べました。 [ts] Experimental support for decorators is a feature that is subject to change in a future release. Set th…
はじめに Visual Studio Codeを使用してJSDocコメントを自動生成する方法について書きます。 JSDoc自動生成方法 Document Thisのインストール VSCodeの拡張機能ボタンをクリックした後、Document Thisをインストールする。 なお、Document ThisはJavaScript…
はじめに ReduxをAngularで使用するときの環境構築手順を記述する 出典 github.com 環境構築手順 まず、Angular CLIを使用してAngularプロジェクトを作成する # Install Angular CLI npm install -g @angular/cli # Use it to spin up a new app. ng new ang…
はじめに 以前所属していたプロジェクトにおけるコードレビューの流れ(Gitコマンドの手順)をメモ。 コードレビュー依頼時のGitコマンド $ git checkout feature/v0.9.1/bug-fix-no-250 $ git rebase develop $ git push -f コードレビューを依頼したいfeatur…
はじめに Angular5 + Typescript2でコードを書いてたら、表題のエラーに遭遇した。遭遇するの2度目なので解決方法をメモる。 開発環境 Angular@5.2.0 TypeScript@2.5.3 Node@8.1.4 エラー発生時のコード 下記コードのinterval: NodeJS.Timer;の部分でTS2503:…