Create React App にはデフォルトで typescript のテンプレートがある。 npx create-react-app myapp --template typescript この template オプションにはカスタムテンプレートを指定することができる。Custom Templates | Create React App npm に公開され…

JavaScriptの実行環境についての現状の理解 現状の理解を整理する。 実行環境が色々ある。 例えば、 Webブラウザ Node.js など。初めのころは全く区別がついていなかった。似て非なるようなもの。JavaScriptエンジンがどうこうは気にしないことにする。 Web…

Save Google Earth Presentation As a Movie File This script can save a canvas, video or audio element. 60fps の動画に対して video.captureStream().getVideoTracks()[0].getSettings().frameRate でフレームレート調べたら 30 になっていた。 どうや…

msal.js を利用して認証付きの Azure functions を ajax で呼び出す SPA を作ったのでメモを残しておきたい。 Microsoft ID プラットフォーム JavaScript シングルページ アプリケーション ガイド | Microsoft Docs Azure 側の設定、特に認証関係の用語は全…

たったこれだけでスクショがとれるのか。 まあ、それだけ。 参考: ヘッドレス Chrome を使えるようになりたいのだ！ | LOGZITSU const puppeteer = require("puppeteer"); (async () => { const browser = await puppeteer.launch({ args: ["--no-sandbox"] …

できること: twitter の動画をダウンロードできる。 必要なこと: nodejs がなんとなくわかる。 問題がありそうなら記事消す。 nodejs で twitter の動画をダウンロードする。 なぜ nodejs なのかというと、普段から使っていて慣れているから。 twitter 側の…

ES6での話 クラスメソッドを別のクラスメソッドから使おうと思ったら使えなかったので少しつまずいた。 解決方法はJavaScript - クラス内でPromiseを使ったときのthisの挙動｜teratailに書いてあったが理由がさっぱりわからなかったので調べた。 下記は例。…

C# でいうところの @ に続く文字列。いろいろまとめてエスケープできるあれである。 どうやら「生文字列」だとか「raw string literal」と呼ばれるものらしい。 他の言語ではどうやって書くのか、そもそもこれはどういうカテゴリ、ジャンル、呼び方をされて…

ミリシタのイベントを自動で google カレンダーに予定として登録する 注意 matsurihi.me さんの API を利用します。リクエストのしすぎに注意。 Microsoft Azure の利用は無料ではありませんが、ここで紹介するような使い方だと高くて月に数円とかいうレベル…