lambda

AWS LambdaでLoading your function...となってプログラムを編集できないときの対処法

最近Lambdaを使っているとエディタが「Loading your function...」のままで編集できないときが多々ある。
そのときの対処法のメモ。

環境

Lambda Node.js 6.10
ブラウザ chrome 64.0
OS Windows10

現象

image.png
ずっとこの画面で昼飯食べて帰ってきてもこの画面。

対処法

image.png
「Loading your function...」のところで右クリック→フレームを再読み込みで解決

原因

こちらのサイトで書いていましたが、
This is happening in chrome as chrome is disabling the use of cookies from cloudfront domain.
直訳すると「CloudFrontドメインからのクッキーの使用を無効にしているので、これはchromeで起こっている」
なるほど、私はchromeで広告ブロックの拡張機能を入れているのですが、以下のLambdaのドメインはブロック機能を無効にしています。
image.png
ただAWSで使っているCloudFrontのドメインはブロックしていなかったので、ずっと読み込めなかったんですね。

まとめ

拡張機能は便利だけどこういった障害(バグという意味ではなく)も意識して使いこなそう。
むしろ会社のPCでは広告ブロックの拡張機能はいらないかも。