Webナビゲーションの歴史 | ダーシノ(@bc_rikko)
Webナビゲーションの歴史 Webのナビゲーションは単なる技術的な進化ではなく、ユーザー体験と開発モデルの変化とともに再設計されてきた。URLや履歴、画面状態をどのように一致させるかという問題への解答の変遷だ。 Webの初期 Webの初期は、文書閲覧システムとして設計された。 ページごとにひとつのURLが割り当てられ、ユーザーはハイパーリンクをクリックしてページを移動していた。そのため、ページ遷移の際は常にフルリロードが行われた。 <a href="./toc.html">Table of Contents</a> <a href="./about.html">About me</a> Ajaxの登場 2000年代前半にXMLHttpRequestが登場し、URLはそのまま（ページ遷移しない）でページの一部を更新できるようになった。 しかし、画面の状態とURLと履歴が分離した。（代表的なサ
Just Fucking Use React
JUST FUCKING USE REACT (OR ANY FRAMEWORK, YOU GODDAMN LUDDITE)ContentWhat the fuck is this about?Why the fuck would I ditch my "pure HTML" Nirvana for this JavaScript sorcery?Components, motherfucker! Do you speak it?Smarter UI updates, so you don't have to be a fucking DOM-manipulating peasant.Accessibility at scale? Good luck with your "semantic" div soup and prayers, asshole.Developer experienc
Hono "だけ" で作るミニマルな SPA
こちらはフロントエンドもバックエンドもHonoのみで作成したアプリです。 以下のように、JSXやState、TailwindCSSを使用できて、普段Next.jsを使っている私も大きな違和感なく快適に開発できました。 とても体験が良かったので、記事にまとめさせていただきます。 function App() { const [model, setModel] = useState(""); const [input, setInput] = useState(""); ... const onSubmit = async (e: SubmitEvent) => { e.preventDefault(); if (!model.trim()) return; ... return ( <div class="space-y-4"> <div class="flex items-center s
RSCがSPAに与える意味についての考察、Wakuを試してみませんか？
こんにちは、Wakuの作者です。RSCのためのReactフレームワークであるWakuですが、SPAもサポートしたいと思っています。RSCとSPAに関して思ったことを雑多ですが記事にしたので、よろしければご覧ください。 以下、ChatGPTによる翻訳です。 はじめに RSCはReact Server Componentの略ですが、この投稿では以下の2つの主要な要素を含む広義のアーキテクチャとしてRSCを使用します。 コア機能：Reactコンポーネントやその他の値をシリアライズおよびデシリアライズする能力。 コア機能に基づくベストプラクティス：まだ探索の余地があると感じています。 SPA（Single Page Application）は、静的ファイルとしてデプロイされることが多いです。別のサーバーが存在する場合もありますが、それは通常SPA自体を提供するためのものではありません。この文脈では
【レンダリング大全】CSR, SSR, SPA, MPA, PPRの意味、そもそもレンダリングとは【2025年始】
はじめに フロントエンド開発 においてレンダリングという言葉はさまざまな場面で登場します。さらに、Server-Side Rendering(SSR)のように「レンダリング」という言葉が名前に含まれているものを含め、Single-Page Application(SPA)など、レンダリングに関連した議論でよく使われる用語も数多く存在します。 そして、これらの用語の意味はフロントエンドの技術の進化に伴い、徐々にニュアンスが変化してきているように感じています。 他のエンジニアとこれらの用語について話す中で、「自分はそれをSSRとは呼ばない」「SPAにはいくつかの意味があるよね」といった意見を耳にし、人によって解釈が異なることを実感しました。 では SSR や SPAなどといった用語は今日どういった意味で使われているのでしょう。そもそも、「レンダリング」とはどういう意味なのでしょうか。SSR に
フロントエンドの新規開発でNext.jsの採用を見送った話 - バイセル Tech Blog
※こちらはバイセルテクノロジーズ Advent Calendar 2023の10日目の記事です。 前回の記事は、金澤さんのAuth0とEntra IDを扱うプロダクト同士を繋げるためのIstio設定あれこれでした。 はじめに こんにちは、開発3部の神保です。 バイセルでは、お客様宅への出張訪問による買取が買取チャネルの主力となっています。現在開発3部の弊チームでは、この出張訪問買取で使用されるWebアプリケーション「Visit」の新規開発を進めています。 VisitのフロントエンドにはReactを採用しましたが、Next.js等のフレームワークは使用せず、Vite + ReactによるSPA (Single Page Application)構成を選択しました。 技術選定の過程では、社内での採用事例などからNext.jsも検討の対象となりましたが、最終的にはその採用を見送る結論に至りました
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
