ウェブエンジニア珍道中

日々の技術的に関する経験を書いていきます。脱線もしますが助けになれば幸いです。

vuexっぽい仕組みをvuex使わずにRxjsで実装してみた

github.com 久しぶりの更新です。 今回はvuexを使わずに下の図を参考にして、それっぽい仕組みでマークダウンエディタを作ってみました。 コンポーネントに対する通知等はrxjsを使って実装しています。 サンプル テキストを入力すると、HTMLでプレビューを表…

typescriptでnodeのfsを動かそうとしてハマったこと

覚え書きとして。 typescript上でfsを動かしてファイル操作をしようとしましたが、「そんなもの無い」と言われて四苦八苦したので解決法を残しておきます。 @types/nodeをインストールして、nodeの型定義ファイルを入れます。 npm install @types/node node…

コードを簡単に整形できるvim-easy-alignを雑に紹介する

vim

github.com vimでコードの列を簡単に揃えられるプラグインがあるので紹介します。 といっても僕が使っているのはこのプラグインのほんの一部分だけです。きっともっとすごい機能がありますが使いこなせてないので紹介しませんmm インストール .vimrcに以下を…

typescriptでデザインパターンを書く -Singleton-

github.com 今回はSingletonパターンを書いてみます。 Singletonパターンとは アプリケーション内でインスタンスを一つだけ生成することを保証するデザインパターンです。 new Hoge()で作る度に別のインスタンスが作られるというのを制限します。 サンプル …

TL; DRを雰囲気だけで知った気になってたので調べてみた

TL;DR 概要とか要約とかそんな意味かなって思ってたけど、調べてみたら若干意味が違った。由来はもっと違った。 TL;DRとは? チームの一人がissueを書く際にこの表現を使っていて、「そういえばきちんとした意味知らねーな」と思ったので調べてみました。 ei…