いいよね！ 西日本の美術館・博物館！ 関西というくくりからは外れちゃうけど、ワイは以下が好き。 SSR：滋賀県立琵琶湖博物館（滋賀県草津市）琵琶湖の「生活の場」としての人文的側面と古代湖としての自然的側面を両方堪能させてくれる超贅沢な博物館。琵琶湖湖畔で営まれた長い年月にわたる人々の暮らしを堪能したあとに、古代湖という環境で育まれた多種多様な固有種が展示されていて、歴史も生物も好きなワイは大歓喜だった。ビワコオオナマズとかイワトコナマズとかホンモロコとかワタカとかニゴロブナとかの琵琶湖固有種、どれもここで初めて見たし、水槽での遊泳の展示だけじゃなくて固有種を使った郷土料理についての展示もあるのがもう文理融合って感じで素晴らしいのよ。さらにさらに古代湖繋がりで世界各地の古代湖の生き物が展示されていて水族館としても楽しめる最高の施設。マラウィ湖の色とりどりの熱帯魚キレイ～～～～～バイカルアザラ
って言うやつ、半分正しいよ。でも半分間違ってる。なんで半分かって、東大生の親の世帯年収1000万以上が大体半分だから。 2人の東大生を例にして比べる。 Aさん 男。埼玉の都市部出身。親の世帯年収1090万。私立小学校から都内の中高一貫男子校に進学する。親が教育熱心で、校舎が学校の近くにあるSAPIXや鉄緑会に通っていた。周りが東大を受けるので、自分もなんとなく東大を目指して無事現役合格。上智大出身の親には喜ばれる。大学には埼玉の実家から通う。週に2回、時給3500円の鉄緑会の塾講師バイトをしている。奨学金は周りも借りてないし、親にも何も言われなかったので借りていない。旅行好きで、年に数回海外旅行に行く。 Bさん 女。九州の田舎出身。親の世帯年収780万。小中と地元の公立校で、習い事はピアノと公文。高校は県内トップの共学公立校に進学する。家や学校の近くに校舎がないので予備校にも通わない。高卒
はじめに App Router はこれまでの React や Pages Router による書き方と大きく異なります。これは、React Server Components（RSC） というアーキテクチャが導入され、開発の考え方が大きく変化したからです。そのため、App Router を理解するためには RSC の理解が必要になります。 しかし、私は RSC の理解に苦戦しました。 この記事は、そんな私が RSC の理解を深めるために様々な記事から学んだ内容を言語化したものです。 まず初めに、CSR や SSR といったこれまでのレンダリング手法について復習し、これらが抱える問題を確認します。その後、その問題を解決する RSC が何者なのか？を理解します。 CSR の復習 React では CSR 戦略が用いられてきました。 CSR では、クライアントが受け取るのは次のような中身のない空
JavaScriptの活躍の場を広げる「ランタイム」の今
執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるHTML＋JavaScriptの基本』など。 監修 山田 祥寛 静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。 主な著書に「独習」シリーズ、「これからはじめるReact実践入門」、「改訂3版 JavaScript本格入門」他、
はじめに こんにちは。サーバーサイドエンジニアの mokuo です。 最近、ミニマムな React アプリを実装する機会がありました。 社内のメンバーにアドバイスをもらいながら、今（2024年前半） React アプリをミニマムに作るならこんな感じかな、という構成になった気がするので、ご紹介したいと思います。 実例の1つとして参考にしていただけますと、幸いです。 はじめに 本文 📝 機能要件 ⚒️ 採用したツール (npm モジュール) 📁 ディレクトリ構成 👨💻 プロトタイピングの実施 🍩 おまけ コンポーネント設計について フロントエンドに DDD のエッセンスを取り入れてみたい おわりに 本文 📝 機能要件 社内の限られた CS メンバーのみが利用する、管理画面を開発しました。 バックエンドは Golang で実装される API サーバーで、認証機能以外だと、2つの機能
「Next.jsで理解するSSRとクライアントルーティングの違い」という名目で社内にて簡単に勉強会を行いました。本記事は、その内容を適宜編集して公開するものです。 TL;DR 以下の要約を読んで、「なんだその話か」って思った方は引き返していただいて大丈夫です。逆に「えっそうなの・・・？」と思った方は、ぜひ読んでください！ Next.jsアプリケーションにおいて、/hogeと/fugaというページがあり、それぞれgetServerSideProps()が定義されているとします 最初ブラウザで/hogeを開いたとき、Next.jsアプリケーションはブラウザから/hogeへのGETリクエストを受け取り、getServerSideProps()を実行します 次に/hogeから/fugaへrouter.pushで遷移すると、Next.jsアプリケーションはブラウザから/fugaへのGETリクエストを
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
いいよね！ 西日本の美術館・博物館！ 関西というくくりからは外れちゃ..
東大生どうせ親ガチャSSRだし国公立で学費安いし値上げしろよ
React Server Componentsを理解したい
ミニマムな React Web アプリケーションの技術スタックを大公開！ - inSmartBank
【図解】Next.jsで理解するSSRとクライアントルーティングの通信の仕組み