水無瀬のプログラミング日記

プログラムの勉強した時のメモ

JavaScript

TypeScriptのDecoratorまとめ

はじめに Decorator使ってみることになったが何もわからないのでまとめる。 TL;DR. コード 準備 デフォルトだと使えないので、下記の通りtsconfigを修正する必要がある。 おそらくtsc —initの結果に"experimentalDecorators": trueの追加で問題ないはず。 (c…

TypeScriptのトランスパイル結果を意識する

はじめに JavaScriptはTypeScriptではないけど、 TypeScriptはJavaScriptなのでそのことをアピールしたい今日この頃。 例えば下記のようなTSのコード。 const promiseFunction = (): Promise<string> => Promise.resolve('OK'); const asyncFunction = async () => c</string>…

serverless frameworkを使ってAWSにデプロイする

はじめに 前回作ったヤフー天気をスクレイピングするアプリを serverles frameworkを使ってAWSにデプロイする。 今回はcronで定期実行できるとこまで目指す。 TL;DR. 今回作ったアプリ全量 事前準備 AWS IAMからユーザを作成する。 アクセス権限にでAdminist…

Yahoo天気をスクレイピングして予報をSlackへ通知する

はじめに ちょっと前にYahoo天気の指数情報に洗濯や熱中症などに混じって、 ビールが追加されて話題になってました。 数ある天気予報の中でビールの指数を出しているところは見たことがなかったので、 Yahoo天気の予報をSlackに通知して毎朝確認しよう!と思…

TypeScript(Javascript)の型判定まとめ

TL;DR. TypeScript(javascript)で配列の型を調べる時は要注意。 IE滅ぶべし。 今回のソース はじめに ある日偉い人は言いました。 「これ、IEで動かしたいんだけど。」 運良く特に苦労も困りもしなかったけど、TS(JS)の型について改めて調べ直したから軽くま…

RxJSまとめ #1

TL;DR. ソースコード 動作サンプル はじめに Angularを使っているので、RxJS自体は嫌でも使っていた。 必要なときに必要そうなものを検索して使っていただけなので、いい加減まともに勉強する。 RxJSとは RxJSは'Reactive Extensions for JavaScript'の略。 …

Javascriptのthisまとめ

はじめに JavaScriptを触ってるけど、thisの使い方は特に意識しないでやってきた。 thisの挙動が複雑だとか4種類あるとかは聞いたことあったけど、 その問題に直面することがなかったから無視してたというのが本音。 天からthisから逃げるなと言われてる気が…

Javascriptのfor系統まとめ(for,for..in,for..of,forEach)

TL;DR. ソースコード。 実行はNode.jsで。 はじめに for...inとfor...ofどっちがどっちか忘れるからまとめる。 ついでに他のforについてもまとめて、個人的なメリットデメリットも記載する。 forの種類 for for...in for...of Array.forEach() for 単純なfor…