タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
なぜ仮想 DOM という概念が俺達の魂を震えさせるのか - Qiita から 5 年経ち、 仮想 DOM を備えた React やそれを採用した Vue や他のライブラリも市民権を得たように思います。 有用な技術が市民権を得る、というのはエコシステムが花開くことでもあります。新しいプロダクトを作る際の技術選定において、 TypeScript + React が常に正解というわけではないですが、このスタックはかなり強力だという手応えがあります。 このスタックは得意のウェブフロントエンドは勿論、それ以外もとりあえず 80 点ぐらいの品質でプロトタイピングできる、というようなエコシステムになってきたような肌感があります。 モダンフロントエンドだと TypeScript と Webpack は採用しているのを前提として、本記事では React を軸にその技術を活かすために、次の 6 個の技術を紹介
toyokeizai.net satoru-takeuchi.hatenablog.com 全然レイヤーが違うが、自分が何に悩んで、どういう風に理解したか、思い出しながら書き出してみる。 プログラミング歴 20歳からなので、現時点で10年ぐらいだが、中学生の時ちょっと触ったことがあった。 14 歳: 病気で入院したときに暇すぎて、2 週間ほど VBA を触った 大学 1 年: 大学の選択科目で Java, 夏休みに Python と Ubuntu の独習 大学 3 年: Python で自然言語処理のバイト 大学 4 年: Android アプリを作るバイト、就活ポートフォリオとして node/Websocket で MMO 一社目: Unity, ActionScript, Haskell, JavaScript 以降~: JavaScript/CoffeeScript/TypeScri
リングフィットアドベンチャーをクリアして 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 に影響する、というのは、 若干やりすぎと思いつ
基本思想 とにかく薄く。必要なものだけ。基本は ts-loader を transpileOnly: true で使うだけ。最悪これだけでいい。型チェックはIDEか yarn tsc -p . --noEmit でやる。 CRA や parcel は使わない。暗黙な振る舞いが多すぎるので。一切勉強したくない人はいれていいと思うが、その場合 eject しない、dist ディレクトリをそのまま使うこと前提。 style-loader/css-loader は外部CSSを読むときに設定する worker-plugin はなくてもいいけど、 worker もビルドしたいことが多いので、入れていることが多い html-webpack-plugin と webpack-dev-server 組み合わせると、他と組み合わせずに完結して動く。このHTMLを本番で使わずとも、デバッグで使ってることが多いの
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:
年内に間に合わなかった… 2021年に主にお世話になった言語・ライブラリ TypeScript React chakra-ui dnd-kit Node Vite esbuild Docker(=> lima) とりあえず挙げてみたが、なにか特定のライブラリを使う、という感じではなく、レイヤーが一つ下にいった感じがあり、実際にはなんかもうちょっと下のミドルウェアみたいなものを作っていることが多かった気がする。ASTをいじるコンパイラ周辺ツールを作っていることが多かった。 サクッとなにか作る場合、 React + TypeScript + Vite(esbuild) が鉄板という感じで、 esbuild が異次元に速すぎて、typescript の変換もバンドルも、もはやこれ一本でいい気がしてる。 microsoft/typescript はもはや言語仕様の定義と型検査がメインであって、コン
vscode の web build を netlify にデプロイする + ファイルシステムを永続化する - mizchi's blog
年末年始の時間を使って実験していたこと。 tl;dr vscode をカスタマイズして静的サイトとしてデプロイしたい。やった。公式にない永続化層も作った。 できた。ここで試せる。 https://mizchi-vscode-playground.netlify.com/ やりたかったこと フロントエンドにまつわるものはフロントエンドで作業を完結したい。なので vscode がブラウザで動いてほしい。 vscode をカスタマイズしたものを各自が自由にデプロイできると、様々な可能性がある。インストールの手間を省いたプログラミング教育用のツールだったり、専用の開発環境だったり、その他諸々。 問題 この用途で期待していた vscode online が使いづらかった。MS のアカウントを要求されたり、Docker コンテナの Enviroment を作ったりする必要があり、面倒だった。そもそもリ
【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
なんか今日は2がいっぱいあるので @syakejs と入籍しました。 以下例のリンクですhttps://t.co/dnzQMbvxdu pic.twitter.com/FrEcrOGUAz— ヌー (@mizchi) 2020年2月21日 私事ですが(と個人ブログでいうのもなんですが)、syakejs:(blog) と結婚しました。彼女は Webエンジニアだったり、大学でセキュリティの研究をしてたりしています。競プロやCTFもやってるらしいです。 話を聞いてみると、昔から僕のブログやTwitterをみていたファン？だったらしいのですが、最近なんやかんやあってコンバージョンしました。 入籍いつしよっかーという話になって、西暦2020年(令和2年)2月22日というゴロがよかったので、この日に決めました。 なにかしたからと言って別段何かが変わるというわけではなく、これからも普段どおりやっていくの
離婚します - mizchi's blog
最初に言っておくとmizchi と syake の 離婚はお互い嫌いになったという理由ではなく、単に結婚に求めるものが違っていて、その齟齬が顕著になった、ということに尽きます。 mizchi と syake は離婚しても友人であり、一緒にイベントなどもやる予定があります。これからも仲がいい友人であり続けるために適切な距離が必要になり、それには婚姻契約や同居がお互いにとって邪魔になったよね、という同意に至りました。 この2年間は本当に楽しかったです。結婚前にあった課題感、「エンジニアとして似たようなサイクルを繰り返すだけの予測可能な人生を打破したい」という当初の目的も達成できました。自分と違う人間と生活することで、様々な局所最適に陥っているのを自覚できるようになりました。これについて、syake には本当に感謝しています。 これ以上詳しいことを知りたい人は、Twitter で「ワインと鍋」に
2020年になり、先の10年のゲームを振り返るのが話題になってたので、自分も書く。 RPGが多く、洋ゲー寄り。あくまで自分がこう思っているというだけで、なにかの総意というわけではないのに注意。 jp.ign.com anond.hatelabo.jp 追記: 最初は 8本だったが、 Bloodborne を追加して 9本になった ウィッチャー 3 ワイルドハント store.steampowered.com Bethesda のゼロ年代の TES IV: Oblivion と Fallout3 という２つの傑作が、テン年代のオープンワールドを方向性を決定づけた。テン年代のオープンワールドからベストを一本選ぶなら、その続編の TES V: Skyrim も Fallout4 も、そしてもちろん任天堂のゼルダの伝説:BotW も素晴らしかったが、自分はウィッチャー 3 を選ぶ。 ウィッチャー
mizchiさんのパフォーマンスチューニングイベントについていくための社内勉強会をやりました - LAPRAS Tech Blog
こんにちは。LAPRAS株式会社 CTOの @rocky です。 2024年12月2日に【mizchiさんによる 「LAPRAS 公開パフォーマンスチューニング 」調査編】というイベントの開催を予定しているのですが、この時間をより良いものとするため、フロントエンドパフォーマンス改善に関する前提知識をインプットする勉強会を社内で行いました。 入門的な内容であり、社内勉強会の雰囲気そのままではあるものの、イベントに参加される方にとってお役に立てることもあるかもしれないと思い、勉強会の内容を動画/資料/メモという形で共有します。 勉強会のゴールと形式 学習の取っ掛かりを得ることをゴールとして、Webフロントエンドのパフォーマンス指標、ブウラザによるレンダリングの流れ、その他頻出ワードについて、先人による解説記事を参照しながら @KawamataRyo さんに概要を解説して頂きました。 動画 資料
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
mizchiさんによるWebフロントエンド・パフォーマンスチューニングのデモンストレーションイベントです。 実際に稼働しているサービス 「LAPRAS」を対象に、外部から計測可能な情報のみでパフォーマンス調査を行いつつ、内部情報を知る人との対話を通じてボトルネックを特定するというプロセスを実演いただきました。 mizchiさんの解説を見ながら、お手元で同じサイトをChrome DevToolsで解析してみる、といったことも可能かと思います。実践的なパフォーマンスチューニングの手順や考え方についてご興味のある方は是非ご参加ください。 ◆ 試し切り素材のサービス - LAPRAS https://lapras.com/ ◆ 事前知識INPUT勉強会 LAPRAS社内で行った、当イベントの準備のための前提知識をINPUTする勉強会です。 https://tech-blog.lapras.
React Server Component、そしてqwikのインパクト ー フロントエンドアーキテクチャの最新動向をmizchiさんに聞いてきた(1)
こんにちは、テックフィード白石です。 日本のエンジニア界隈をリードするエキスパートに、テクノロジーの最前線を語っていただくYouTube動画連載「Ask the Expert」の新着動画が公開されました！ 今回は、フロントエンドのエキスパートmizchiさんに、フロントエンドの最新動向について詳しく伺ってきました。 mizchiさんのアカウントをぜひフォローしましょう！ mizchiさん（フロントエンド兼Node.jsエンジニア） ついでに白石のもフォロー推奨: 聞き手: テックフィード白石 以下に掲載するのは、インタビュー動画の内容の要約です（正確な書き起こしではありません）。 内容をフルにご覧になりたい方は、ぜひ動画をご視聴ください。 ご質問、ご感想などはYouTubeのコメント、もしくはこの記事のコメント欄でも受け付けております。どしどしお寄せください😊 以下、動画の内容の要約です
とてもよかった。とにかくSFオタクが好きそうなものが全部入りで、満足感が高い。 以下ネタバレ込み。 全体として性善説のストーリーで、人は後天的にどんな人間にでもなれる、ということを描いていたように思う。主人公たち(のオリジナル)はそれぞれに難があり、人類を滅ぼした上に探査船内部で自滅したが、自分たちのオリジナルの思考やDNAに縛られず、自分たちの決断によって物語を解決に導いた、という風に自分は受け取った。解釈は色々ありそう。 森村千尋、東雲涼子、井田は物語的には大戦犯だが、結局生まれ直した彼らは罪はないわけで、誰もその罪を問おうともしない。そこが今までのループものと比べて「宿命」感が薄く、新鮮に感じた。 こういう教訓的な解釈とは別に、単に惑星探査、宇宙植民、疑似ループ、ロボットと、やりたいことをやっただけ、という感じも強く、非常にSF的なフェティシズムを感じた。 核心 作中で表現されないも
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おまえこんなんがいいのか？
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: "個人的に esa の階層構造が好きではなくて、大きな組織で使ってると、記事の分類が個人の分類センスに依存していて、何の情報がどこに貼られるか不明になっていくのと、どの階層はどのグループのものであるみたいな縄張り意識が出て怖くて書け… https://t.co/Wm5HiUqHVc"
個人的に esa の階層構造が好きではなくて、大きな組織で使ってると、記事の分類が個人の分類センスに依存していて、何の情報がどこに貼られるか不明になっていくのと、どの階層はどのグループのものであるみたいな縄張り意識が出て怖くて書け… https://t.co/Wm5HiUqHVc
mizchi on Twitter: "こういうのを平気で言っちゃうのが自分が一番嫌いなエアプ暗号通貨勢の特徴で、実際に動かしてみると応答性が低すぎて全部をスマートコントラクトに乗せるのは全く現実的でないのがわかるはず。要は要求に応じた使いわけなんだけど、彼らは非中央集… https://t.co/167zmwE6sQ"
こういうのを平気で言っちゃうのが自分が一番嫌いなエアプ暗号通貨勢の特徴で、実際に動かしてみると応答性が低すぎて全部をスマートコントラクトに乗せるのは全く現実的でないのがわかるはず。要は要求に応じた使いわけなんだけど、彼らは非中央集… https://t.co/167zmwE6sQ
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
報告: 結婚しました - mizchi's blog
俺のテン年代を象徴するゲーム 9 本 - mizchi's blog
mizchiさんはTwitterを使っています: 「VSCode で使ってるライブラリの .d.ts をピン止めしてコードを書くと、今までとは比較にならないぐらい補完精度が爆上がりして便利だ...」 / Twitter
mizchiさんによる「LAPRAS 公開パフォーマンスチューニング」~調査編~
mizchi on X: "TailwindCSS への今の気持ち"
十三機兵防衛圏感想 - ネタバレあり - mizchi's blog
GitHub - mizchi/next-boilerplate-20200727
バンドル最適化マニアクス（mizchi） — TechFeed Conference 2022講演より
GitHub - mizchi/mints: lightweight typescript compiler
dot.asahi.com
blog.livedoor.jp/yakiusoku
news.yahoo.co.jp
recogei.ontomo-mag.com
mao2.dt.weblog.vc
space-nobi.net