Skip to content

Instantly share code, notes, and snippets.

View how_to_use_deno_snapshot.rs
// Copyright 2018-2021 the Deno authors. All rights reserved. MIT license.
use deno_core::{JsRuntime, RuntimeOptions, Snapshot};
fn main() {
// create snapshot
let mut runtime = JsRuntime::new(RuntimeOptions {
will_snapshot: true,
..Default::default()
});
@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" な挙動に悩んでいる人が結構いると聞いています。なのでこの構文の提案が、少なくとも表面的なレベルではどう動いているか、解説してみようと思います。

@mizchi
mizchi / predict-frontend.md
Last active May 8, 2021
React のユーザーから見た今後のフロントエンドの予想
View predict-frontend.md

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

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

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

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

View select-frontend-tech.md

フロントエンドの技術選定で考えること

Frontend Study 用

前提: フロントエンドは式年遷宮が有効である

  • DB を持たないため、表層の技術を交換するだけで済む
    • JSON API が実質的な分解点になっている
    • 近年ではモバイルアプリのために JSON API が切り離されていることが多く、ここの利用者になるだけでよい
    • Rails や PHP で ORM ヘルパーにべったりな場合に困難になる(クライアントで同等のバリデーションを再現する必要)
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;
};