次世代フレームワークRemixで簡単なフルスタック開発を体験する - RAKUS Developers Blog | ラクス エンジニアブログ

2024/03/07 85 users ラクス ToDoアプリ m_you フロントエンド開発課 作成

はじめに こんにちは。フロントエンド開発課に所属している新卒1年目のm_you_sanと申します。 最近話題のRemixを使って、シンプルなTodoアプリを作成する方法をご紹介します。 Todoアプリの作成を通じて、簡単なフルスタック開発を体験していただければと思います。 はじめに プロジェクトの作成 モデルの定義 Root Rout... 続きを読む

ssig33: "最近最小限のReactアプリを作るのに使ってるもの についてとりあえずメモしとく。 ##..."

2024/02/26 229 users Reactアプリ ssig33 最小限 astro SSR

最近最小限のReactアプリを作るのに使ってるもの についてとりあえずメモしとく。 前提: デカいフレームワークは使わない next.js, Astro, Remixは使わない。next.jsとAstroは大好きなのだが、社内向けとか個人用とか小さいアプリに使うにはあきらかに恐竜であると思う。Remixは大好きではない。 前提: SSRしない SSRもS... 続きを読む

YouTubeが公式ミュージックビデオと自身の映像を一緒に並べる「コラボ」機能や動画内に自身の映像を合成する「グリーン スクリーン」機能などYouTubeショートに複数の新機能をリリース

2024/02/16 11 users YouTube news-and-events スクリーン

2024年2月15日、YouTubeがプラットフォーム上で公開されているアーティストの公式ミュージックビデオを活用してオリジナルのショート動画を作成できる複数の機能をリリースしました。 It’s Time for the Remix - YouTube Blog https://blog.youtube/news-and-events/youtube-shorts-remix/ Now Launching: Music Video R... 続きを読む

TanStack Router（& Query）はSPA開発で求めていたものだった✨【Reactのルーティングとデータ取得】

2024/02/13 12 users Query React ルーティング BtoB フレームワーク

Reactの技術選定においてルーティングとデータ取得は特に重要な役割を担っています。 もちろんNext.jsやRemixのようなフレームワークを採用すれば、個別のライブラリを追加することなくルーティングからデータ取得までフレームワークが提供するAPIを使って実装することができます。 しかし、AI ShiftのようなBtoBのサー... 続きを読む

SPAの歴史とRemix SPAモードという到達点 / the SPA's chronicle reaches to remix

2024/01/29 210 users SPA 到達点 歴史

Niigata 5分 Tech #4と、モニクル社の社内LT大会で喋ったやつです https://niigata-5min-tech.connpass.com/event/307076/ 続きを読む

RemixでWeb標準を学んだ1年間 / First year with Remix

2024/01/24 16 users Web標準 1年間

フロントエンドの技術選定 ~2023を振り返る~ Lunch LT での発表資料です https://findy.connpass.com/event/306714/ 続きを読む

Remix の SPA モード

2024/01/14 17 users React サーバーサイド フルスタックフレームワーク 前提

Remix の SPA モード 2024.01.14 Remix は React のフルスタックフレームワークで、Web 標準に基づいた API で構築されていることが特徴です。Node.js のようなサーバーサイドの JavaScript 環境で動作することを前提としています。しかし、現実の世界ではサーバーを用意せずに、静的なファイルをホスティングするだけの... 続きを読む

一休レストランの XState 導入記 - 一休.com Developers Blog

2023/12/22 61 users 休レストラン Qiita フロントエンド 終わり頃 エントリー

このエントリーは 一休.comのカレンダー | Advent Calendar 2023 - Qiita の22日目の記事です。 レストランプロダクトUI開発チームの鍛治です。 一休レストランのフロントエンドを担当しています。 一休レストランでは Next.js App Router Remix を採用しています。 user-first.ikyu.co.jp 昨年の終わり頃から始まった一... 続きを読む

一休レストランで Next.js App Router から Remix に乗り換えた話 - 一休.com Developers Blog

2023/12/15 190 users ＣＴＯ 恩田 リアーキテクト フロントエンド エントリー

このエントリーは一休.com Advent Calendar 2023の15日目の記事になります。 CTO 室の恩田です。 現在は一休レストランのフロントエンドのリアーキテクトを手がけています。 今日はその中で Next.js App Router から Remix に乗り換えた話をご紹介したいと思います*1。 背景 6日目の記事で香西から紹介させていただきま... 続きを読む

JavaScript なしで動作するモダンなコードの書き方

2023/11/19 209 users コード JavaScript 書き方 SvelteKit 近年

Next.js、Remix、SvelteKit といった近年のフレームワークは、JavaScript がなくても動作することを一つの価値として提供しています。 例えばSvelteKit のフォームではプログレッシブエンハンスメントとして、JavaScript が利用できる環境ではリッチなユーザー体験を提供しつつ、JavaScript が使えない環境においては HT... 続きを読む

Remix v2へアップデートした時のメモ

2023/10/14 6 users マイグレーションガイド Cloudflare Pages

Remixを使って作ったアプリケーションをRemix v2へアップデートした時のメモです。 Remix v2 | Remix マイグレーションガイド: Upgrading to v2 | Remix アプリケーションは Remix + Cloudflare Pages で動かしてるアプリ。 serverBuildTargetの変更 結構前にテンプレートから生成したアプリだったので、それぞれのビル... 続きを読む

Appleシリコン搭載Mac向けLinuxプロジェクト「Asahi Linux」がFedoraプロジェクトに参加して「Fedora Asahi Remix」をリリースすることを発表

2023/08/07 7 users Fedoraプロジェクト Linux リリース時期 テスト版

Appleシリコン搭載MacでLinuxを動作させることを目指すAsahi LinuxプロジェクトがFedoraプロジェクトに参加してフラッグシップディストリビューションとして「Fedora Asahi Remix」をリリースすることを発表しました。Fedora Asahi Remixのリリース時期は2023年8月末とされており、記事作成時点ではテスト版が公開されて... 続きを読む

個人開発アプリをRemix + Cloudflare D1に移行してみた

2023/08/04 75 users Cloudflare D 個人開発アプリ

この記事は『blessing software 夏のブログリレー企画』の5日目の記事です。 昨日はasukaさん(@a_skua)の「Flutterを用いたWeb開発の今後について考える」が公開されました。 次回はKanonさん(@samurai_se)の「私がエンジニア勉強会を作り、ブログリレーを主催するまで」です！ はじめに 以前、Type Challenges Judgeと... 続きを読む

現状Cloudflare WorkersでGraphQLサーバを構築するならコレ

2023/05/26 18 users GraphQLサーバ プロキシ TCP ベータ オリジンサーバ

結論 Cloudflare WorkersでGraphQLサーバを立てて普通に動く TCPでのデータベース接続も問題ない（ベータなので使ってると何かあるかもしれないが） Node.js互換は完全ではないので、Node.jsが必要な処理はオリジンサーバを用意するのが吉 動機 Cloudflare WorkersはCDN上のプロキシやRemixやNext.jsのレンダリング用の... 続きを読む

やさしくはじめるRemixとWeb

2023/04/23 84 users events React Router 主導 web 資料

この資料は、2023年4月23日に開催された「春のJavaScript祭り Online 2023」にて発表した資料になります。 https://javascript-fes.doorkeeper.jp/events/154047 Remixとは、2021年にバージョン1.0が登場したフルスタックWebフレームワークです。RemixはReact Routerを開発していたチームが主導で開発を行っています。Re... 続きを読む

DX9世代のゲーム「今からでも始められるレイトレがあるんですか！？」往年の名作リマスターMod製作が更に加速する？Nvidia「RTX Remix Runtime」をオープンソースで公開 | Game*Spark - 国内・海外ゲ

2023/04/13 12 users レイトレ パストレーシング Runtime NVIDIA 往年

本ソフトはレイトレーシング対応版『Portal』の制作にも使用された「NVIDIA RTX Remix」の内、ゲームシーンをキャプチャしてパストレーシングやDLSS3、リフレックスといったRTX世代の技術を適用したアセットへと置き換えるツール「RTX Remix Runtime」部分を抜き出したものです。本ソフトを利用することで今までより簡単... 続きを読む

Cloudflare Workers のためのフルスタックツールキット Superflare を試してみた

2023/04/02 12 users Cloudflare Workers ORM 自体 機能 実際

Superflare は Cloudflare Workers 用のフルスタックツールキットです。D1 Database 向けの ORM や R2 Storage 向けのユーティリティなどの機能を提供しています。 Superflare 自体はフレームワークを謳っておりません。実際に、Superflare は Remix、Next.js、Nuxt.js などのフレームワークと組み合わせることで効果を... 続きを読む

新規サービスにRemixを採用したぜ✌️ - Ateam Tech Blog

2023/01/05 6 users 新規サービス

こんにちは。エイチームライフデザイン技術開発室の@aiji42です。 先日、弊社が運営しているイーデスというメディアの関連サービスとして、「イーデス専門家相談Q&A」という新しいサービスをリリースしました。 www.a-tm.co.jp 暮らしとお金に関する悩みや質問をサイトに投稿すると、住宅ローンや資産運用など専門分野ご... 続きを読む

Open Development for Remix

2022/11/13 8 users

Open source and open development don't always go together. I know because I've personally done a lot of open source but not enough open development. OSS Capital's Joseph Jacks, who led our seed round of funding, said something that has stuck with me ever since he said it: You are building somethi... 続きを読む

「Remix」という哲学を学ぼう──学習コストを最小限に抑えるReactベースの注目フレームワークを解説！

2022/11/01 101 users Reactベース React向け クライアント 哲学 サーバー

RemixはReact向けのJavaScriptフレームワークです。サーバーとクライアントをより良く協調させることや、Web標準を尊重することに重きを置いた哲学を持っています。本記事では、Webフロントエンド分野が抱える課題と、それをRemixがどんな特性で解決しようとしているのかを解説していきます。 対象読者 RemixがNext.jsな... 続きを読む

React Router v6.4はClient Side Remix

2022/09/21 7 users React Router client side

1:45 しかない動画なので、動画を見ていただければこの記事はあんまり読まなくてもいいかもです。 さて、動画内では、次の 2 つの機能を <Route> コンポーネントへと統合した話題が語られています。 データ読み込み（Data Loading） 0:00〜 0:28〜 エラーハンドリングの話題もあり データ更新（Data Mutation） 0:52〜 <... 続きを読む

Remixの凄みを紹介したい

2022/05/26 83 users Transcript ISR Prisma Twitter

Transcript 📀 Remix の凄みを紹介したい @aiji42_dev Who am I ? Uejima Aiji | Twitter: @aiji42_dev 🏢 株式会社エイチームライフデザイン 🧘 リードエンジニア 🥑 最近の活動 CloudflareでISRを実現したり CSRなサイトをPrerenderでSSRぽくしたり PrismaからSupabase APIを叩くミドルウェア作っ たり 社内でフロント... 続きを読む

RemixをCloudflare Workersで動かす最初の一歩 | DevelopersIO

2022/05/14 16 users DevelopersIO ビッグニュース デプロイ 最初 森茂

RemixをCloudflare Workersを動かす最初の一歩について、まずはデプロイまでの手順をご紹介します。 はじめに こんにちは、CX事業本部MAD事業部の森茂です。 最近ビックニュース続きのCloudflare使っていますか？とくにCDN エッジを利用したサービスが話題になっており私もわくわくがとまりません:) RemixはCloudflareの... 続きを読む

JAMスタックのNetlify、Denoを採用したサーバレス環境「Netlify Edge Functions」ベータ公開。Deno Deployの分散エッジでNext.js/Nuxt/SvelteKit/Remixなど実行

2022/04/20 75 users Nuxt Netlify deno SvelteKit 実行

JAMスタックのNetlify、Denoを採用したサーバレス環境「Netlify Edge Functions」ベータ公開。Deno Deployの分散エッジでNext.js/Nuxt/SvelteKit/Remixなど実行 Webホスティングサービスを提供するNetlifyは、Denoを採用した新しいサーバレス環境「Netlify Edge Functions」をパブリックベータとして公開しました。 We k... 続きを読む

RemixでAWSサーバレス構成を手軽に作成できるGrunge Stackを試してみた | DevelopersIO

2022/03/26 47 users DevelopersIO

はじめに こんにちは、CX事業本部MAD事業部の森茂です。 先日リリースされたRemix Stacks、Remixチームが公開しているAWSを利用したサーバレス構成のGrunge Stackテンプレートがどのような構成になっているのかを調べるために早速デプロイまでの流れを試してみました。 Grunge Stack Grunge StackはAWSを利用したサーバ... 続きを読む