近年のWebフロントエンド開発において「リアクティビティ」という概念が非常に重要になっています。今回は、このリアクティビティにまつわる歴史を辿りつつ、2025年の1月にv1.0となったリアクティビティライブラリである「alien-signals」についてを解説していきます。 リアクティビティとは何を実現するものか そもそも「リアクティビティ」とは何かについてを説明します。 リアクティビティを日本語にすると「反応性」と訳されることがあります。この「反応性」とは、ある状態の変化に対してシステムが適切な対応をすることを指します。 Webフロントエンドにおける「反応性」は、アプリケーションの状態（データ）が変化した際に、その変化を検知し、関連するUIや他の状態を自動的に更新する仕組みのことです。 分かりやすい例としてあげられるのがスプレッドシートのようなUIです。あるセルの値が変更されると、そのセ

小学生が「昭和のまねしまーす」と言って札束を振って「品川～」と叫んでました。 バブルの頃のタクシーを捕まえるようすを再現しているようです。 「石器時代の人がマンモスを捕まえるマネ」と同じノリでやってるな、と思いました。 そんな「今、こんなことになってるんだ」の投稿が集まっています。

麺ヤワ @men_yawa 小袋「一個良いっすか、俺配信断ったんすよ。俺の音楽はパソコンの前で聞くような音楽じゃないんで。苗場みたいなクソ田舎にきて、スーパーオーガニズム蹴って観に来てくれた人たちと盛り上がりたい」みたいなこと言ってた 2022-07-31 18:17:05

最近になって、ギブアンドテイク、トレードオフの概念が自分に欠けていることに気がついた。 例えば、特定の人から何か助けてもらったときに「今度はあの人が困っていたら、進んで助けよう」という気持ちにならない。 もちろん、その人が困っていたら助ける。 だがそれは、以前助けてもらったからではなく、目の前で困っている人がいるから助けているのであって、その「助けたい度」は過去の善行に依存しない。 また、逆もある。 例えば、特定の人から何か嫌なことをされたときに「もうこいつのことを助けないぞ」という気持ちにならない。 さっきの例えで言うと、その人が困っていたら助ける。 目の前で困っている人がいるから助けているのであって、その「助けたい度」は過去の悪行に依存しない。 こう言うと一見優しい人に見えるかもしれないが、まるで違う。 他人から親切をしてもらった時に、全くそれを覚えていない（もちろん情報として覚えては

天乃咲哉🦊 @amanosakuya 「作家は体験したことしか書けない」ネタでよく漫画家さんたちと話すのが「OLが何やってるかわからないのでOLの漫画が描けない」 こういう作家が頑張ってOL漫画描いても、山積みの書類（このデジタル時代に？）を前に残業するOLと、その書類を「半分手伝ってやるよ」と持って行くイケメン（だからその書類なに？漢字ドリル？）…って感じのしか描けないので元OL漫画家さんは自分の強みを活かして欲しい 2025-03-22 13:36:59 けんすう @kensuu 確かに、仕事漫画で見る、 ・あの大量の書類、何を処理しているんだ・・・？ ・一体何をコピーしているんだ・・・？ ・メモを紙で・・・？ ・なんかでかいファイルをどさっておくの、なんで紙なんだ？ ・机にある大量のファイル、何を入れているんだ？ ・割と大きなオフィスなのに、カーテンがある？ ・グラフとかがあるプレ

趣味は食材採取とそれを使った冒険スペクタクル料理。週に一度はなにかを捕まえて食べるようにしている。最近は製麺機を使った麺作りが趣味。（動画インタビュー） 前の記事：ホッキガイ（ウバガイ）にはモヤシが入っている ＞ 個人サイト ＞私的標本 ＞趣味の製麺 ＞ライターwiki インドに行っていました 二月中旬、インドのバンガロール、マドゥライ、ゴアを旅していたのだが、その最終日の朝に訪れたゴアの市場で、パプリカに取っ手を付けたような形の果物をみかけた。 目に入ってから一瞬遅れて、それが前になにかの本で読んだカシューナッツの果実、カシューアップルだと気がついた。あ！ ゴアの魚市場。よく知っている魚やぜんぜん知らない魚がたくさん並んでいて大興奮。 魚市場から少し離れた野菜市場で、偶然それを発見した。 カシューナッツの果実、カシューアップルだ！ 加工前のカシューナッツがこういう形をしているというのは知

「14歳から働いてきた私の人生はこのままでは根本的に無意味です」 こう話すのは中国の36歳の出稼ぎ労働者。 中学生のときにふるさとの農村を出て20年あまり、各地の工場を転々としながら働いてきました。 「夢も希望もない」と語る中国の労働者の実態とは？ （上海支局長 道下航） 南部・広東省、東莞に住む文劉波さん(36歳)。 遠く離れた内陸部・四川省の農村で生まれましたが、中学生だった14歳の時、親戚に連れられてふるさとを離れ、都市部で働き始めました。 当時の中国は「世界の工場」と呼ばれるほど、高度経済成長が続き、文さんの両親も親戚も農村を離れて働くのが当たり前の時代でした。 電気製品を作る工場など、さまざまな職場で働いてきた文さん。 靴の工場では、朝7時から日をまたいで翌日の午前1時まで働きました。いすに座ってミシンを踏み続け、労働時間は毎月400時間を超えるほどだったと言います。 しかし、出

リンク YouTube PSIAchannel 公安調査庁の施策や取組，お知らせしたい情報等について，動画で紹介するチャンネルです。公安調査庁の最新情報については，公安調査庁ホームページを御覧ください。 運用方針等はこちら→ https://www.moj.go.jp/psia/2013090202.html 1 user 48

かぐや @kaguya_neisan SNSでバズってて、即ポチしたんだけど、本当に買ってよかった…スマホのスクショとかTODOリスト一瞬でコピーできる。アプリから感覚的にできて、好きな絵とかも印刷できる。私結構アナログ民だからTwitterでバズってたレシピとかコピーして冷蔵庫に貼っつけてる。3000円くらいで買えるからオススメよ pic.x.com/LXxA6BzFLE 2025-03-20 05:58:23 かぐや @kaguya_neisan 接続とか難しいかなって思ってたけど、アプリダウンロードしたらすぐできた！ 好きなアニメのイラストとかコピーしてスマホケースに入れるのもいいかも！ ※子供に貸すとロール一瞬で無くなるので注意😂 hb.afl.rakuten.co.jp/ichiba/3e6b130… 2025-03-20 05:58:24

この記事は？ ReactのSSRの理解を深めるために自前で実装してみました。 せっかくなのでその記録を記事にまとめました。 ※ App Router以前のPage Routerの内容です。 ReactRouterを使って複数ページのSSRをしている新しい日本語記事がなかったというのも記事化の理由の一つです。 この記事のソースコードはこちらです。 技術スタック フロントエンド React.js (v17) React-Router (v6) TypeScript Webpack バックエンド Express 作ったもの 初回リクエスト時 サーバーサイドレンダリング(SSR)してたHTMLをクライアントに返却。 サーバーから受け取ったHTMLにクライアントサイドでイベントリスナーを設定(hydrate) ページ遷移時 新しいページで必要な情報をクライアント側からWEB APIを叩いて取得。 ク

LayerXのプロダクトデザイナーreireiです。最近はUIデザイン業務の傍らで、UIデザインガイドライン担当もしています。 ガイドラインは作っても読まれない？UIデザインガイドラインは、作成に多大な時間と労力が必要なわりに、意外と読まれないものです。 デザイナーでさえ「あれ、このルールどこにあるっけ？」と迷うこともあります。 ドキュメントの場所がわかりづらい 普段使うツールから参照しにくい 更新が追いつかない 文章が長すぎて読む気になれない さらに、「ルールだから守るべき」と言われると、逆に守りたくなくなるのが人間というもの。 「では、どうすればガイドラインを読んでもらえるのか？」と考えた末に、爆楽（バクラク）武士の格言という突拍子もないアイデアにたどり着きました。結果からいうと大成功。その具体的な経緯をお伝えします。 どんなガイドラインを作ったのかアクセスしやすいように、社内のドキュ

Ubisoft Brasil 🇧🇷 @UbisoftBrasil UMA HOMENAGEM TOKUSATSU ⚔? Assassin's Creed Shadows chega e celebramos uma das inúmeras paixões da cultura japonesa no Brasil: os tokusatsu! Junte-se a Edu Falaschi para cantar STRIKE AS ONE, com JogaZulu como Yasuke e Thais Matsufugi como Naoe nessa série de TV reimaginada! pic.x.com/1NmIo2uxeN 2025-03-18 03:01:00 Ubisoft Japan @UBISOFT_JAPAN ⚔️Ubisoft BrazilとUb

renderToString と hydrate を自作し、今一度 SSR・SSG の仕組みを実装から理解してみましょう。 はじめに 本稿では、以下のリポジトリを用いて実装を進めます。 また、お手元に node の環境があれば、拙作の create-toy-react-app という CLI ツール を用いて、こちらのリポジトリに含まれる、実装のテンプレートや完成形のダウンロードが行なえます。 それでは node の環境(16系推奨)をご準備いただき、実装の準備として SSR と SSG 実装のテンプレートをダウンロードしましょう。

Bunがついにリリースされたので、試しながらNextJSを自前で作ってみました。 プロジェクト作成 以下のコマンド叩けば、いくつか質問されながら、プロジェクトが作成されます、ちなみにnode_modulesのインストール時間がとても早かった、

見終わったんでなんか見どころでも書いておこうかと思ったけど、結局メモ以上のものにはならなかった。 これを見て君もガンダムミームに詳しくなろう。 追記ギデン→デギンに修正 その他は後程都度修正 1話ジークアクスのbeginning部分にそっくり。でも大きく違うところが存在する話 アムロのバギーに乗ったハロの大きさに注目。 ここでザク撃破でコロニーに穴が開き、テム・レイが飛び出して行け宇宙の彼方♪してしまう。 2話シャアがピンク色のえらいド派手なスーツでサイド7に潜入する。お陰でセイラに見つかる。 「通常の三倍のスピードで接近します！」 「当らなければどうということはない」 「な…なんということだ…あのモビルスーツは戦艦並みのビーム砲を持っているのか」 「ガンダムの性能を当てにし過ぎる」 「軟弱者！」 スレンダー死亡 3話「よくもこんなくたびれた船が現役でいられるものだな」 「太陽を背にして攻

Yesterday, the tj-actions repository, a popular tool used with Github Actions was compromised (for more background read one of these two articles). Watching the infrastructure and security engineering teams at Carta respond, it highlighted to me just how much LLMs can’t meaningfully replace many essential roles of software professionals. However, I’m also reading Jennifer Palkha’s Recoding America

The Silicon Valley narrative centers on entrepreneurial protagonists who are poised one predestined step away from changing the world. A decade ago they were heroes, and more recently they’ve become villains, but either way they are absolutely the protagonists. (Although, perhaps the role of protagonist is expanding a bit.) Working within the industry, I’ve worked with quite a few non-protagonists

3.7 sonnet → drawioが今のところベストな図の作成方法。特にdrawioにすることで修正ができることが従来との違い。パワポ作成やブログなどの際に図を多用できる。これはわかりやすくビジネスマン全員が使える組み合わせ。 https://t.co/GzZRYhgt1V pic.twitter.com/xmWryTqnk6 — 遠藤巧巳 - AIエージェント受託開発 (@ai_agent_dev) March 1, 2025 図の作成のベストは2025年3月時点ではClaude3.7 sonnetです。ChatGPT,Geminiでもできますが、クオリティが低いと人の修正時間が増えます。この図の作成クオリティのためだけにClaudeを契約しても良いと思います。 何が違う？これまでは図の作成はsvgで行うことが普通でした。しかしsvgだと人の修正ができないため、ほんの少しの違和感でも

▼九州は「男性優位」？西日本新聞の記事がきっかけで、ソーシャルメディア上で議論（？）が盛り上がっている。 「男尊女卑やゆ「さす九」SNSで拡散　性別による無意識の思い込み調査、九州の傾向は」(https://www.nishinippon.co.jp/item/n/1324599/) ソーシャルメディアで注目を集めているのは、「九州出身だが、こんなひどい差別的経験をした」といった、個人的体験についてのポストのようだ。中には数万の「いいね」をもらっているポストもある。 個人的な体験は、当の本人からすれば大きな影響力を持つもので、決して軽視すべきことではないのは言うまでもない。そして、個人的体験を尊重することと、全体的な傾向もあわせてみるべきだということは、当然ながら両立する。 私自身、出身は福岡だ。ちょっとだけ（小学校に上がる前）佐賀にいたこともある。しかし九州では男性優位な意識が強いのかと