はじめに ここ最近、Remix に関する話題や採用事例が増えてきているように感じます。 一休レストランで Next.js App Router から Remix に乗り換えた話 - 一休.com Developers Blog RemixでWeb標準を学んだ1年間 / First year with Remix - Speaker Deck SPAの歴史とRemix SPAモードという到達点 / the SPA's chronicle reaches to remix - Speaker Deck 検索システムのフロントを SSR・Remix で作り直した - Unyablog. Remixを使い始めた話 | Money Forward Kessai TECH BLOG そこで本記事ではここ最近 Remix が採用されがちな理由を筆者の独断と偏見で考察し、一部 Next.js とも比較しな

SVG アイコンの表示に mask-image CSS プロパティを使用する 2024.06.15 mask-image プロパティは CSS でマスキングを行うためのプロパティであり、SVG アイコンを表示する際に有用です。mask-image プロパティを使用することで、外部の SVG ファイルを読み込みつつ、アイコンの色を CSS で指定することが可能になります。 HTML でロゴやアイコンを表示する時、SVG はよく使われるフォーマットです。SVG はベクター形式で記述されるため、拡大・縮小しても画質が劣化しないという特徴があります。SVG を HTML で表示する場合、以下のような方法が使われていました。 <img> 要素の src 属性に SVG ファイルのパスを指定する <svg> 要素を直接記述する svg スプライトを使用する それぞれの方法にはメリット・デメリットが存在

こんにちは。 最近TypeChallengeにはまっており、「完全に理解した」状態になるまで１問１問に深く向き合っている日々の筆者です。 そんな僕が、長年(3ヶ月くらい)めちゃくちゃストレス(肌寒いなぁくらい。)に思っていることがあり、日々調査に明け暮れ(たまーに5分検索するくらい)ても解決できない問題がありました...。 今回は、そんなストレスを解消することができたので、記事として残したいと思います！ オブジェクトのKeyを指す型

チャットアプリ実装の勉強の一環として supabase を使ってNuxt3でチャットアプリを作ったので、それのスクラップ。 作ったのはこんな感じのもの 作ったチャットアプリの構成 GitHubでログイン チャットのチャンネルは1つ（複数の場合は、データベースの設計が必要なので今回は1チャンネルのみ） メッセージの投稿 メッセージの削除・編集機能 Supabaseとは？ オープンソースのFirebase代替品として作られたクラウドベースのプラットフォームです。 開発者が作るWebアプリケーションに必要なツールやサービスを提供します。 Supabaseでできること オープンソースのリアルタイムデータベース アプリケーションに必要なバックエンドの機能を提供するプラットフォーム PostgreSQLをベースとしたリアルタイムデータベースを提供 データの変更をリアルタイムで購読することができる Po