Buildless Angular app in single HTML file

概要 Skypack で提供されている ESM 形式の npm パッケージを、ブラウザの JavaScript から直接 import することによって Anguar を動作させることができた。 www.skypack.dev 実際のコード <html> <head> <meta charset="utf-8" /> <title>Buildless Angular app</title> <script type="module"> import "https://cdn.skypack.dev/zon</meta></head></html>…

Type Challenges 攻略ヒント集

仕事仲間から面白いサイトを教えてもらった。お題に沿ったTypeScriptの型定義を作る問題集のようなサイトだ。 tsch.js.org TypeScriptの型定義について知らなかったことが多々あったため、攻略テクニックとして以下にまとめる。 配列型、タプル型をマップす…

TypeScriptの`infer`を一撃で理解する

準備運動 たとえば「Foo型要素を持つ配列」や「Foo型でfulfillされるPromise」、「Foo型のプロパティ"abc"を持つオブジェクト」の型を定義しようとすると下記のようになる。 type FooArray = Foo[]; type FooPromise = Promise<Foo>; type FooContainer = { abc: </foo>…

Windows標準環境でファイル分割 2020年改

大容量ファイルを分割して小さくする 仕事で取引先に10MB超のデータを送ることになった。 しかし、普通に送るとファイルのサイズが大きすぎてメールに添付して送ることができない。 しかも、会社のパソコンなのでフリーソフトを勝手にインストールすることは…

Google Chrome拡張機能のGCM(FCM) API利用例 ~Instance IDもあるよ~

Google Chrome拡張機能の開発でFirebase Cloud Messaging (旧名称: Google Cloud Messaging) API (chrome.gcm, chrome.instanceID) を利用しようしたところ、ウェブ上でほとんどドキュメントが見つからなかったため利用例を公開する。 最小限の動作例 事前に…

バッチファイルにPowerShellスクリプトを埋め込む 標準入力対応版

PowerShellスクリプトをダブルクリックやドラッグ&ドロップで実行できるようにできるだろうか?と情報を探していたところ、下記のサイトを見つけた。 pf-j.sakura.ne.jp pf-j.sakura.ne.jp これを読んでみてもうちょっと改良できそうかも?と思い試行錯誤し…

Windows標準環境でファイル分割

仕事で取引先から10 MB超のバイナリファイルを受け取ることになった。 しかしながら、双方のメールサーバの制限でファイルサイズ超過のため送ることも受け取ることもできない。 うちの会社が大阪県、取引先が名古屋県なので記録媒体を手渡しすることもできず…