sacre

Nov 16
chalice.Middleware の呼ばれる順番について
chaliceにはMiddlewareと呼ばれる仕組みがある Middleware — AWS Chalice これを使うと、すべての関数に処理を挟み込むことができる。たとえば認証をし
Nov 7
vscodeのformatOnSaveでPython/autopep8を使って整形する
自動でフォーマットを効かせる最低限の設定 "settings": { "[python]": { "editor.formatOnSave": true }, "python.formatting.autopep8Path": "autopep8", "python.formatting.autopep8Args": [ "--aggressive", "--aggressive" ] 参考公式のドキュメントがトラブルシューティングを提供していて親切だった Editing
Nov 7
VS Codeでインデントをハードタブにする
この設定にするとTabキーでハードタブが挿入される "editor.insertSpaces": false たとえば(pep8違反だが)Pythonだけで適用したい場合は下記のように書く "settings": { "[python]": {
Nov 7
vscode で python の virtualenv を認識させる
Cmd+Shift+p で Python: Select interpreter を選択下記のような選択肢が出てくるので、使いたいpython/venvを選択これで fn+F2 でライブラリの定義に飛べるようになる
Nov 7
AWS Chalice でデプロイまで
こちらに書いてある手順を踏んだだけ Quickstart — AWS Chalice $ python3 -m venv venv38 ... $ code .envrc ... $ pip install --upgrade pip $ pip install chalice $ chalice new-project sandbox $ chalice deploy Creating deployment package. Creating IAM role: sandbox-dev Creating lambda function: sandbox-dev Creating Rest API Resources deployed: - Lambda ARN: arn:aws:lambda:ap-northeast-1:xxxxxxxx:function:sandbox-dev - Rest API
Nov 5
React.SuspenseとsetTimeoutで最小限の非同期コンポーネントをつくる
こんなコードで1秒後に helloworld と表示できるコンポーネントが作れる // 「1秒以内はPromiseがthrowされて、1秒後にはundefinedが返っ
Nov 4
html5のFileオブジェクトからimg/videoタグで使えるURLを取得する
こんな関数で取得できる const f = (file: File) => { const reader = new FileReader(); const promise = new Promise((resolve, reject) => { reader.onerror = e => reject(e); reader.onabort = e => reject(e); reader.onload = e => resolve(e.target?.result); }); reader.readAsDataURL(file); return promise; }; ... const url = f(event.currentTarget.files[0]); return <video><source src={url} /></video> 参考 Web アプリケーショ
Oct 31
React/Formikでファイルのドラッグアンドドロップ
Formikに渡すコンポーネントはこんな感じのをつくるドラッグアンドドロップを捕捉するためのイベントは onDragOver, onDragLeave Formikは input[type=file] に対応していないの
Oct 30
throttle と debounce の違い
こちらの説明がわかりやすかった throttleとdebounce lodash の debounce や throttle で簡単に負荷対策 - Qiita debounce 連続して大量に繰り返される処理が指定時間内に
Oct 28
TypeScriptで、「この配列の要素がキーになってるオブジェクト」という型を定義する
こんな感じでできる const columns = ["id", "name", "created"] as const; type Column = typeof columns[number]; // type Column = "id" | "name" | "created" type Obj = { [F in Column]: string }; typeof columns[number] がミソ What means typeof Array[number] in Typescript? - Stack Overflow