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... 続きを読む

ロピア「食の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 続きを読む

76. モダンウェブフロントエンド(2022)に至る歴史 - React Server Component、SSR Streaming w/ morishin127 | fukabori.fm

2022/07/10 18 users SSR ＣＳＲ fukabori.fm エピソード 出演者

MP3ファイルをダウンロード 内容紹介 2022年のモダンウェブフロントエンドまでに至る歴史、SPA、CSR、SSR、SSR Streaming、React Server Component などについて語っていただいたエピソードです。 出演者 2022年のモダンウェブフロントエンドまでに至る歴史、SPA、CSR、SSR、SSR Streaming、React Server Component など... 続きを読む

神崎ゆき on Twitter: "AV新法が可決されるまで、適正AV業界の5団体である《IPPA、日本映像制作・販売倫理機構、コンピュータソフトウェア倫理機構、SPA 、JPG》のいずれにも一切のヒアリングが

2022/06/22 6 users IPPA jpg ヒアリング AV新法 https

AV新法が可決されるまで、適正AV業界の5団体である《IPPA、日本映像制作・販売倫理機構、コンピュータソフトウェア倫理機構、SPA 、JPG》のいずれにも一切のヒアリングが無かったそうです。だから、本来は事前に分かっていたはずの… https://t.co/AUyIK9Kmc8 続きを読む

ゆめみのフロントエンドコーディング試験の題材で React の勉強をしました - Mitsuyuki.Shiiba

2022/06/11 235 users Mitsuyuki.Shiiba React ツイッター

ちょっと前にツイッターで見かけた、ゆめみのフロントエンドコーディング試験 フロントエンドコーディング試験 「RESAS API を使用して、都道府県別の総人口推移グラフを表示するSPAを作る」っていうお題 React の勉強をするのにちょうどいい題材だなぁって思ったのでやってみた。課題を公開してるってことは「やってみ... 続きを読む

Next.js に Service層 を導入する

2022/06/03 9 users Next.js backend しない 本稿 要件

本稿は、Next.js で「getServerSideProps や API Routes」を利用するアプリケーション向け内容になります。重厚な作りになるので、要件に適合する・しないはあると思いますので、あしからず。 Next.js は薄いフレームワーク Next.js は SPA 配信の最適化にフォーカスしており、Backend の機能面が十分とは言えません。pa... 続きを読む

Navigation API による「JS での画面遷移」と SPA の改善 | blog.jxck.io

2022/04/21 226 users jxck.io 画面遷移 ミッシングピース 改善 MPA

Intro 従来の History API を改善する Navigation API の仕様策定と実装が進んでいる。 これは、 History API の使いにくかった部分を補うだけではなく、「JS で画面遷移をする」という現状のミッシングピースに取り組み、 SPA が抱える多くの問題だけでなく、 MPA すら改善する可能性のある API だ。 この API の目的と... 続きを読む

なぜ僕が「SPAはコストが高い」と考えているのか

2022/03/30 464 users よね フロントエンドエンジニア 彼ら 発言 コスト

どうもみなさんこんばんは ちょっと前に「個人開発者やスタートアップの初期からSPAで開発するのはコスト高いっすよね」みたいな事を書いたらフロントエンドエンジニアの皆様からバチバチに叩かれた僕です 彼らには彼らの考えがあるのでそれはどうでもいいのですが、どういう理由があってその発言をしたのか～と言う部分... 続きを読む

SPA認証トークンはlocalStorageでもCookieでもない、Auth0方式はいいねというお話 - @mizumotokのブログ

2022/03/28 476 users localStorage auth イイネ cookie 論争

SPA認証トークンをどこに保存するかは論争が絶えません。localStorageやCookieがよく使われますが、Auth0は違う方法を採用しています。この記事では、Auth0のトークン管理の方式を理解でき、トークン管理上のセキュリティへの理解を深めることができます。 SPAの認証トークンをどこに保存するか ブラウザでトークンを保... 続きを読む

React SPA の技術選定で考えたこと（atama plus のケーススタディ）

2022/03/17 11 users ケーススタディ Django React 技術選定 軌跡

atama plus の osuzu です。 atama plus では、これから段階的に Web ベースプロダクトのフロントエンド開発に React を用いて SPA(Single Page Application) にリプレイスしていきます。 参考: 技術課題のないプロダクトなんてものはない！Django→React リプレイスの意思決定に至る atama plus 流の軌跡 この記事では S... 続きを読む

Rails 7 + Hotwireで実用的なSPAを作ってみた - Studyplus Engineering Blog

2022/02/21 14 users Hotwire Rails 7

こんにちは、サーバーグループの市川です。モバイルクライアントグループに所属していましたが、バックエンドの開発を担当することが多くなったので、サーバーグループ異動にしました。 最近、Studyplusブックというサービスをリリースしました。Studyplusアプリ内で、200冊以上の参考書が読み放題で使えるサービスです... 続きを読む