selmertsxの素振り日記

ひたすら日々の素振り内容を書き続けるだけの日記

2017-11-01から1ヶ月間の記事一覧

TypeScriptをVSCodeでデバックする

概要 TypeScriptのデバック効率を上げたい フロントエンドのコードでは無いのでchromeのデバッグツールが使えない VSCodeのデバックツールを試してみた 5分くらいで設定できた VSCodeでのデバック画面 こんな感じの画面でデバックができます。 設定方法 VSCo…

TypeScriptで書かれた AWS Lambdaのコードで AWS SAM Localを使う

やりたいこと TypeScript で書かれている AWS Lambda のコードを AWS SAM Local で動かしたい TypeScriptのコードとbuild後のコードは別ディレクトリで保持したい AWS SAM LocalのREADMEではそこの説明が無いので、自分でなんとか動く方法を模索する必要があ…

slackからAWS Lambdaを起動するために、Outgoing WebHooksではなくて Slash commandを使った理由

後で勉強会等で発表するための、自分用メモ。 TL;DR Outgoing WebHooks は private channelでは使うことが出来ない slash commandは private channel でも利用可能 private channel でも利用されることを考慮して slackからAPI Gatewayへの連携に slash comm…

CircleCI 2.0 をlocalで動かす

概要 自分がいるプロダクトでCircleCI 2.0 の導入をすることになった。 恥ずかしいことにCircleCIの設定を自分でしたことが無かったので、設定を簡単にする方法を探した。 公式ドキュメントを読んでいたら、circleci をlocalで動かす方法が見つかったのでや…

lighthouseの資料を読み込む【Offscreen Images】

TL;DR 画像は必要になったタイミングで読み込もう そのためには、IntersectionObserverが便利だよ Why the audit is important Offscreen imageは、フォールドの下に現れる画像である。 usersはoffscreenの画像は見れないので、offscreenの画像を最初のペー…

lighthouseの資料を読み込む【Properly Size Image】

モチベーション developers.google.com 最近、webサービスの高速化に向けて、色々と資料を読み込んでいる。Lighthouseを計測ツールとして使っているので、Lighthouse上でどのような指標を、なぜ計測しているのか把握する。 TL;DR screenに表示されるものより…