Skip to content

Instantly share code, notes, and snippets.

View Nondestructive_TypeScript.md

非破壊 TypeSctript

mizchi / TypeScript Meetup 2


About

  • mizchi / 竹馬光太郎
  • フロントエンドと Node.js
View atom-reading.md

Atomコードリーディングメモ

ビルド方法

script/build

起動したらsrc/window-bootstrap.coffeeが起動時間のログを出してるので、そいつをgrepすると/src/broweser/atom-application.coffee が引っかかる。

src/broweser/atom-application.coffee は、 src/browser/main.coffee に呼ばれている

@mizchi
mizchi / 「フロントエンドデベロッパー面接時の質問事項」への解答.md
Last active Jul 14, 2021
「フロントエンドデベロッパー面接時の質問事項」への解答
View 「フロントエンドデベロッパー面接時の質問事項」への解答.md
View vscode-side-preview-extensions.tsx
import vscode from "vscode";
import path from "path";
export function activate(context: vscode.ExtensionContext) {
context.subscriptions.push(
vscode.Disposable.from(registerOpenCommand(context))
);
}
function openPreview(
@mizchi
mizchi / predict-frontend.md
Last active Jul 9, 2021
React のユーザーから見た今後のフロントエンドの予想
View predict-frontend.md

この記事は議論のたたき台で、ポジショントークや、偏見にまみれています。

今のフロントエンドの分類

  • 古典的なサーバーサイド WAF への +α の味付け
  • 大規模なクライアントアプリケーション管理のための SPA
  • SEO / SSR を考慮した Node ヘヴィーな環境

他、提唱されてるパターン

View immer-and-weakref-failed.ts
import produce, { current } from "immer";
type Node = {
value: string;
children: Node[];
};
const tree: Node = {
value: "root",
children: [
View about_mizchi_job.md

最新のステータス

転職しました。長らくのご愛顧誠にありがとうございました。


転職先をちょくちょく探しています。

興味ある方は twitter @mizchi へのリプライorDM、または mizchi2w@gmail.com まで。

View browser-gzip.ts
declare const DecompressionStream: any;
declare const CompressionStream: any;
const encoder = new TextEncoder();
const decoder = new TextDecoder();
async function compress(str: string): Promise<ArrayBuffer> {
const cs = new CompressionStream("gzip");
const buf = encoder.encode(str);
const stream = new Response(buf).body!.pipeThrough(cs);
return new Response(stream as any).arrayBuffer();
@mizchi
mizchi / portal-guest.html
Created Jun 4, 2021
portal communication
View portal-guest.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
</head>
<body style="height: 200vh">
<h1>portal guest</h1>
<script>
portalHost.postMessage("foo");
portalHost.onmessage = (ev) => {