Next.jsからSPAに移行し、Next.jsに戻した話 - Hello Tech

2024/12/02 89 users AutoReserve Hello Tech ハロー 変遷

グローバルなレストラン予約サービス、AutoReserveの開発をしているjavascripterです。 今回は、ハローでのautoreserve.comのアーキテクチャの変遷についてお話しします。 概要 AutoReserveは最初Next.jsで構築され、その後SPAに移行し、最終的に再びNext.jsに戻るという珍しい技術選択をしています。 この記事では、各... 続きを読む

月刊PANJA史上、最も重要な漫画、ただ1つ

2024/10/23 15 users 久住昌之 谷口ジロー 作画 例外 月刊

孤独のグルメ(原作:久住昌之、作画:谷口ジロー)　この作品を世に出したという意味で、この雑誌には存在意義があった。(2巻収録分は「SPA!」掲載) 月刊でも週刊でも、総合誌で連載された漫画って、世に知られないままになってしまうのが非常に多いのだが、これは幸福な例外と言っていいだろう。 他の総合誌連載だと何かあ... 続きを読む

自民党総裁選で注目の石破茂 ×立民・ 野田佳彦が対談で語った「きちんと議論する国会を取り戻す」覚悟 | 日刊SPA!

2024/09/27 186 users 野田佳彦 日刊SPA 舌戦 対談 自民党総裁選

岸田文雄首相が不出馬を表明したことで注目を集める自民党総裁選2024。これに立憲民主党の代表選も加わり、連日、候補者の舌戦が各メディアで報じられている。そうした注目候補の中に、自民党総裁の有力候補・石破茂氏と先日、立憲民主党代表選に出馬表明した野田佳彦氏がいる。 実は、SPA!では約1年前にイチ早くこの2人... 続きを読む

TanStack Routerでサクッと始める型安全ルーティング

2024/09/01 7 users ルーティング ドキュメント calloc134 開発 使い方

はじめに こんにちは。calloc134 です。 自分は普段 React を利用してフロントエンドの開発をしています。 SPA のルーティングを実装する上で、TanStack Router を利用することが多いです。 この使い方について、簡単にまとまったドキュメントが思ったより少なく感じたため、まとめていきたいと思います。 TanStack Rout... 続きを読む

役者・東出昌大が再婚！「子宝に恵まれました」 | 日刊SPA!

2024/08/27 266 users 子宝 日刊SPA 東出昌大 役者 YouTube

スキャンダル以降、半分山での生活を送り、役者と猟師という肩書を持ち、活動している東出昌大。最近ではYouTubeをはじめ、SPA!でも「誰が為にか書く」を連載し、さまざまな情報発信をしていた。その東出昌大がこのたび、結婚＆妊娠を報告するという。 本稿では、東出昌大自身が綴った文章で、その想いを公開！　結婚＆... 続きを読む

Rails: HotwireとSPAを比較するなら実装コストの違いに注意（翻訳）｜TechRacho by BPS株式会社

2024/07/17 21 users Jorge Manrubia 許諾 Rails 原著者 概要

概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: The popover drama 原文公開日: 2024/06/02 原著者: Jorge Manrubia 日本語タイトルは内容に即したものにしました。 インターネット接続が遅い環境でHEYカレンダーのポップオーバーの読み込みが遅くなる様子が以下でツイートされたことがきっかけで、ポップオ... 続きを読む

SPAのアプリケーションで、外部のIdPを使ってOpenID Connect によるログイン機能を開発しようと考えています。IDトークンの保存先として、ブラウザのCookieかサーバーのDBに保存するかの2つの案

2024/06/03 182 users IdP サーバーサイド OpenID Connect 背景

SPAのアプリケーションで、外部のIdPを使ってOpenID Connect によるログイン機能を開発しようと考えています。IDトークンの保存先として、ブラウザのCookieかサーバーのDBに保存するかの2つの案があると思っています。調べた限り、サーバーサイドで持つべきという意見が多いように見えますが、以下のような背景がある中... 続きを読む

SPAは万能じゃない。「革新的」と言われているPWAはどこがすごいのか？ | レバテックラボ（レバテックLAB）

2024/05/20 12 users Pwa レバテックラボ レバテックLAB 万能

執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるH... 続きを読む

HonoでAPIだけ作って素のReact DOMでSPAを書くアーキテクチャ

2024/02/28 9 users hono アーキテクチャ Demo workerd デプロイ

という構成を手軽に作れるようになっていて便利でした これを軸に素のReact APIを触って遊ぶ環境が作れそうです(Server APIもworkerdで動く範囲なら使えるかも?) とりあえず以下のソースコードでデプロイまでできるかを試しました プロジェクトのベースはnpm create hono@latestで作りました DEMO: https://hono-spa-rea... 続きを読む

Dockerを使わない、Remix / Next.js 14 など最新ウェブフレームワークのAWS完全サーバーレス構成と環境構築方法 | ブログ | Serverless Operations

2024/02/14 150 users Docker Remix SSR 主流 AWS Lambda

Remix / Next.js 14 など最新ウェブフレームワークをAWS Lambda にデプロイして、固定費のかからない完全サーバーレスな環境を構築する方法を紹介します。Dockerを使わなくてもできます。 SPA（Single Page Application）が主流だったフロントエンド開発トレンドがSSR（Server-side rendering）とエッジコンピューティン... 続きを読む

ロピア「食のSPA」安く楽しく　店長名ばかり現場に全権 - 日本経済新聞

2024/02/04 16 users ディスカウントスーパー ロピア 物価高 全権 チープ

物価高のなか、ディスカウントスーパーのロピア（川崎市）が急成長している。1キロを超える大容量で割安な肉、具が大胆にはみ出した巻きずしなど、個性的な商品の数々。店長は名ばかりで、各売り場のチーフが「個人商店主」として大きな裁量を持つなど経営もユニークだ。グループ会社100社、売上高2兆円の大目標を掲げる... 続きを読む

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

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

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

カタール「あぜん」 イスラエル首相による「批判」音声浮上で

2024/01/25 7 users カタール イスラエル首相 ＯＩＣ 批判 ハマス

サウジアラビア・リヤドで、アラブ連盟とイスラム協力機構（OIC）が開催したイスラエルとハマスの衝突をめぐる緊急合同首脳会議に出席するカタールのタミム・ビン・ハマド・サーニ首長。サウジ通信（SPA）提供（2023年11月11日撮影）。(c)AFP PHOTO / HO/ SAUDI PRESS AGENCY 【1月25日 AFP】イスラエルのベンヤミン・ネ... 続きを読む

業務システム SPA のフロントエンド技術選定（2023年版） - KAKEHASHI Tech Blog

2023/12/13 150 users フロントエンド技術選定 業務システム 2023年版

本エントリはカケハシ Part 2 Advent Calendar 2023の13日目の記事です。 （Part 1もおもしろい記事がいっぱいあるので、ぜひご覧ください。） はじめに こんにちは。カケハシでソフトウェアエンジニアをしている平松です。 今年、新規プロダクト立ち上げの機会があり、その際に行ったフロントエンドの技術選定について... 続きを読む

静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能

2023/09/11 250 users 静的サイトジェネレータ アニメーション 画面遷移 astro

静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 3.0」が正式にリリースされました。 Astro 3.0 is out now! 30% faster and more powerful than ever.... 続きを読む

[GTM] GA4によるSPA計測の罠と対策 | アユダンテ株式会社

2023/07/03 5 users GTM カスタムディメンション アユダンテ株式会社 GA4

SPAでのGA4計測はやや複雑で「カスタムディメンションの値がおかしくなる」「二重ページビュー計測の発生」「GTMは完璧に設定したのに計測できない」など幾つもの罠が潜んでいます。本記事ではこれらの問題が発生する理由と対策方法を解説します。 対策のみ知りたい方はSPAの罠を回避するための仮想ページビュー計測設定... 続きを読む

useEffectをやめて、Suspenseを使おう

2023/05/05 132 users Suspense useEffect SWR React 開発

Reactコンポーネントの開発時、データフェッチは欠かせません。 SPAで開発を行う時、あなたも含めてuseEffect()を使ったことがあるはずです。 あなたがSWRやReact Queryの代わりにuseEffect()を使う理由は、いくつかあるのでしょう。 そんな方のために、Reactが提供する<Suspense>を使ってデータフェッチを行う方法を紹... 続きを読む

Next.js 13.3

2023/04/06 11 users Next.js robots static favicons

Next.js 13.3 adds popular community-requested features, including: File-Based Metadata API: Dynamically generate sitemaps, robots, favicons, and more.Dynamic Open Graph Images: Generate OG images using JSX, HTML, and CSS.Static Export for App Router: Static / Single-Page Application (SPA) support... 続きを読む

バックエンドエンジニアがNext.jsのApp Directoryに夢を見る - ぷらすのブログ

2023/01/06 17 users プラス App Directory Next.js ＣＳＲ

SPA に移行しづらいシステムたちレンダリングの移り変わりCSR を有効活用しづらい事業領域App Directory によって Next.js は他と対等な選択肢になりうるServer Component がデフォルトの世界React のエコシステムの恩恵を受けられるようになるどういうアーキテクチャになるか1. モノリスから Frontend サーバを分離する... 続きを読む

Web フロントエンドの実装において本来の機能を損なってはいけない

2022/12/25 211 users 実装 フロントエンド 本来 web 機能

2022.12.24 昨今の Web フロントエンドの開発においては、React や Vue.js などを利用した SPA を採用することが多くなりました。従来の MPA と比較して、リンククリック時やフォーム送信時にページリロードを挟まないので、高速な画面遷移を実現できるため、快適な操作を実現できます。 一方、データの取得・ルーティン... 続きを読む

円安で勢い失う韓国「ノージャパン」運動、日本ビール輸入倍増・ユニクロ新店舗続々オープン（朝鮮日報日本語版） - Yahoo!ニュース

2022/12/09 11 users Yahoo 朝鮮日報日本語版 運動 ニュース 余波

記録的な円安現象に「ノージャパン（NO JAPAN）」運動が勢いを失いつつある。日本製品不買運動の余波でふらついていた企業が円安のおかげで売上を伸ばし、実績が回復し始めたのだ。 【写真】 「ノー・ジャパン」の悪夢乗り越えよみがえるユニクロ 日本の有名製造小売業（SPA）ブランド「ユニクロ」の韓国における運営会... 続きを読む

「SPAのタブ永遠に開きっぱなし問題」を更新ボタンを設置せず解決した - 橋本商会

2022/12/07 13 users 橋本商会 更新ボタン 問題

こんにちは。強いUIはボタンを捨てるをスローガンにScrapboxを開発しています。shokaiですshokai.icon Helpfeel Advent Calendar 2022の5日目の記事です 昨日はHelpfeelエンジニアのyado.iconさんでした 採用面接中にチャーハン・ピラフ判定器とスタバ警察botで盛り上がる会社に入った | 株式会社Helpfeel ヨコハマハウ... 続きを読む

MPA化するSPAとSPA化するMPA

2022/09/21 160 users MPA SPA化

2022/9/21 Techfeed カンファレンスで発表した MPA化するSPAとSPA化するMPA の話です。 続きを読む

PHPカンファレンス2022にてSPAセキュリティ超入門の話をします

2022/09/09 12 users SPAセキュリティ超入門 PHPカンファレンス2022

今年もPHPカンファレンスにてトークさせていただくことになりまして、以下のようなお話をいたします。 日時：9月25日(日) 14:40〜15:40 場所：大田区産業プラザPiO  および YouTube 費用：無料 講演タイトル：SPAセキュリティ超入門 申し込み: connpass アジェンダ: SPA(Single Page Application)の普及が一層進んでおり... 続きを読む

丸山眞男2.0 on Twitter: "【SPA！7月26日発売号 巻頭記事 石戸諭氏】 お、SPA！も統一教会きたか、と思ったらトンでもない忖度記事で腰を抜かしました。 ここまでの忖度記事は滅多にお目にかか

2022/07/27 6 users 石戸諭氏 統一教会 ドン 旧統一教会 一致

【SPA！7月26日発売号 巻頭記事 石戸諭氏】 お、SPA！も統一教会きたか、と思ったらトンでもない忖度記事で腰を抜かしました。 ここまでの忖度記事は滅多にお目にかかれません。 「結果的に安倍氏と旧統一教会の方向性がたまたま一致… https://t.co/2pAKFgWOEs 続きを読む