プログラミング

カテゴリー: 技術

◆結論

Compression Streams API – Web API | MDN (mozilla.org)

例えばdeflateの解凍だけを関数にしたら以下のとおり。

export const inflate = (data: ReadableStream): Body => {
  const decompressedStream = data.pipeThrough(new DecompressionStream('deflate'));
  return new Response(decompressedStream);
};

export const inflateBlob = (data: Blob): Body => {
  const decompressedStream = data.stream().pipeThrough(new DecompressionStream('deflate'));
  return new Response(decompressedStream);
};

export const inflateArrayBuffer = (data: ArrayBuffer): Body => {
  const resp = new Response(data);
  if (!resp.body) return resp;
  const decompressedStream = resp.body.pipeThrough(new DecompressionStream('deflate'));
  return new Response(decompressedStream);
};

‘deflate’を’gzip’にすればgzipだし、DecompressionStreamをCompressionStreamにすれば圧縮できるし。

上記はTypeScriptなんで、JavaScriptで使おうと思ったら「:」の型指定を消して差し上げろ。exportも不要なら消せ。

◆いきさつ

【TypeScript】nestしたオブジェクトのプロパティにインデックスでアクセスする

By メガネ

オン 2022年9月26日

カテゴリー: 技術

◆結

前提として、型安全で引いてくるのは限度がある。

例えばあるオブジェクトの”piyo.a”の値をとりたいときは以下の感じ。

const a = {
  hoge: "",
  piyo: {
    a: "text",
    b: 100,
  },
};

const getValue = (s: string, item: object) =>
  s.split(".").reduce<unknown>((p, c) => p?.[c as keyof typeof p], item);

const b = getValue("piyo.a", a);

この形を取らざるを得なくなったら設計を見直したほうがいい。何かおかしいことをやろうとすると、こういったおかしいコードを書かされるはめになる。

【JavaScript】BlobをCanvasに書き込んだりCanvasをBlobにしてダウンロードしたりPNGを合成したり

By メガネ

オン 2021年12月24日

カテゴリー: 技術

メリークリスマス🎅

JavaScriptとPythonは他の言語と比べたらググって出てくる情報がホントに劣悪だよねStackOverflowですラドベントカレンダー、1日目の記事です。（全一日）

◆結論

TypeScriptですが。

const b = new Blob();
const c = document.createElement("canvas");

const bitmap = await createImageBitmap(b);
c.width = bitmap.width;
c.height = bitmap.height;
c.getContext('2d')?.drawImage(bitmap, 0, 0);

いいコードを書けない人も居るかもしれない

By メガネ

オン 2019年10月17日

カテゴリー: 技術

ちょっと心おれるわ。誰しも修練次第でいいコードを書けるようになると思っていた。ちょっと考え甘かったかもしれん。

いずれもっとちゃんと書くけど、つまり、「コードのヤバさ」を感じられない人がいる。

「とっちらかってるなー」とか、「いまオレ読めねぇコード書いてんなー」とか、「これ負荷やばいなー」とか、思うじゃないですか普通。そこんところの感覚が無いというかなんというか。

Visual Studio CodeでCascadia Codeフォント使え

By メガネ

オン 2019年10月1日

カテゴリー: 技術

Microsoftくん渾身のTerminal＆エディタ向け等幅OSSフォント「Cascadia Code」を、Visual Studio Codeで使用する手順。

◆Cascadia Codeをダウンロードしてくる

Windows Terminal（※2020年現在プレビュー版）を使ってる人は、Cascadia Codeが既にインストールされているだろう。Winキー押して「font」って入力して「フォント設定」を開けば確認できる。Windows Terminalに紐づいてフォントの自動更新をしてくれるから便利。