【react-hydration-error】Text content does not match server-rendered HTMLを解決するときの話JavaScript初心者ReactNext.jsChatGPT はじめに 業務でNext.jsを使った開発を3ヶ月ほど行っています。 その際、Text content does not match server-rendered HTMLという開発時のエラーに遭遇しました。 解決自体は難しくなかったのですが、最終的にはググって見つけた方法やChatGPTに答えてもらった方法とは異なる解決法を用いました。 今回は一般的な解決法と今回使用した解決法について紹介し、簡単ではありますが、エラー文の検索だけでは最良の解決法にたどり着けない具体例を示そうと思います。 Reactの話ですが、触ったことがなくても雰囲気で読めると思います。 エラー

プライシングがダイナミックすぎます (ホテル価格がバブルですね、飲食店も…良いことですが……) コロナ禍→ ←現在 pic.twitter.com/o5VTFrbEHx — 萩原 清澄 (@KiyotoDrives) April 13, 2023 ホテル宿泊費のコロナ前と現在の価格は、まさに10倍近い差があります。 ゴールデンウィークで各地にお出かけの方は実際に体感されてるのではないでしょうか？ でも、これはまだ序章ですーー。 中国のインバウンドが戻ると、さらにそれは加速するでしょう。日本政府観光局の発表では、インバウンドはコロナ前に比べて11%しか回復していないのです。 2020年4月〜2023年3月訪日外客推移（2019年同月比）これは日本の観光業にとっては大きなポテンシャルであり、明るい未来です。NOT A HOTELの「ホテル稼働」を考えても同じようにポジティブな状況ではあり、安堵

御明 @miakashi アクリル板大量廃棄についてのニュース記事回ってきてたけど、そもアクリル板作っている会社が、今の廃棄を見据えて2年前からリサイクル体制を準備してきた、という取り組みのニュースも知られておいて欲しいと思う。 mainichi.jp/articles/20230… 2023-04-30 16:25:07 リンク 毎日新聞 読む写真：Photo 日常へ 再生の春 | 毎日新聞 新型コロナウイルスの感染症法上の位置づけが、5月8日から季節性インフルエンザなどと同じ「5類」に移行する。これに伴い、感染防止に用いられたアクリル板が役目を終えようとしている。 14 users 23 御明 @miakashi ＞「売れた分だけ必ず廃棄される」と、20年夏ごろから、リサイクルの課題を洗い出し体制を整えた。 去年末からHPでアナウンス始めていて、既に回収を開始、再生率80％以上のアクリ

同じ時期に Jest 本（Jest ではじめるテスト入門）を書いていたので、他の方はどのようにテストについて書くのか気になったので読んでみました。 Jest 本との比較 Jest 本と比較し、「フロントエンド開発のためのテスト入門（歯車本と呼ぶそうです）」は Jest の説明など重複している部分はありましたが、特徴が全く違うと感じました。 Jest 本では、CircleCI で働いていたのが大きいのですが「テストを機能させるにはどうすればいいのか？」というのを強く意識して書いていました。そのため、Jest でテストを書くために必要な情報以外に、ブランチモデルや CI、プロジェクトへのテストを導入する際のアプローチなどを紹介しています。そして、寄り道が多いです。JavaScript の仕様や Jest の歴史、CircleCI での体験談などのコラムが充実しています。全然意識していたわけでは

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

先月２３日に投開票された統一地方選後半戦の兵庫県芦屋市長選で、史上最年少となる２６歳で初当選を果たした高島崚輔（りょうすけ）氏が１日、市役所に初登庁した。市議会へのあいさつや市幹部との会議の後、記者会見した高島氏は「一人一人に合った教育を公立学校で実現したい。学びの意欲に火を付けたい」と決意を述べた。 会見で高島氏は「一丁目一番地」の政策として教育改革を挙げ、子育て支援の充実といった人口減を見据えた施策にも言及、「スピード感をもって取り組む」と強調した。 市政運営にあたって重視することについては、選挙期間中から繰り返していた「対話」を改めて強調。「まちづくりの主役はあくまでも市民。市役所と市民の間に立って市民の声を拾い、さらに市職員や市議会とも対話を重ねながら、みんなでまちづくりを進めていきたい」と語った。 高島市長は私立灘中・高（神戸市）、東京大を経て米ハーバード大を卒業。無所属で立候補

（追記） 色々コメントありがとうございます。 客観視できて少し冷静になれたり、溜飲が下がりました。 彼女と一緒にいたい気持ちは変わりないし、親に寄り添ったとして恨むのは目に見えてる。 こちらとしては彼女との結婚は既定路線として、どうソフトランディングするかに頭を悩ませている。答え出すしかないけど。 強硬過ぎると結婚後に親から彼女に向かう「当たり」にも繋がるし、色々世話になってきた親だから。 とはいえ勝手に入籍できたらどんなに楽かとは、常々頭をよぎります。法律上は可能だし。 一定の対話はするとして、「結婚するが、イベントへの参加不参加はお任せします」以上のアクションは取れないんじゃないか？と思ってる。 -------------------- アラフォー（男）で自分の親に結婚反対されてる。 正直、親と疎遠にするか、なし崩しで結婚するしかないかなと思ってる。 原因は相手の家族環境が合わないのと

中国を取材していると驚くことばかり。多くの人は中国の二酸化炭素排出量を見て「化石燃料ばかり使っている！」と思うことだろう。確かに中国の二酸化炭素排出量は多い。一方で、太陽光発電に代表される再生可能エネルギーの発電量が急激に増えてます。中国って西安から西は広大な未開地になっている。そこにドンドン太陽光発電＋風力発電を作っている。2022年時点での太陽光発電量は390GW（原発390基分）にも達しており、イキオイは止まらない。 西安から西は晴天率多く風の強い土漠が続く 2023年は100GWくらい増えるようだ。毎年原発を100基作っていると言うこと。また西安から西の地域では400GWの再生可能エネルギー発電を計画しており、すでに第一期の100GW分の工事が始まっている。太陽光発電だと昼間しか電力を作れないものの、風力も組み合わせることで夜間や荒天時の発電力をカバー出来る。同時に蓄電設備への投資

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

最近NISAについて調べていると、国策としての「貯蓄から投資へ」で流れていってるお金の行き先が、S&P500だとかVTIだとかことごとく米国だった。オルカンの指標となるACWIも6割が米国で、（こちらは5%ほど日本も噛んでいるが）NISA絡みの投資本やネット記事を見ると、だいたいこの3つ、S&P500、VTI、ACWI連動商品が推奨銘柄とされている。実際に資金も集まっているようだ。 1兆円突破、日本人の「S＆P500買い」が止まらない　一方で米国では株価が下落(1/3)〈AERA〉 | AERA dot. (アエラドット) 「eMAXIS Slim 米国株S&P500」が残高2兆円を突破 - 資産運用・資産形成｜QUICK Money World - よく、日本の預金口座に眠っている貯蓄を市場に流すために、アメリカから命令されて始めたのがこの「貯蓄から投資へ」だとか言われる。それがまんまと

記事の概要 この記事は、Meta 社 relay.dev チームの Jordan Eldredge 氏の Tweet で紹介された GraphQL 成熟度モデル (GraphQL maturity model) を個人的な見解を加えながら和訳した記事です。 jordaneldredge.com GraphQL を実装する上で、どの程度 GraphQL を使いこなせているか判断するための参考になれば幸いです。 実際の成熟度モデルの和訳 最初の Tweet 私は、GraphQLの利点がまだ十分には理解されていないと思っています。ほとんどの組織では、GraphQL の提供する価値を捉えきれていません。 そこで、私は「GraphQL成熟度モデル」をスケッチしてみました。あなたの組織はどの程度成熟して（＝使いこなせて）いますか？ もし以下に示す13の成熟度を達成していたとしたら、よりGraphQLを

少し前ですがCARTA HOLDINGS退職しました！ 本当にいろいろやらせてもらい成長できました（異動数歴代最多レベルだと思う）。最後5年間くらいはfluct社で、特に Open Bidding について、アドテク1ミリもわからん状態からサーバー書いて1bid返すまでの0→1、そこからさらに事業成長させる1→10までガッツリやれて楽しい思い出となりました。 CARTA HOLDINGS退職することになりました！ voyageの頃から通算12年弱、7事業部で15くらいのプロダクトをやりました。想像してたより熱く慰留されて感動しましたが、やはり心機一転したいんで飛び出してみようと思います。来月から、しばらくは個人で業務委託を受けてなんかする方向になりそうです。 — トミール (@tomita) March 30, 2023 次何しよう、どうせなら自分が使う何かをやりたいなーと模索してましたが

ITエンジニアのための新刊案内（2023年5月）：AWS運用入門／動かして学ぶ！ Rust入門／趣味で作る人工衛星、ほか 毎月登場する大量の新刊の中から、ITエンジニアが興味を持ちそうな書籍を選んで紹介する新刊案内を毎月、月初に公開しています（2023年3月から開始し、現在試験的に継続中です）。 多くのITエンジニアにとって、書籍を通じた情報の入手は現在でも重要視されています。書籍選びにぜひお役立てください。 ここで紹介するのは、2023年4月1日から4月30日までのあいだに発刊された新刊書籍です。これらを「技術書」「ビジネス書」「資格試験対策／教本」「その他」に分類しています。各書籍はAmazon.co.jpへのリンクが貼られています（アフィリエイトではありません）。 この新刊案内がどのように作成されたかについては記事の最後にまとめましたので、興味のある方はそちらをお読みください。 技術

4月18日にスープストックトーキョーが離乳食の無料提供を発表しました． その結果，「今後、絶対に行かない」など批判の声が上がったり，批判に対して批判が行われるなど炎上状態になったとニュースが流れました．最終的にはスープストックトーキョーが声明を発表し，その声明が素晴らしいとまた話題になりました． リプライの分析実際にどの程度の批判がスープストックトーキョーに寄せられていたのかを明らかにすべく，ツイートを収集して分析をしてみました． ここでは，先のスープストックトーキョーの公式アカウントのツイートに対する4月28日までの890リプライからランダムに190ツイートを抽出して，好意的なツイートか，批判的なツイートか，批判への批判か，判定不能かを分類しました． なお，この際普段は根性マイニング（筆者が頑張って目で見る手法．精度は高いが筆者がつかれる）を使っているのですが，今回は最近話題のChatG

アスキー創業者で米マイクロソフト元副社長の西和彦氏が破産手続きを開始したことが明らかになった。西氏は新しい大学｢日本先端工科大学(仮称）｣の創設を目指していた。なぜ破産に至ったのか、西氏にその経緯や新大学の創設に対する影響などについて聞いた。 関連記事：「世界に通用する技術者育てる」大学を創設する西和彦氏の思い 第三者破産手続き開始を受けた経緯について、具体的に教えてください。 西和彦博士（情報学）・日本先端工科大学（仮称）設置準備委員会特別顧問（以下、西氏）：今から5年ぐらい前、アスペクト（東京・台東、当時は神田駿河台）という総合出版社の社長が訪ねてこられ、「経営が良くないから出資してください」と頼まれたのです。結局、約3億円をアスペクトに出資しました。 3億円を出資したという事実を、当時のアスペクトの取引銀行である三菱UFJ銀行が知って、「（アスペクトに）貸しているお金を返してくれるか

みなさんこんにちは、電通国際情報サービス（ISID）Xイノベーション本部ソフトウェアデザインセンターの佐藤太一です。 この記事では、VS CodeのDev Containerを使ってOSに依存しないPythonの開発環境を構築する方法をステップバイステップで丁寧に説明します。 VS Codeの利用経験があり、またPythonによるアプリケーション開発に興味のある方を想定読者として記述しています。Pythonの初心者から中級者向けを意識して書いていますので、意図して冗長な説明をしています。 すでにPythonによるアプリケーション開発に十分に詳しい方は、まずはまとめだけ読んでみてください。私自身それほどPythonのエコシステムに詳しいわけではありませんので、知識の抜け漏れは恐らくあるでしょう。そういった事に気が付いたら、XなどのSNSでこの記事のURLを付けてコメントをしていただけると幸い

まずは、僕が野球を嫌いになりかけた話から始めさせてください。 幸運にもプロ野球選手になれて、好きなものを仕事にできて、それなりに1軍で結果を残せて。満ち足りた野球人生を送らせてもらいました。 でも、結果的に現役最終年だった2020年、僕はあんなに好きだったはずの野球が嫌いになりかけていました。調子がよくても、結果を残しても使ってもらえない。1軍に上がるのは若い選手ばかり。プロ9年目、31歳になった僕も「これがプロの世界だ」と理解していたはずでした。 元プロ野球選手の就職活動 最初に頭に浮かんだのは家族のこと。僕には妻と息子、娘の家族がいます。現役時代は家族との時間が取れなかったので、半年近くは仕事もせずに家族サービスの時間にあてました。一緒に買い物に行ったり、娘の幼稚園の送り迎えをしたり、息子の学校行事に参加したり。 それはそれで楽しかったのですが、さすがに仕事をしないと家族を養えません。

AWSを活用するAutify、ZOZO、dipが、AWSコスト削減についての事例を発表するオンラインイベント「AWSコスト削減事例祭り」。3社それぞれが事例を発表しました。オーティファイ株式会社からは松浦隼人氏が登壇。同社における、AWSのコストの削減の事例について発表しました。 もともとはインフラを担当していた松浦隼人氏 松浦隼人氏（以下、松浦）：オーティファイの松浦から、当社でのAWSのコストの削減の事例について発表したいと思います。よろしくお願いします。 今日のトピックは、タイトルのとおりですが、オーティファイでAWSのコストを見直すきっかけになったことと、その時の見直しの手法、それから当社にとってインパクトのあったコストの削減策について紹介したいと思います。 まず自己紹介からします。オーティファイの松浦と申します。今、機械学習とQAのチームのエンジニアリングマネージャーをしています

印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 「ChatGPT」の公開をきっかけに、生成型の人工知能（AI）が大きなブームとなった結果、AI分野や雇用市場が急速に変化している。将来に向けた言語モデルの開発を推し進めたり、既存のモデルを洗練させられる人材は、プロンプトエンジニアも含めて引く手あまたとなっている。 AIに関する教育を提供するDeepLearning.AIはOpenAIと提携し、プロンプトエンジニアリングのための無料コースを開発者向けに提供すると発表した。 同社のウェブサイトによると、この無料の1時間コースは、強力なアプリケーションを新たに構築するための大規模言語モデル（LLM）の使用方法を教えるものだという。 講師は、OpenAIの技術スタッフであるIsa Fulfor

Data is an integral part of the web. As JavaScript and TypeScript frameworks make it easier than ever to server-render just-in-time data, it's time to make databases a first-class part of Vercel's frontend cloud. Today, we’re excited to announce a suite of serverless storage solutions now available on Vercel, powered by some of the best infrastructure providers in the industry. Vercel KV: A server