Angularの色々な機能を使う時どんなのだっけなってなるので事前にメモっておく 機能が多いが故に色々なライブラリがあるので基本的には持っているものを使いたい 双方向バインディング クリックイベント DatePipe カスタムパイプ item$ | async as item pipe…

基本的には helpを見るといい感じ ng help するとわかるが、ng [command name] --help すると そのコマンドの詳細がわかる ng new [プロジェクト名] ng n [プロジェクト名] でも実行できる 実行してみると下記操作が発生する $ ng n test ? Would you like t…

Subjectとは 通常subscribeしたタイミングでデータは流れていってしまう またobservalだけでは1度しか実行することができない 任意のタイミングでデータを流したい場合に使える機能 これはobservableを継承していて任意のタイミングでデータを流せる特徴を持…

of 何もせずデータを流す為のもの 受け取り側でsubscribeしているときに使う map 受け取ったデータを加工する時に使う Observable.pipe( map(value => `map: ${value}` ) filter 大体データ検証の目的で使う 下記の場合受け取った文字列が 'test' の場合後ろ…

そもそもRxJSとは リアクティブプログラミングを行うJavaScriptライブラリ これを使ってAngularのリアクティブプログラミングを行う これを実現するために使うのが Observable これによってデータを流すための 川のようなものを作る 流れてくるデータ（ユー…

追記 githubに書かれていた すごい端的に書くと拡張する予定があるならinterfaceしないならtypeっぽい ほんへ 最近TypeScriptを真面目に勉強しようと思いTypeScript Deep Dive日本語版の型エイリアス(Type Alias)を読んでいた時のこと こんな感じで書かれて…

目的 Dockerコンテナ内で各言語の環境を構築し、2分間コーディングが簡単にできるような環境を作成したい。 TL;DR 実際に環境構築したものはこちら 導入言語など（git側は随時更新して行く予定） ベースイメージ：debian-buster(10.0系) C C++ nodejs vue ty…

Vue Styleguidist コンポーネントのプレビューができるようになるツール ローカルホストで立ち上げられるので、ブラウザ毎でコンポーネントの検証ができる Atomic Designで開発しているならコンポーネントが多くなり管理が大変になるので使おう propsの説明…

今回の目標 前回環境構築を行なったが、 前回の状態だとソースコードを更新してもイメージの再作成を行わないと反映されないので反映されるように設定を行う。 また、起動周りをDocker Compose で行うようにdocker-compose.ymlファイルの作成を行う 今回の目…

今回の目標 DockerFileを作成し、Docker内でVueが動くようにする 次回 docker-compose を使い複数のコンテナを制御できるようにする為記事を分割 今回の目標 環境 vueのプロジェクトを作成 Dockerfile作成 イメージの作成 コンテナ作成 補足 参考記事 環境 M…

自分用のメモ 何をしたいか 環境 手順 必要なものをインストール VScode 拡張機能 必要なパッケージをインストール typescript を使用するなら 設定 jsconfig.json setting.json .eslintrc.js .prettierrc.js .stylelintrc.js .editorconfig 何をしたいか 人…