はじめにNext.jsでApp Routerを本格的に触り始めました。Server Components(以下SC)に関してはここでは詳細に説明しませんが、サーバー上で実行されるコンポーネントです。バンドルサイズの縮小や起動時間の短縮などが期待されたりする恩恵があります。そんな中でcookieをSCから呼び出すためのfunctionが用意されています。https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#server-component-functions私としてはlocal...

なぜReact Server ComponentsはlocalStorageを参照できず、cookieは可能なのか

はじめに最近GoでleetcodeやAtCoderを解くようになり、毎回配列操作に苦労しているのでまとめを作成しました。けっこうRuby→Goの順番で学ぶ人も多いのではないかなと思ったので、誰かの役になれば幸いです！ 配列の作成と初期化 Rubyarr = [1, 2, 3, 4, 5] # 配列の作成と初期化arr = Array.new(5, 0) # 配列の作成と初期化（要素を0で初期化） Goarr := [5]int{1, 2, 3, 4, 5} // 配列の作成と初期化arr := [5]int{} // 配列の作成（要素を0で初期化） 要素の...

Rubyに慣れている人向けのGo言語の配列(スライス)チートシート

はじめにデート中何話したらいいかわからない問題を解決するサービス「AI Dating Consultant」をリリースしました！https://openai-dating.vercel.app/ 使い方デートに行く相手を入力して、ボタンを押す！のみ！(POSTに少し時間がかかります)北海道の美しい自然をテーマにした話題は絶対に盛り上がります！例えば、北海道の冬の景色や雪の光景を紹介するのはいかがでしょうか。また、雪国の生活文化や文化的な風習、夏の花火大会などを楽しみながら、二人でワイワイ楽しむこともできます。そして、北海道の旅行スポットを話し合ったり、お互いに行っ...

AIにデートのアドバイスをもらえるサービスをリリースしました🎉

はじめに// App.tsxfunction App() {  return (    <Routes>      <Route path="hoge" element={<Hoge />} />      <Route path="piyo" element={<Piyo />} />    </Routes>  );}export default App;// Hoge.tsxexport const Hoge = () => {  let isPiyo: boolean = ...

react-route-dom v6を使ってリダイレクトテストしたらひっかかった[createReactRouter使ってみよう]

はじめにRuby on Railsをgit管理をしながら開発しています。ブランチAでマイグレーションrails db:migrateを実行した後に、ブランチBに切り替えてrails db:migrateをするとマイグレーションファイルにはないはずのschema.rbにはブランチAのマイグレーション差分が発生してしまいます。そのため、ブランチAで実行したマイグレーションはrails db:rollbackしてからブランチBに変更するか、大規模なロールバックの場合はrails db:resetをするかどちらかの対応になるかと思います。ただ、よくよく考えてみるとマイグレーションファ...

【初心者向け】ブランチを切り替えてもなぜマイグレーションがスキーマに反映されてしまうのか

はじめにTypeScriptでオブジェクトの一部(または全部)のプロパティをnullableで型定義し、そのオブジェクトのnull許容させない型を作るときにどうすれば良いのかメモします。↓のような定義type User = {    id: number,    name: string | null,    age: number | null,} すべてのプロパティをnon-nullにする方法 TL;DRtype User = {    id: number,    name: string | null,    age: number | null...

【TypeScript】 オブジェクトのnullableなプロパティをnon-nullに変換する【型定義】

はじめに親コンポーネントのstateを変更し、再度同じ子コンポーネントに別のpropsを渡すような処理の場合に、子コンポーネントで管理しているstateが更新されないことがあって困っていました。そのときに仕方なく下記のようにuseEffectを利用して初期化していましたがあれ、再レンダリングされる場合コンポーネントって再生成されるんじゃないんだっけ？😇となっていたところ、以下の記事が解決してくれました。https://beta-reactjs-org-git-you-might-not-fbopensource.vercel.app/learn/you-might-not-n...

[React]再レンダリング後にstateが初期化されない件

自己紹介エンジニア1年生(25)🐣 はじめにcreate-react-app環境でボタンをクリックしたらイベントを発生させる方法を備忘録として残します！※GoogleAnalyticsの初期設定は済ませている前提です。※バージョン4の方法なのでそれ以外だとやり方違うと思いますので注意です！ 手順1 GoogleAnalyticsからイベントを追加https://analytics.google.com/analytics/　から設定（左サイドバー） > イベント > イベントを作成でイベントを作成します。作成フォームが出るので、任意の名前をつけま...

GoogleAnalytics 4でボタンにイベントを仕込む

自己紹介エンジニア1年生🐣(25)大阪の自社開発企業で働いています はじめに定期的なライブラリアップデートって大切ですよね！アップデートすれば新機能も増えて便利になるし、ライブラリを見ることはつまり自分たちのプロダクト外のソースコードを見る機会とも言えるので、積極的に行っていきたいものです。関係ない話ですが、他の方の力を分けてもらってプロダクトに知見を分けてもらうオープンソースの価値観は素晴らしいと思っています。しかし、日々の業務忙しくて手つけてらんねえ〜〜〜ってなるのもまた事実なわけですが、私の会社ではUPDATE DAYと称して月一アップデートしかしない日を設けてい...

gurichan

なぜReact Server ComponentsはlocalStorageを参照できず、cookieは可能なのか

Rubyに慣れている人向けのGo言語の配列(スライス)チートシート

AIにデートのアドバイスをもらえるサービスをリリースしました🎉

react-route-dom v6を使ってリダイレクトテストしたらひっかかった[createReactRouter使ってみよう]

【初心者向け】ブランチを切り替えてもなぜマイグレーションがスキーマに反映されてしまうのか

【TypeScript】オブジェクトのnullableなプロパティをnon-nullに変換する【型定義】

[React]再レンダリング後にstateが初期化されない件

GoogleAnalytics 4でボタンにイベントを仕込む

エンジニア1年生が行うGemアップデート手順

なぜReact Server ComponentsはlocalStorageを参照できず、cookieは可能なのか

Rubyに慣れている人向けのGo言語の配列(スライス)チートシート

AIにデートのアドバイスをもらえるサービスをリリースしました🎉

react-route-dom v6を使ってリダイレクトテストしたらひっかかった[createReactRouter使ってみよう]

【初心者向け】ブランチを切り替えてもなぜマイグレーションがスキーマに反映されてしまうのか

【TypeScript】 オブジェクトのnullableなプロパティをnon-nullに変換する【型定義】

[React]再レンダリング後にstateが初期化されない件

GoogleAnalytics 4でボタンにイベントを仕込む

エンジニア1年生が行うGemアップデート手順

【TypeScript】オブジェクトのnullableなプロパティをnon-nullに変換する【型定義】