Skip to content

Instantly share code, notes, and snippets.

@mizchi
mizchi / 「フロントエンドデベロッパー面接時の質問事項」への解答.md
Last active May 15, 2021
「フロントエンドデベロッパー面接時の質問事項」への解答
View 「フロントエンドデベロッパー面接時の質問事項」への解答.md
View Webpack で WebWorker + サードパーティ WebWorker.md
View gist:3b8c9545dd974a00d130fac1ba9ecc7d
$ rustc -V
rustc 1.52.0-nightly (e9920ef77 2021-02-11)
$ cargo install pijul --version "~1.0.0-alpha
...
Compiling pijul v1.0.0-alpha.45
error: linking with `cc` failed: exit code: 1
@mizchi
mizchi / フロントエンドを楽にするために.md
Last active May 8, 2021
フロントエンドを楽にするために
View フロントエンドを楽にするために.md

フロントエンドを楽にするために

Qiitaを支えたい技術 at 時雨祭

About

  • HN: mizchi
  • Qiitaの方からきました(入社半年たったらしい)
  • Reactオジサンはそろそろ飽きてきた
  • Angularに興味が無いのでこっちにきた
@mizchi
mizchi / how-hooks-work.md
Last active May 8, 2021
(翻訳) React Hooks は魔法ではなく、ただの配列だ
View how-hooks-work.md

(翻訳) React Hooks は魔法ではなく、ただの配列だ

この記事は https://medium.com/@ryardley/react-hooks-not-magic-just-arrays-cd4f1857236e の日本語訳です。途中で力尽きて雑な翻訳になってる箇所がいくつかあります。


どのように Hooks が動いているか

私は、新しい Hooks の API の "magic" な挙動に悩んでいる人が結構いると聞いています。なのでこの構文の提案が、少なくとも表面的なレベルではどう動いているか、解説してみようと思います。

View Nondestructive_TypeScript.md

非破壊 TypeSctript

mizchi / TypeScript Meetup 2


About

  • mizchi / 竹馬光太郎
  • フロントエンドと Node.js
View context_store.ts
type EventBase = {
__uid?: string;
__ts?: number;
};
type PubSub<Event> = {
dispatch: (ev: Event) => void;
subscribe: (fn: (ev: Event) => void) => void;
};
View domsync-wip.tsx
// Browser sync program
import { uniqueId } from "lodash";
import React, { useState } from "react";
import ReactDOM from "react-dom";
type Cursor = number[];
type DeserializedMutationRecord =
| {
View ReactとjQueryの違い.md

Reactの難しさを分解しよう を読んで。

n番煎じの話題。今更な話題、それはわかってる。自分の周りの環境が変わったので、書き下すことで、再度整理したい。

抽象

サーバーが生成するHTMLが一つの粘土の像だとしたら、jQueryがナイフで、Reactは設計図を持った3Dプリンタ。

鼻が大きすぎるから削るとか、ちょっとしたことをやるのが jQuery の主な用途。しかしあるいは、職人的に、大きな塑像から、一つの像を切り出すこともできる。