タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
なぜ仮想 DOM という概念が俺達の魂を震えさせるのか - Qiita から 5 年経ち、 仮想 DOM を備えた React やそれを採用した Vue や他のライブラリも市民権を得たように思います。 有用な技術が市民権を得る、というのはエコシステムが花開くことでもあります。新しいプロダクトを作る際の技術選定において、 TypeScript + React が常に正解というわけではないですが、このスタックはかなり強力だという手応えがあります。 このスタックは得意のウェブフロントエンドは勿論、それ以外もとりあえず 80 点ぐらいの品質でプロトタイピングできる、というようなエコシステムになってきたような肌感があります。 モダンフロントエンドだと TypeScript と Webpack は採用しているのを前提として、本記事では React を軸にその技術を活かすために、次の 6 個の技術を紹介
リングフィットアドベンチャーをクリアして 8kg 痩せて筋肉質になった (71kg => 63kg) - mizchi's blog
ちょっとはてなブログを放っておいたら90日以上進捗がない人の広告が出るようになってしまい、最近やり続けたことといえばリングフィットなので、その話。 (ちなみに、最近このブログの投稿数が減っていたのは、技術記事を別のブログ で書くようにしたからです) クリア自体は 62 日目、今は 101 日目で二週目の後半。体重の変化はタイトルのとおりです。 ビフォアアフター before 去年の11月頃。似た構図の写真がない。腹が出てるのを隠している after さっき撮ったやつ 身長169cm なので 62.8kg が標準体重です。63kgなのでほぼそれぐらい。14年前の高校生以来の水準です。 体重がただ減っただけではなく、体全体がかなり筋肉質になっています。 ダイエットの動機 突然病気の話なのですが、去年の 12 月頃から 1 月にかけて長期間、体温が37.5度から下がらず、病院にいったところウイル
今年の本業は、 3rd party script で、そこから呼ぶウィジェットを最適化するコンパイラを書く、その仕様を考えて、実装するという感じだった。要は Google Analytics と、最適化コンパイラ付き GTM みたいなものを作っていた。その内容は以下に書いた。 サードパーティスクリプトの極限環境向け Svelte パフォーマンス改善に Core WebVitals という大義名分を得た 今年は、 パフォーマンスのエンジニアをやっていた、と思う。サードパーティスクリプトの配信を生業にする会社のエンジニアとしては、来年の Core WebVitals というパフォーマンス関連の大きな変化で、波にのってやりたいことがやれたと思う。 Core WebVitals の導入で実際にどれぐらいの影響がでるか不明だが、パフォーマンスが SEO に影響する、というのは、 若干やりすぎと思いつ
映画「ジョーカー」感想: ジョーカーという信頼できない語り手 (ネタバレあり) - mizchi's blog
見てきた。非常に、非常に良かった。一通りレビューを読んだが、基本的にはそれらに同意するとして、あまり言及されてないと思った点への自分の感想を書く。 ジョーカー誕生の物語としてめちゃめちゃ好き！ 解釈一致！ 「ジョーカー」が超超超良かったので勢いで感想を書きました - ねとらぼ 映画ジョーカー(JOKER)のラストシーンについて - 日常の錬金術師 映画『ジョーカー』を絶賛してはいけない理由【評価/感想/レビュー/ネタバレ】 - ゲーマー日日新聞 信頼できない語り手 本作は、物語類型としては「信頼できない語り手」タイプの作品である。アーサーは、精神的な問題を抱えて大量の薬を服薬しており、要所で幻覚を見ているのが示唆されている。 一連の悲劇が起きてアーサーが我を失ったあと、ガールフレンドの家に潜り込み、そして相手の反応から「一方的にアーサーがガールフレンドだと思っていただけの近所の他人」だっ
Qiitaのランキングの最初の設計者としての「いいね」の設計と、「LGTM」は下においてほしいという話 - mizchi's blog
https://blog.qiita.com/like-to-lgtm/ Qiitaさんの変更。思想はまぁわかるものの、「全部読んでから押してほしい」といいながら、開いた直後に押せるところに配置するのは意味がわからないかなあ。https://t.co/HEtwKg0txr— chokudai(高橋 直大)🌸🍆🍡 (@chokudai) 2020年3月12日 これについては chokudai さんに完全に同意なのですが、その理由として、自分の在職時に企画したサービス設計意図が強くあって、退職者がそれについて今更どうこういうのはどうか思うところもあるのですが、当時の同僚がほぼ全員退職してしまっているため、ここでその意図を伝えます。 お前は誰 & 何 当時の Qiita の開発で、ストックといいねを分離して、いいねをベースにしたランキングの実装のを提案したのが自分です。社内の Qiita:
【WASM & Rust】フロントエンドでRustを使う方法をmizchiさんとペアプロしながら解説する #ch789
フロントエンドエンジニアが Rust と WASM を使ってフロントエンドのコードを書こうとすると、意外と Rust のエグいところが出てきて面食らいます。 この配信では、フロントエンドに詳しい mizchi さんに、KOBA789 が Rust と WASM を教えていきます。 ★事前資料 https://gist.github.com/mizchi/86e53810e08eee2176d98b20870a9b86 ★mizchi さん Twitter: https://twitter.com/mizchi ★KOBA789 Twitter: https://twitter.com/KOBA789 YouTube(このチャンネル): https://youtube.com/c/KOBA789
vscode の web build を netlify にデプロイする + ファイルシステムを永続化する - mizchi's blog
年末年始の時間を使って実験していたこと。 tl;dr vscode をカスタマイズして静的サイトとしてデプロイしたい。やった。公式にない永続化層も作った。 できた。ここで試せる。 https://mizchi-vscode-playground.netlify.com/ やりたかったこと フロントエンドにまつわるものはフロントエンドで作業を完結したい。なので vscode がブラウザで動いてほしい。 vscode をカスタマイズしたものを各自が自由にデプロイできると、様々な可能性がある。インストールの手間を省いたプログラミング教育用のツールだったり、専用の開発環境だったり、その他諸々。 問題 この用途で期待していた vscode online が使いづらかった。MS のアカウントを要求されたり、Docker コンテナの Enviroment を作ったりする必要があり、面倒だった。そもそもリ
このブログを書いてる経緯 rust.tokyo 楽しみ！絶対行く！といってたのに申込みを忘れたところ、じゃあスタッフとしてブログを書けという話になったので、ブロガー枠？らしく感想を書きます。とはいえ書けるのは見たやつだけです。 https://rust.tokyo/sessions# 前提 自分は低レベルプログラミングは詳しくないです。年に3日ぐらい思い出したように Rust 勉強することがある。 wasm 周りのエコシステムはずっと追ってる。 会場の雰囲気 組み込み勢とブロックチェーン勢が多そうな気配を感じた。 Visualization of mechanical CAD drawings using WebAssembly and WebGL Aki / CADDi (発表資料見つからず) 概要 Computer aided design (CAD) models used in m
やっときたので使ってみた。 CI マニアから見た GitHub Actions(Beta)の使い所 - くりにっき https://github.com/mizchi/frontend-gh-action-playground で素振りして挙動を確かめた後、会社の結構重めのリポジトリに突っ込んでみた。まだ 2 日目なので、実際そこまで経験値足りてない。 とりあえず困ったらここ読む GitHub Actionsのワークフロー構文 - GitHub ヘルプ 良い点 sue445 さんの記事でも書いてあるが、ジョブが 20 個まで並列になるので、並列に分解できるようなものに強い。 GitHub に完結してる点。checks タブで CI の結果が見える。 circleci.com/dashboard とか行かなくていい。外部 CI はアカウント取得やらリポジトリごとの設定やらなんやらもあるので、
Chrome(Canary) の Native File System API で ローカルファイルの読み書きをする - mizchi's blog
離婚します - mizchi's blog
人類は(いつ？/そもそも？)ビジュアルプログラミングに至るのか。またはプログラミング的思考とはなんなのか - mizchi's blog
西村賢さんのこの記事について coralcap.co 68件のコメント https://t.co/jGBUcpTCoK “プレーンテキスト Markdown 時代の終焉 - portal shit!” https://t.co/1Q831CDuXY— 限界シェアハウスみたいなTL (@mizchi) 2019年11月18日 ↑ の記事や、あとは最近の slack の wysiwyg 化について色々思うところあった。 wysiwyg は人類の技術の進歩なのかコンピュータへの適応の失敗なのかは議論の余地がある— 限界シェアハウスみたいなTL (@mizchi) 2019年11月19日 編集してるものと、出力されるものが違う、という発想、エンジニアの発想であるのは間違いなく、markdown を使うのはプログラミング的な思考や訓練が前提にあるのはそうで、人間を訓練するか、内部状態が汚れるのを許容
デモはここで試せる https://posenet-worker.netlify.com/ コードはここ github.com 構成 getUserMedia でカメラ取得 OffscreenCanvas でバックグラウンドの書き込み Tensorflow.js + Posenet Tensorflow.js が Chrome では webgl バックエンドになったとの目撃談があったので、試してみた。 [https://twitter.com/sugyan/status/1156616432248971264:embed#動作を試せるやつ上げた。Chromeだと WebWorkerでMainThreadの動き止めずにwebglで高速に処理してくれてそう https://t.co/GsepIMRSqG https://t.co/je8ceda47L] 今の所、Chrome 以外では tens
GitHub - mizchi/uniroll: Opinionated universal frontend bundler in browser
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
React Server Component、そしてqwikのインパクト ー フロントエンドアーキテクチャの最新動向をmizchiさんに聞いてきた(1)
こんにちは、テックフィード白石です。 日本のエンジニア界隈をリードするエキスパートに、テクノロジーの最前線を語っていただくYouTube動画連載「Ask the Expert」の新着動画が公開されました！ 今回は、フロントエンドのエキスパートmizchiさんに、フロントエンドの最新動向について詳しく伺ってきました。 mizchiさんのアカウントをぜひフォローしましょう！ mizchiさん（フロントエンド兼Node.jsエンジニア） ついでに白石のもフォロー推奨: 聞き手: テックフィード白石 以下に掲載するのは、インタビュー動画の内容の要約です（正確な書き起こしではありません）。 内容をフルにご覧になりたい方は、ぜひ動画をご視聴ください。 ご質問、ご感想などはYouTubeのコメント、もしくはこの記事のコメント欄でも受け付けております。どしどしお寄せください😊 以下、動画の内容の要約です
mizchi on Twitter: "週末ちょっと調べた git server (daemon) 立てるメモ置いときます $ git init --bare --shared ./sandbox.git $ git daemon --reuseaddr --exp… https://t.co/WXIVGUUKOc"
週末ちょっと調べた git server (daemon) 立てるメモ置いときます $ git init --bare --shared ./sandbox.git $ git daemon --reuseaddr --exp… https://t.co/WXIVGUUKOc
mizchi on Twitter: "プログラミングわかってる人のフロントエンド速習、jsprimer でレガシー脱却してから Next.js を TypeScript で書いて SSG Mode を Netlify か Vercel か S3 + Cloudfront に上げろ、です"
プログラミングわかってる人のフロントエンド速習、jsprimer でレガシー脱却してから Next.js を TypeScript で書いて SSG Mode を Netlify か Vercel か S3 + Cloudfront に上げろ、です
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - mizchi/minlink: Minimum(> 1kb) and isomorphic worker wrapper with comlink like rpc.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
mizchi on Twitter: "ブラウザで vscode://file/<abs-url>:line:column のスキーマで vscode の該当ファイルに飛ばせることを知ったので、 typescript の transformer 書いて React.El… https://t.co/v0ZL2MmSni"
ブラウザで vscode://file/<abs-url>:line:column のスキーマで vscode の該当ファイルに飛ばせることを知ったので、 typescript の transformer 書いて React.El… https://t.co/v0ZL2MmSni
mizchi on Twitter: ".@StewEucen 氏はMa_gicianと称する自作フレームワークのLT/宣伝を各所の勉強会の自由枠LTで繰り返しており、あまりにも同一内容かつ中身がない発表で、各勉強会の参加者から苦情が聞こえています。僕も何度も目にしてい… https://t.co/FNAJ6LphOA"
.@StewEucen 氏はMa_gicianと称する自作フレームワークのLT/宣伝を各所の勉強会の自由枠LTで繰り返しており、あまりにも同一内容かつ中身がない発表で、各勉強会の参加者から苦情が聞こえています。僕も何度も目にしてい… https://t.co/FNAJ6LphOA
本記事は、TechFeed Conference 2022のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画（YouTubeチャンネル登録もお願いします。） スライド資料へのリンク mizchiです。バンドル最適化マニアクスというテーマで話したいと思います。 ahomuさん的には、CDN Edge Workersの話をしてほしかったらしいですが、ガン無視してManglingの話をします。 フロントエンド改善とはビルド改善!? 突然なんですけど、JavaScriptでかいと辛いですよね。 なんで辛いかというと、開発時だとビルドサイクルが遅いとか、npm installが自然と肥大化しててCIが遅いとかがあります。ユーザー体験としても、あたりまえなん
mizchiの嫁が痛すぎる
https://twitter.com/syakejs こいつ 終始mizchiの年収でマウント取るわクソみたいな匂わせで他人を煽りまくるわで人間性が終わってる のくせぴえん地雷系でエンジニア界隈のちんぽ騎士団がわらわら寄ってく地獄 ただでさえ顔面偏差値が低いエンジニア界隈で地雷ムーブかましてて死ぬほど痛い ガチの顔ラン界隈で顔面で殴り合いできないやつが下層でイキってるのが見てられない mizchiおまえこんなんがいいのか？
mizchi on Twitter: "個人的に esa の階層構造が好きではなくて、大きな組織で使ってると、記事の分類が個人の分類センスに依存していて、何の情報がどこに貼られるか不明になっていくのと、どの階層はどのグループのものであるみたいな縄張り意識が出て怖くて書け… https://t.co/Wm5HiUqHVc"
個人的に esa の階層構造が好きではなくて、大きな組織で使ってると、記事の分類が個人の分類センスに依存していて、何の情報がどこに貼られるか不明になっていくのと、どの階層はどのグループのものであるみたいな縄張り意識が出て怖くて書け… https://t.co/Wm5HiUqHVc
mizchi on Twitter: "こういうのを平気で言っちゃうのが自分が一番嫌いなエアプ暗号通貨勢の特徴で、実際に動かしてみると応答性が低すぎて全部をスマートコントラクトに乗せるのは全く現実的でないのがわかるはず。要は要求に応じた使いわけなんだけど、彼らは非中央集… https://t.co/167zmwE6sQ"
こういうのを平気で言っちゃうのが自分が一番嫌いなエアプ暗号通貨勢の特徴で、実際に動かしてみると応答性が低すぎて全部をスマートコントラクトに乗せるのは全く現実的でないのがわかるはず。要は要求に応じた使いわけなんだけど、彼らは非中央集… https://t.co/167zmwE6sQ
// Pick validators for treeshake import { $any, $array, $boolean, $const, $enum, $intersection, $null, $number, $object, $opt, $regexp, $string, $symbol, $undefined, $union, $void, $record, type Infer, type Validator, } from "lizod"; const validate = $object({ name: $string, age: $number, familyName: $opt($string), abc: $enum(["a", "b", "c"]), nested: $object({ age: $number, }), static: $const("st
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2020 年、 React 軸で学ぶべき技術 - mizchi's blog
プログラミングを学ぶにあたって詰まったことと、そこから学んだこと - mizchi's blog
2020年やったこと、考えたこと、触った技術のまとめ - mizchi's blog
俺の webpack.config.js-20200503 - mizchi's blog
2021年のまとめ・反省 - mizchi's blog
rust.tokyo のまとめ・感想 - mizchi's blog
報告: 結婚しました - mizchi's blog
GitHub Actions 使ってみた感想 - mizchi's blog
俺のテン年代を象徴するゲーム 9 本 - mizchi's blog
Posenet を WebWorker で動かしてみた - mizchi's blog
mizchiさんはTwitterを使っています: 「VSCode で使ってるライブラリの .d.ts をピン止めしてコードを書くと、今までとは比較にならないぐらい補完精度が爆上がりして便利だ...」 / Twitter
十三機兵防衛圏感想 - ネタバレあり - mizchi's blog
GitHub - mizchi/next-boilerplate-20200727
バンドル最適化マニアクス（mizchi） — TechFeed Conference 2022講演より
GitHub - mizchi/lizod: lightweight zod-like validator
ndjust.in
note.com/rakus_taguchi
future-architect.github.io
garumax.com
howtokeepacat.hatenablog.com
esse-online.jp