【初学者向け】CSR / SSR / SSG / ISRとは？架空アプリでレンダリング手法の違いを理解しよう！ - RAKUS Developers Blog | ラクス エンジニアブログ

2024/09/27 24 users ISR SSG クライ ラクス SSR

初めまして！新卒1年目のmochi_proteinと申します。 CSR / SSR / SSG / ISRがどのような概念か、 架空アプリを例として、それぞれの違いを初学者向けにやさしく解説していきます！ 🔖目次は以下の通りです🔖 はじめに 架空アプリ「楽楽鮮魚」の仕様 前提知識 レンダリングとは？ 動的にHTMLを生成するとは？ CSR（クライ... 続きを読む

【Next.js14】CSR・SSR・SSG・ISRの違いと実装方法 - Qiita

2024/03/08 28 users HTML クライアント サーバー リクエスト Next.js

Next.jsでは、レンダリング手法をCSR・SSR・SSG・ISRの中から選ぶことができます。 本記事では、それぞれの特徴に触れつつ、実装方法を紹介します。 CSR （Client Side Rendering） クライアントからのリクエストに対して、サーバーは空のHTMLとJavaScriptを返します。 このJavaScriptがブラウザ上で実行されることによ... 続きを読む

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

2023/01/06 17 users プラス App Directory Next.js SPA

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

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

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

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

Next.jsのISRを独自に実装する ~ レンダリングミドルウェアによるCSR/SPAサイトの高速化編 ~

2022/06/28 7 users 前提 全体像 概要図 ISR コンテンツ

この記事では、上で紹介しきれなかった、CSRなページ・SPAなコンテンツをスタティックなページに変換して配信するということについて紹介していきます。 前提となる情報は上の記事で述べられているため、まずはそちらをご覧ください。 全体像 上の記事にでも説明されていた概要図をそのまま引用しています。 本記事で説... 続きを読む

モダンウェブフロントエンド勉強会を開催しました - クックパッド開発者ブログ

2022/06/21 29 users クックパッド開発者ブログ ISR SSG React SSR

こんにちは、クックパッドで最近はモバイルアプリを離れもっぱらウェブアプリを作っている @morishin です。 先日、社内で「モダンウェブフロントエンド勉強会」と題して React, Next.js, Core Web Vitals, SSR, CSR, SSG, ISR, SSR Streaming, React Server Component といったキーワードに触れつつ、昨今のウェブ開発... 続きを読む

Remixの凄みを紹介したい

2022/05/26 83 users Remix Transcript ISR Prisma SSR

Transcript 📀 Remix の凄みを紹介したい @aiji42_dev Who am I ? Uejima Aiji | Twitter: @aiji42_dev 🏢 株式会社エイチームライフデザイン 🧘 リードエンジニア 🥑 最近の活動 CloudflareでISRを実現したり CSRなサイトをPrerenderでSSRぽくしたり PrismaからSupabase APIを叩くミドルウェア作っ たり 社内でフロント... 続きを読む

経団連：新型コロナウイルス対策に関する緊急提言 (2020-03-30)

2020/03/30 13 users 経団連 パンデミック 緊急提言 新型コロナウイルス対策 提言

トップ Policy(提言・報告書) CSR、消費者、防災、教育、女性 新型コロナウイルス対策に関する緊急提言 Policy(提言・報告書)　CSR、消費者、防災、教育、女性 新型コロナウイルス対策に関する緊急提言 新型コロナウイルス感染症のパンデミックに伴い、企業活動や人々の日常生活は一変した。感染拡大を抑制するための移... 続きを読む

SDGsにおける企業経営戦略とSDGsウォッシュの壁 | CSRのその先へ | ESG/SDGs/サステナビリティ

2019/02/04 5 users ＳＤＧｓ サステナビリティ ESG 建前 SDGs推進

SDGsと経営戦略 人でも企業でもCSR／サステナビリティでも、本音と建前があるものです。 先日「コンサルタントも陥る企業の罠「SDGsウォッシュ」とは」という記事を書きましたが、反響がそれなりにありましたし、今、まさにSDGsウォッシュな事例が増えている印象があります。私のようなSDGs推進をサポートする側が“こじ... 続きを読む

loadable-components + TypeScriptでSSRとCSRに対応したdynamic importを実現する - 技術探し

2018/10/15 14 users TypeScript Babel SSR 結論 技術

react-loadableをSSRで使う場合にハマった所が多かったのでまとめました。 PR 結論と注意点 loadable-components react-loadableからloadable-componentsへ 問題点 書き方 dynamic import Client Renderer Server Renderer 関連記事 PR github.com 結論と注意点 babel-pluginであるloadable-components/babelは必ずしも... 続きを読む

ReactNativeで作ったIOSアプリを公開するまでに必要な手順 - Qiita

2017/10/20 74 users Apple Qiita ReactNative キーチェーン

全体の手順 自分のPC上で、秘密鍵／公開鍵ペアを生成する CSR（Certificate Signing Request - 証明書署名要求）を、(1)の公開鍵を付けてAppleに送る (2)の公開鍵を含む証明書を作り、認証局の秘密鍵で暗号化 (3)の証明書をダウンロードし、キーチェーンへ登録 App IDを登録 プロビジョニングファイルの作成 プロビジョニングファイルをダウンロードし登録 ビルド... 続きを読む

企業の社会貢献活動と災害からの復興支援 - CNET Japan

2017/02/22 9 users 災害 復興支援 CNET Japan 社会貢献活動 企業

2016年10月、日本経済団体連合会（経団連）の1％クラブから「2015年度社会貢献活動実績調査結果」が発表された。 本調査は、1991年から毎年実施されているもので、経団連加盟企業の社会貢献活動に関する実績をまとめたものだ。あくまで経団連加盟企業という大手企業が対象ではあるが、企業セクターにおけるCSRや社会貢献活動への取り組みの動向を把握する1つの情報としてご紹介したい。 調査内容は、社会貢献... 続きを読む

「子連れで会議」は当たり前！日本の20年先を行く、ユニコーン企業のダイバーシティ推進｜ギーク アメリカ vol.5 | i:Engineer(アイエンジニア)｜パーソルテクノロジースタッフのエンジニア派

2017/02/16 7 users 決まり文句 Engineer パーソルテクノロジースタッフ

2017.02.16 「子連れで会議」は当たり前！日本の20年先を行く、ユニコーン企業のダイバーシティ推進｜ギーク アメリカ vol.5 日本でもすっかり浸透してきた「ダイバーシティ」というフレーズ。大手企業のウェブサイトでCSRの情報欄を見ると、決まり文句のように“ダイバーシティ推進”と記載があります。 でも、それって実際にはどれくらい実現できているのでしょうか？企業によっては、目標として掲げな... 続きを読む

失敗しないプロジェクトマネージャーは「管理」より「編集」スキルを持っている プロジェクト・エディティング（PE）の手法を解説｜ビジネス+IT

2017/02/06 9 users ビジネスパーソン キャリア 手法 プロジェクトマネージャー

社会の「プロジェクト化」はますます進んでいく 現代を生きる多くのビジネスパーソンの皆さんは、ほとんどの場合、何らかの「プロジェクト」に参画しているのではないでしょうか。 実際に私も、これまでさまざまなプロジェクトに関わってきました。プロジェクトマネージャー（PM）としてのキャリアをスタートさせたのは、2006年に某自動車メーカーの販売店支援およびCSR（企業の社会的責任）事業に参画したときでした。... 続きを読む

[ご報告]取材記事のステルスマーケティングの疑いについて | CSRのその先へ

2015/09/03 60 users ハフィントンポスト 誤解 ステルスマーケティング 執筆経緯

取材記事について このたびは、私（安藤光展）の執筆した取材記事について、読者の皆様、関係者の皆様に誤解を与えてしてしまい、大変申し訳ありませんでした。 私が執筆した取材記事の執筆経緯をご報告させていただきます。 先日（8月25日朝）、ニュースメディアのハフィントンポストへ、取材記事『企業内社会起業の4年の最新記事 [ご報告]取材記事のステルスマーケティングの疑いについて 2015/09/02 CS... 続きを読む

イケアにあって､日本企業にはない経営哲学 | ここが変だよ!日本のCSR | 東洋経済オンライン | 新世代リーダーのためのビジネスサイト

2015/05/25 16 users イケア 懸け橋 経営哲学 東洋経済オンライン ロンドン

下田屋 毅 しもたや たけし Sustainavision Ltd. （サステイナビジョン）代表取締役 英国ロンドン在住CSRコンサルタント。日本と欧州とのCSRの懸け橋となるべくSustainavision Ltd.を2010年英国に設立。ロンドンに拠点を置き、CSRコンサルティング、CSR研修、CSR関連リサーチを実施。 1991年大手重工メーカー入社。労働安全衛生主担当として、｢安全衛生管理... 続きを読む

Appleの最新「サプライヤー責任報告書2015」に学びが多かった件 | 安藤光展

2015/02/26 6 users Apple NGO 労働慣行 人権 プロセス

■AppleのCSR世界のトップ企業の一つでもあるApple社が、CSR（企業の社会的責任）報告である「サプライヤー責任報告書2015」を発表しました。・サプライヤー責任｜Appleサプライヤー責任とは、製品製造のプロセスにおける社会的責任関連の情報のこと。最近のNGOは「環境」や「労働慣行・人権」に不備があると本気で戦いにくるので、Appleも積極的に情報開示しています。秘密主義の会社なのに。過... 続きを読む

食品・飲食（外食）のCSRは「食の安心安全」だけでいいのか？ | CSRのその先へ

2015/02/22 5 users その先 外食 ペヤング 不祥事 飲食

食品・飲食・外食のCSRとは何か 安全・安心に絶対はありません。 2014年、2015年と様々な食品・食に関わる企業の不祥事がありました。例えばマクドナルド、まるか食品（ペヤング）などが代表例です。 一部では、異物混入などは消費者の故意の混入の可能性もあるとして、企業の責任ではないという意見もありますが、『この数字で世界経済のことが10倍わかる-経済のモノサシと社会のモノサシ』（技術評論社）。20... 続きを読む

これからの日本は｢CSR｣で稼いでいける | 日本にはロビイングが足りない！ | 東洋経済オンライン | 新世代リーダーのためのビジネスサイト

2015/02/12 18 users ロビイング 東洋経済オンライン 新世代リーダー 日本

桑島：経済産業省では昨年（2014年）の7月に新しく「ルール形成戦略室」というチームが設置されました。田村さんは、設置と同時に現在のポジションに着任され、以来、「ルール形成戦略」をリードされています。 これまでは、WTOやEPAなどの交渉を通じて、海外市場の関税・非関税障壁を除去・軽減することで日本企業の海外展開を支援してきたわけですが、これからはそれだけではなく、新しい役割を経済産業省が担ってい... 続きを読む

日本企業は､｢水リスク｣への意識が低すぎる | ここが変だよ!日本のCSR | 東洋経済オンライン | 新世代リーダーのためのビジネスサイト

2015/01/26 25 users 懸け橋 東洋経済オンライン 新世代リーダー 意識 ロンドン

下田屋 毅 しもたや たけし Sustainavision Ltd. （サステイナビジョン）代表取締役 英国ロンドン在住CSRコンサルタント。日本と欧州とのCSRの懸け橋となるべくSustainavision Ltd.を2010年英国に設立。ロンドンに拠点を置き、CSRコンサルティング、CSR研修、CSR関連リサーチを実施。 1991年大手重工メーカー入社。労働安全衛生主担当として、｢安全衛生管理... 続きを読む

Bluetoothを高音質/低遅延化する「aptX」。CSRが説明 - AV Watch

2014/12/02 57 users aptX DLNA Spotify Bluetooth 高音質

ニュース Bluetoothを高音質/低遅延化する「aptX」。CSRが説明 Spotify対応の新ソリューション「VibeHub」も （2014/12/2 17:26） CSRは、Bluetoothの高音質コーデック「aptX」や低遅延技術「aptX Low Latency」など、ワイヤレスオーディオに関する記者向け説明会を開催した。aptXのほか、DLNAやSpotifyなどに対応した、新ホー... 続きを読む

日本のモノづくりを支えるキャンパスノート工場はコクヨのこだわりが満載 - GIGAZINE

2014/11/26 30 users GIGAZINE コクヨ キャンパスノート https 開発

日本人の約90％が使用したことのある「キャンパスノート」は開発や企画者の徹底的なこだわりがこめられているわけですが、製本過程においてもコクヨのモノづくりに対するこだわりが垣間見えるとのことなので、実際にキャンパスノートがある「コクヨ工業滋賀」に行って、製造工程を見学させてもらいました。 工場見学のご案内 ｜ コクヨ工業滋賀 https://www.kokuyo-shiga.co.jp/csr/kp... 続きを読む

ＳＮＳ教育:情報モラル教育に率先して取り組む　ＬＩＮＥ政策企画室長、江口清貴さん - 毎日新聞

2014/10/21 20 users 毎日新聞 情報モラル教育 部署 馬場直子撮影 教材

ＳＮＳ教育などを担うＬＩＮＥの政策企画室、江口清貴室長＝東京都渋谷区渋谷２で２０１４年９月２９日午後４時過ぎ、馬場直子撮影 ソーシャル・ネットワーキング・サービス（ＳＮＳ）上で発生するいじめなどのトラブルに対し、無料通信アプリ「ＬＩＮＥ（ライン）」を運営するＬＩＮＥ（本社・東京）は、インターネットマナーなどの教育を含むＣＳＲ（企業の社会的責任）を専門とする部署を設立させた。専用の教材を開発、力を入... 続きを読む

インフラエンジニア向け、Cisco CSR1000V on AWS を使ってみる ｜ Developers.IO

2014/08/16 64 users Developers.IO インフラエンジニア向け 本日

こんにちは、梶です。 本日はインフラエンジニア向け、第２弾として、Cisco CSR1000V on AWS を使ってみたいと思います。 Cisco Cloud Service Router(CSR)とは Cisco Cloud Service Router (CSR) 1000Vとは、ソフトウェアルータです。他にも有名なものでいうとVyattaや、SEIL/x86などがあります。 詳細はここ ＊... 続きを読む

ビジネスと人権についての新しい国際潮流とＥＵの次の一手 | ワイアードビジョン アーカイブ

2014/05/06 14 users ジュネーブ 藤井敏彦 人権 私生活 アーカイブ

ビジネスと人権についての新しい国際潮流とＥＵの次の一手 2010年2月 1日 経済・ビジネス社会国際情勢 コメント： トラックバック (0) フィード経済・ビジネス社会国際情勢 （これまでの 藤井敏彦の「CSRの本質」はこちら） 寒い日が続きますが、みなさんいかがお過ごしでしょうか。ジュネーブ、パリ二週連続出張と本年も日欧シャトル生活の幕が切って落とされました。順調に衰微しております。私生活では、... 続きを読む