次世代フレームワーク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 + 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」という哲学を学ぼう──学習コストを最小限に抑えるReactベースの注目フレームワークを解説！

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

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

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を利用したサーバ... 続きを読む

RemixをCloudflare Workersで動かす & KVでデータをキャッシュする

2021/11/26 15 users workers プロンプト START コマンド テンプレート

プロンプトで使用するテンプレートを聞かれますが、ここでCloudflare Workersを選択します。 ローカルでの開発 Cloudflare Workersのテンプレートではnpm run startというコマンドが用意されています。このコマンドを実行するとMiniflareというWorkersのローカルシミュレーターが立ち上がります。 このローカルシミュレ... 続きを読む

Cloudflare WorkersでSSRができると何が嬉しいか

2021/11/24 27 users SSR Cloudflare Workers React

Next.jsの対抗馬となりそうなReactのフレームワークでRemixのv1.0がリリースされました。 個人的にRemixでいちばん魅力を感じているのはCloudflare WorkersでSSRができるという点です（現状ではNext.jsをCloudflare Workers上でSSRするのは難しい）。これがなぜ嬉しいのかと言うと、パフォーマンスを出しつつ、低コスト... 続きを読む

Remix という 考え方

2021/11/23 157 users MICHAEL フレームワーク React Router

こんにちは、@kaa_a_zu です。本日(11/23)日本時間早朝に React Router の制作者である @Ryan氏 と @Michael が着想した Remix V1.0 が正式リリースされました🎉 RemixがWebの世界に及ぼす影響はかなり大きいと思っており、実際のコードやドキュメントを見ながら既存のフレームワークと何が異なっているのかを中心に書い... 続きを読む

触ってみてわかったNext.jsと比べた時のRemixの特徴

2021/11/23 14 users ISR SSG react-router Next.js 特徴

Remixとは react-routerというライブラリーの開発元が作ったReact製のフレームワークで、Next.jsと同じようにファイルベースでルーティングできます。 そうなると、Next.jsと一体何が違うのかと感じている人も多いと思うので、 この記事ではNext.jsと比べた時のRemixの考え方の違いをまとめたいと思います。 SSGやISRは... 続きを読む

ReactベースのあたらしいフレームワークRemixをためしてみた | DevelopersIO

2021/11/23 96 users invent DevelopersIO OSS AWS 森茂

OSSとしてリリースされたばかりのReactベースのフルスタックWebフレームワークであるRemixをためしてみました。 はじめに こんにちは、CX事業本部MAD事業部の森茂です。 re:Inventを前にAWSの情報も気になるところですが、フロントエンド界隈もReact Conf 2021を前にReact v18 betaをはじめ、Next.js v12やReact Router ... 続きを読む