optools - お前の TypeScript はもっと小さくなる

2023/05/25 15 users TypeScript Plaid TypeScr お前 圧縮

TypeScriptの型定義ファイルから積極的な圧縮を行うための @mizchi/optools をリリースした。まだ実験中だが、結構動くはず。使う場合は自己責任で。 試行錯誤の過程は https://zenn.dev/mizchi/scraps/1bdf01f5efb147 にある。 このライブラリは、自分の所属する Plaid の業務時間中に作成した。 動機 世の中な TypeScr... 続きを読む

mizchiさんはTwitterを使っています: 「VSCode で使ってるライブラリの .d.ts をピン止めしてコードを書くと、今までとは比較にならないぐらい補完精度が爆上がりして便利だ...」 / Twitter

2023/05/15 6 users status twitter.com https

続きを読む

おしらせ: 離婚します - いくらどん

2022/07/09 31 users mizchi's blog 婚姻関係 感情 事前 予定

2022年7月16日(予定)、mizchi (mizchi's blog) との婚姻関係を解消いたします。 理由 事前に取り決めた離婚基準に達したためです （感情的、情緒的なものではありません） 婚姻関係という枠に囚われる必要性がなくなったためです 今後の対外的な活動もmizchiと2人でやっていく予定があり、そこに私的な感情を持ち込まな... 続きを読む

【WASM & Rust】フロントエンドでRustを使う方法をmizchiさんとペアプロしながら解説する #ch789

2022/05/07 106 users rust wasm gist.github.com ペア 配信

フロントエンドエンジニアが Rust と WASM を使ってフロントエンドのコードを書こうとすると、意外と Rust のエグいところが出てきて面食らいます。 この配信では、フロントエンドに詳しい mizchi さんに、KOBA789 が Rust と WASM を教えていきます。 ★事前資料 https://gist.github.com/mizchi/86e53810e08eee2176d98b... 続きを読む

typeorm + absurd-sql on Browser のロマン構成

2021/09/10 8 users TypeORM SQLite github.com 放置ゲー

ロマン構成が動いたので紹介します。 コード: https://github.com/mizchi/absurd-sql-example-with-typeorm デモ: https://heuristic-perlman-94f8f4.netlify.app tldr Steam の某クリッカーゲームをやってたら放置ゲーでも作りたい気分になってきた。 複雑なデータを管理するならブラウザ内に本物の sqlite を持ってき... 続きを読む

Railsを主戦場としている自分が今後学ぶべき技術について(随筆) | うなすけとあれこれ

2020/12/13 400 users Rails 随筆 DHH webpacker 主戦場

Rails の問題は Rails のベストプラクティスがフロントエンドのベストプラクティスの邪魔になるどころか全く逆方向で相反してる点です。DHHの思想がフロントエンドと根本的に逆行してる。そういう人が作るフレームワークなのでwebpackerの抽象化を根本的に間違ったりする。 — prev.js (@mizchi) December 1, 2020 昨日も... 続きを読む

社内でフロントエンドのパフォーマンスチューニングコンテストを開催した

2020/09/30 401 users パフォーマンスチューニングコンテスト Plaid 仕様 趣味

フロントエンド/Node.js エンジニアの mizchi です。plaid では新しい分析エンジンのフロントエンド側の技術的な仕様を考えたり、それを実装したりしています。趣味として社内の他のプロダクトのパフォーマンスを勝手に測って、貼り付けていくこともあります。 plaid のエンジニア組織には「組」という制度があって、メ... 続きを読む

2020年版: なぜ仮想 DOM / 宣言的 UI という概念が、俺達の魂を震えさせたのか | Zenn

2020/09/20 185 users React Zenn DOM items リライト

本記事は、 「なぜ仮想 DOM という概念が俺達の魂を震えさせるのか」 https://qiita.com/mizchi/items/4d25bc26def1719d52e6 の 2020 年版のリライトです。 2014 年当時、日本においては React は未だ知る人ぞ知るライブラリ、という位置づけでした。それが、この記事によって一気にメジャーになったように思います。 こ... 続きを読む

next.js + vercel + firebase authentication で JWT の検証を行う + Graphql - mizdev

2020/07/28 22 users GitHub Firebase ルーティング AMP JWT

今個人で作ってるアプリの 認証 + Graphql の部分を抜き出して GitHub に公開した。 mizchi/next-boilerplate-20200727 next.js + vercel + firebase は (パーツを良く選べば) 最高 next.js はルーティングを持つページを作るには最高で、サーバー、静的サイト、JAM スタック、AMP と必要に応じて選択できる。React ベー... 続きを読む

module bundler を作った - mizdev

2020/06/06 15 users mizdev foo bundler index 最強

このフロントエンドの魔境に生まれたからには一度は俺が考えた最強の module bundler を作りたい。みんなそう思ってると思う。作った。 mizchi/bundler: hobby bundler tldr このコードが // foo.js export default 1; // index.js import foo from "./foo.js"; console.log(foo); export const index = 1; こうなる // ... 続きを読む

next.js の AMP mode を使って静的サイトを作る - mizchi.dev

2020/05/06 16 users mizchi.dev Next.js 静的サイト AMP

by mizchi この記事は mdxx-ssg を作りながら, next.js で AMP に対応したときにやったことです。 コードはこちらです mdxx/packages/ssg at master · mizchi/mdxx AMP について Google の推奨する HTML のサブセット仕様です。制約付きのインライン CSS のみ + 一切の JS が書けず、代わりに動きがあるものは amp plugi... 続きを読む

GitHub - mizchi/browserpack

2020/04/01 7 users GitHub

Dismiss Join GitHub today GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together. Sign up 続きを読む

Berry(yarn v2) + TypeScript + PnP + Workspace でプロジェクトを作ってみた - Qiita

2020/02/18 6 users Workspace Qiita TypeScript PNP

berry(yarn v2) がそろそろリリースということで、使い込んでみた。その感想や yak-shaving などについて。 このリポジトリ https://github.com/mizchi/berry-typescript-project 使ってみた感想 npm とは完全に別系統に進化しつつある。互換があんまりない。 今対応するのは時期尚早でアーリーアダプターだけでよい ber... 続きを読む

プログラミングで初学者のときにつまづいたこと - Javaエンジニア、React+Redux+Firebaseでアプリを作る

2020/01/17 17 users つまづいたこ Javaエンジニア プログラミング 初学者 大学

プログラミングでつまづいてきたことというブログ記事を見たので、私も書いてみます。 satoru-takeuchi.hatenablog.com mizchi.hatenablog.com 自己紹介 記事をリンクしたお2人と違って大したプログラマではないですが、システムエンジニアとして働いて10年経ってみて今の仕事が向いていると思っているところです。 大学... 続きを読む

フロントエンドでフロントエンドをビルドする

2019/12/07 17 users フロントエンド エンジニア フロントエンド開発 ブラウザ 開発

エンジニアの mizchi です。本記事は plaid advent calendar の 8日目になります。 フロントエンドに携わる人なら、フロントエンド開発にまつわるものは、ブラウザの中で開発が完結するはずだ、と考えたことがないでしょうか。僕は個人的にブラウザ上で開発が完結すべきであって、技術的にも不可能ではない、と思ってい... 続きを読む

GitHub Actions の matrix と cache 使ってe2eワークフローを作る - Qiita

2019/11/06 28 users Matrix Qiita Cache Actions dist

動いてるリポジトリはここ https://github.com/mizchi/frontend-gh-action-playground やったこと 発想は https://qiita.com/mizchi/items/9c03df347748ba5f5a11 の続き job 間の依存を明示して build => {各種e2e} というステップでタスクを流す 新たに導入された actions/cache を使って node_modules と dist (webpac... 続きを読む

GitHub Actions 使ってみた感想 - mizchi's blog

2019/09/10 138 users GitHub Actions mizchi's blog

やっときたので使ってみた。 CI マニアから見た GitHub Actions(Beta)の使い所 - くりにっき https://github.com/mizchi/frontend-gh-action-playground で素振りして挙動を確かめた後、会社の結構重めのリポジトリに突っ込んでみた。まだ 2 日目なので、実際そこまで経験値足りてない。 良い点 sue445 さんの記事でも書... 続きを読む

TensorFlow.jsがChromeでWebWorker上でもWebGL backendで動く - すぎゃーんメモ

2019/08/01 67 users すぎゃー worker WebWorker Issue 処理

tensorflow.js は処理の重さ的に worker で動かしたいのだがまだ WebWorker で動かすと cpu backend に fallback してしまうので、この issue ずっとみてる https://t.co/KYGEQSFwq5— 無糖派層 (@mizchi) July 30, 2019 僕も以前にWebWorker上でTensorFlow.jsを使おうとして WebGL backendで動かないことに気付いて諦め... 続きを読む

フリーランス完走した感想 - mizchi's blog

2019/06/05 923 users フリーランス mizchi's blog Qiita 感想

2 年ほど走ってみました。 Qiita の Increments を退職します - mizchi's blog からの 転職活動 https://gist.github.com/mizchi/4e097923bb92399d03ced9da44f15cfa の結果 この記事は、自分の体験を書くことで、どういう人がフリーランスに向いてるか、というのをわかるように書いたつもりです。自分に近い属性というこ... 続きを読む

about_mizchi_job.md · GitHub

2019/01/09 504 users Twitter GitHub ステータス 一言 反応

about_mizchi_job.md 転職先をちょくちょく探しています。 興味ある方は twitter @mizchi へのリプライorDM、または mizchi2w@gmail.com まで。 メールは、反応が悪い、というか月末しか見ていません。メールの場合、送ったとtwitterで一言もらえると確認すると思います。 現在のステータス 良いところがあったら社員契... 続きを読む

redux-workerized で Redux と Vue を接続する - mizchi's blog

2018/11/12 57 users redux Vue worker postMessage

mizchi/redux-workerized 作った。 yarn add redux-workerize で入る。 元々は react-hooks で redux へのアダプタを書いていただけのライブラリだったが… TypeScript フレンドリーなAPIにする ReactRedux.Provider の異なるAPI表現だけじゃ面白くない じゃあ Redux.Store を worker に置いて postMessage で更新しよう ... 続きを読む

56. mizchiとhotchemiに聞く「エンジニアからマネージャーになるってどうよ？」【提供:Quipper】 | yatteiki.fm

2018/09/06 28 users 片足 フリーランス hotchemi Quipper キャリア

キャリア相談をしたい後輩itopoid、それに巻き込まれた先輩mizchi、エンジニアからマネジメント側に片足を踏み見れた2人目の先輩hotchemiが、エンジニアとマネージャーのキャリアについて話しました。ゲーム業界からウェブ系ベンチャー、そして現在フリーランスで活躍するmizchi。SEからウェブ系に転職し、エンジニアリ... 続きを読む

55. mizchiに聞く「若手エンジニアの転職はどう考えるべきか？」【提供:Quipper】 | yatteiki.fm

2018/07/13 27 users Quipper itopoid yatteiki.fm 新卒

転職相談をしたい後輩itopoidとそれに巻き込まれた先輩mizchiが、若手エンジニアは転職をどう考えればいいのかについて話しました。ゲーム業界からウェブ系ベンチャー、そして現在フリーランスで活躍するmizchi。メーカーに新卒入社し、ウェブ業界に転職を考えているitopoid。以上二人でお送りします。 本エピソードは、... 続きを読む

trans-loader: npm/webpack なしではじめるフロントエンドプロジェクト

2018/06/28 70 users Webpack ツールチェイン npm Babel node

フロントエンドはツールチェイン多くて大変ですね。何から初めていいかわからないと思います。 というわけで、 babel や webpack, というかもはや node の インストールすら不要でフロントエンドを始めることができるプロジェクトを作りました。 https://github.com/mizchi/frontend-starter git clone git@github.com:m... 続きを読む

シャニマスのコード読んだ - mizchi's blog

2018/04/24 113 users シャニマス mizchi's blog fix コンバータ

2018 - 04 - 24 シャニマスのコード読んだ シャニマスのコード読むか — human eslint --fix (@mizchi) 2018年4月24日 シャニマス、pixijs ですね — human eslint --fix (@mizchi) 2018年4月24日 pixi-ae.min.js たぶん after affect のコンバータなんだろうけどググっても引っかかんないな... 続きを読む