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

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

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

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

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... 続きを読む

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... 続きを読む

プログラミングで初学者のときにつまづいたこと - 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 のコンバータなんだろうけどググっても引っかかんないな... 続きを読む

感情の共有の時代だからこその Podcast 〜 今日からはじめるPodCast #技術書展4 - mizchi's blog

2018/04/20 40 users Podcast mizchi's blog 表紙 宣伝 同人誌

2018 - 04 - 20 感情の共有の時代だからこその Podcast 〜 今日からはじめるPodCast #技術書展4 今週日曜日(4/22)の技術書展の、 PodCast 本の宣伝を任された mizchi です。最近推してる PodCast は  https://turingcomplete.fm/  です。 この同人誌。 gyazo.com 表紙を見ての通り、非常に力が入っています。 y... 続きを読む

Flutter感想｜mizchi｜note

2018/03/01 178 users Note

これは Java 屋の発想で 再実装された言語である dart を使った、 Java 屋の発想で再構築された React だ。 FlutterがReactインスパイアであることは既に宣言されてる。StatelessWidget と StatefulWidget が分離され、State が書き換わった際はState から下のコンポーネントが再構築される。ライフサイクルメソッドがあるので、仮想DOM的... 続きを読む

JSフレームワークの末端がWebComponentsになるのか、なれるのか、検証してみた - Qiita

2018/02/13 97 users Qiita React WebComponents 末端 実際

https://speakerdeck.com/mizchi/real-world-es201x-and-future で、「Reactやその他のフレームワークの末端はWebComponentsになるのではないか？」という話をした。とはいえ、実際に自分でそういうものを実装したわけではなかった。 じゃあ実際に、Reactから web components を呼ぶにはどうなるだろうか？実装してみた。 ... 続きを読む

暗号通貨とウェブの未来を考える - @mizchiのメモログ | Monappy

2017/12/27 390 users Twitter メモログ Ethereum Monappy

お前は誰 / このテキストは何 twitter @mizchi で 、最近興味をもったフリーランスのプログラマです。主に JavaScript でゴリゴリ動く UI を作る人です。 ここ最近、2ヶ月ほど暇を見つけては暗号通過を勉強していました。自分で ethereum の test network を動かしたり、簡単なスマートコントラクトを書いたり、そもそもブロックチェーンを自分で実装したり、トレ... 続きを読む