JavaScript

TypeScriptのよく使う型メモ TypeScript

TypeScriptのよく使う型メモ

number const hoge: number = 3; Arrayの中に数値 const hoge: number[] = ; ネストしたArray const hoge = const hoge: Array<{foo: string}>; boolean const hoge:…
useEffectのよくやるパターンをメモっ! React

useEffectのよくやるパターンをメモっ!

componentDidMountの置き換え componentDidMount() { getHogeList(); } mount時にデータ取得するようなやつ。 useEffect(() => { getHogeList(); }, []); 二つ目の引数に空のArrayを渡すと最初のre…
vimでTypeScriptのSyntaxHighlightに対応したいっ! TypeScript

vimでTypeScriptのSyntaxHighlightに対応したいっ!

Vimプラグインマネージャー 元々インストールしたままのvimで一部の設定は.vimrcに書いていましたが、とりあえずVundle(vimプラグインマネージャー)をインストールします。 Vundle.vimをclone git clone https://github.com/VundleVim/V…
ReactでonClickをネストにしたいっ! React

ReactでonClickをネストにしたいっ!

やりたいことをコードで書いてみたけど、これ何の為に必要なのかよくわからんなw render ( <a onClick={e=>{ console.log('parent!!'); }}> 外側 <span onClick={e=>{ console.log('child…
S3(CloudFront)の画像をcanvasで使いたいっ! JavaScript

S3(CloudFront)の画像をcanvasで使いたいっ!

タイトルのままですが、外部のサーバーにアップロードされている画像をcanvasに入れようと思ったら、色々と制限があるようなので調べてみました。 js実装 何も気にせずに書くとすれば、 const url = 'https:///example.com/test.jpg'; // s3(もしくはClo…