ちいくさ日記

# 今日やったこと
ミニアプリの復習(Solid Queueについて)

# 今日理解できたこと
- ActiveJobから継承しているPingJobを作成し、「ジョブをどこに保存し、誰が、どう実行するか」の配線を確認することにより、Solid Queueの導入を行った！
- Solid Queueのジョブデータの保存先はDB（Neon）で、ジョブを実行するプロセスを管理するワーカーはデプロイしているRenderが担うこと！
- Solid Queue関連のテーブルはジョブデータを保存するテーブルであること
- 以下の2つのファイルを用意する必要があること
1. config/queue.yml：ジョブの設定。何スレッドで、何秒間隔で、どのキューを処理するか
2. config/recurring.yml：定期実行するジョブ（完了ジョブの掃除）

# まだ理解できていないこと

# 次にやること
ミニアプリの作成続き

# 感想など
Solid Queueに関して理解が深まって良かった！

# 今日やったこと
ミニアプリの開発(Solid Queueの導入)
Render Neonの無料プランで実装できるのか心配！いけるかな？
Reactのカリキュラム終わらせた！
# 今日理解できたこと
Reactのカリキュラムのタスク管理アプリの編集、削除機能の実装方法について
# まだ理解できていないこと

# 次にやること
Solid Queueに関して復習（ミニアプリ）
# 感想など
ミニアプリバトランまでに間に合うのか分からない！
面接の回答も考えないと！

# 今日やったこと
ミニアプリの分からないことの理解
ミニアプリで新しい実装「solid queueの導入」について打ち合わせ
Reactのカリキュラム
# 今日理解できたこと
- solid queueの実装において、dbを2つ用意するパターンとRender上で管理するパターンがあること
- シリアライザを導入するのは、モノシリックで開発を行っているのかどうかではなく、json形式かhtmlかで判断！Railsモノシリックでは、HTMLを出力するビューとコントローラーとRails内部でのデータの受け渡しのため、シリアライザを導入しない！ただし、内部でもjson形式でデータを渡す場合は漏れる恐れがあるため、シリアライザを導入して渡すデータを指定することがある！
- React:utilsにタスク一覧画面とタスク詳細画面で共通に用いる表示を出力する関数のファイルを書いてリファクタリングを行うこと

# まだ理解できていないこと

# 次にやること
ミニアプリの実装
面接の回答を考える！
# 感想など
CIのscan_rubyのgemのセキュリティ関連で時間をかかった！

記事書けた

# 今日やったこと
ミニアプリの作成(Posts APIの導入)
Reactのカリキュラム
卒制アプリ、issue作成のためのclaude codeと打ち合わせ
の3つを同時並行で行ってみた！大変だったが、そこそこうまくやれた！ミニアプリとReact各々のローカルのDockerで取り扱うポート番号が異なっていたため、うまく実現できた！
# 今日理解できたこと
シリアライザについて：json形式でレスポンスとして返すときに、必要な情報のみを設定できる仕組み、Userの情報を渡すとき、モデルだとパスワードなど不要な情報もフロント側に渡す恐れがあるため、導入する。これにより、ログインユーザーにはユーザーidとメールアドレスと名前、未ログインユーザーには、ユーザーidと名前のみなど、状況が画面に応じて必要な情報を渡すように設定できる！
# まだ理解できていないこと
ミニアプリの実装の後半について
# 次にやること
ミニアプリの実装の後半について理解を深める！
# 感想など
同時並行作業ができて、少し達成感のようなものを感じた！

# 今日やったこと
ミニアプリ作成画像APIの実装
# 今日理解できたこと
IOとはInput/Output の略で、Ruby では「バイト列を順番に読み書きできるもの」の総称。ファイル、ソケット、標準入力など。

read すると位置が進み、rewind で先頭に戻る。posメソッドは読み取りの位置を確認するメソッド、rewindメソッドは読み取りの位置を0、つまり、先頭にするメソッド。
# まだ理解できていないこと

# 次にやること
ミニアプリの作成続き
# 感想など
画像実装APIの実装も難しい！

# 今日やったこと
- ミニアプリ、これまでの会話のやり取りの記録についてファイルにしてないものをして、記録用のプライベートリポジトリに保存
- 卒制アプリも記録用のプライベートリポジトリ作成
- ミニアプリの実装について打ち合わせ
- 卒制アプリの機能についてclaude codeと打ち合わせてissue作成！
- READMEの更新についてClaudeに聞いてみた！
# 今日理解できたこと
ミニアプリにおいて、画像のAPIの作成を行う予定。cloudinaryの導入を行うが、public_idをフロントエンド側に渡してバックエンドとcloudinaryで一連に連携して関わる、あるいはバックエンドとcloudinaryのみでやり取りする、画像の受け渡しのみバックエンド（Render）を介さずにフロントとcloudinary側で行うなどフロントエンドとバックエンドで分離している影響で設計の段階でいろいろと検討しないといけないこと
# まだ理解できていないこと

# 次にやること
ミニアプリの機能実装
卒制アプリの機能実装
卒制アプリREADME更新検討
面接の回答について考えるなど
# 感想など
ミニアプリと卒制アプリでclaudeを同時並行で動かしてみたが、セッション消費の速さが尋常じゃなかった！90%超えました！

クッキー作るにゃ

# 今日やったこと
- ミニアプリ、Vercelでのセットアップ、デプロイまで完了！
- 後半、面接の回答について考えた！（悩んでいた挫折経験についての回答を作成した！）

# 今日理解できたこと
Renderはサブブランチでもデプロイできるが、Vercelにおいてmainブランチでないと難しいようだ！

# まだ理解できていないこと

# 次にやること
面接の回答について考える！
ミニアプリの作成
卒制アプリのREADME更新、機能実装についての設計

# 感想など
面接の回答作成したが、話せるか心配！
この調子で頑張っていきたい！

# 今日やったこと
ミニアプリの実装内容について質問
Web APIについて
Claude Codeのチャットのやり取りの記録のファイルを作成してもらい、作成したファイルを記録するプライベートリポジトリをClaude Codeに作成してもらった！
面接の回答について考えた！
# 今日理解できたこと
- クラスメソッドとインスタンスメソッド
- クラスメソッドは入り口を担う、インスタンスメソッドはインスタンスの状態を使うこと！例えば、ActiveRecordだとクラスメソッドはallメソッドなどインスタンスの集まり、インスタンスメソッドはupdate!メソッドやsave!メソッドなど個別のオブジェクトに対してが該当する！
- cors.rbにおいて、メソッド・ヘッダー・exposeは初期に読み取るが、送信元のオリジン (origins)はリクエストの度に呼び出されること！
- Web APIについてRailsモノシリックでもStimulusなどでjson形式で渡す実装をしている場合、用いていることになること！
# まだ理解できていないこと

# 次にやること
ミニアプリ作成の続き
# 感想など
面接の回答難しい！

# 今日やったこと
運営相談部屋にお伝えする原稿について考えた！
昨日のミニアプリの実装の復習！
# 今日理解できたこと
- class << selfは内部にクラスメソッドを作成することができること。クラスメソッドを定義するのに、いちいちselfを書かずに内部に書くだけで定義できること
- nil.to_s は "" になること
- .delete_suffixメソッドについて：引数に記載した文字列を末尾から削除できること
- .reject(&:empty?)メソッドについて：リストで空文字の要素を削除できること
# まだ理解できていないこと
cors.rbのafter_initializeメソッドを導入した理由について
originsの書き方について
# 次にやること
ミニアプリの実装の復習の続き
# 感想など
明日も頑張っていきたい！

卒業できた！！！！

# 今日やったこと
ミニアプリの作成(CORSの設定)
面接の回答を考えた！（もう少しで挫折経験について書けそう！）

# 今日理解できたこと

# まだ理解できていないこと

# 次にやること
ミニアプリで今回の実装について復習

# 感想など
面接の回答仕上げていきたい！

今日のねこさん　5時間
・MVP提出できた
・1成し遂げ
・消去機能
・コメント編集機能
今日は名古屋39度の中ハロワと区役所にも行ったにゃ。
MVP提出したけど返品されないか心配にゃ

# 今日やったこと
面接の回答について考えてみた！（全然進まない！）
ミニアプリの作成を進めた！
# 今日理解できたこと

# まだ理解できていないこと

# 次にやること
ミニアプリの作成続き
面接の回答について考える
# 感想など
面接の回答考えるの難しい！

今日のねこ！　4.5時間
・質問投稿機能
・画像アップロード機能
・回答機能
・いいね機能
・探索機能
今日は色々実装できた満足にゃ
あと、max-w-smは許さないにゃ

# 今日やったこと
CSR、SSR、SSG、ISRについて
ミニアプリの実装
面接の回答について
# 今日理解できたこと
Next.jsでの実装について：
```
// SSG（静的生成）
const data = await fetch(url, { cache: 'force-cache' })

// SSR（毎回サーバーで生成）
const data = await fetch(url, { cache: 'no-store' })

// ISR（定期的に再生成）
const data = await fetch(url, { next: { revalidate: 60 } })
```
CSRの場合：
```
'use client' // ← このディレクティブを追加

import { useEffect, useState } from 'react'

export default function ClientComponent() {
const [data, setData] = useState(null)

useEffect(() => {
fetch('/api/data')
.then(res => res.json())
.then(setData)
}, [])

return <div>{data?.title}</div>
}
```
# まだ理解できていないこと

# 次にやること
ミニアプリの実装続き
面接の回答について考える！
# 感想など
明日も頑張る！

今日のねこさん　4.5時間
・トップ画面の背景の肉球増やした
・質問投稿画面のトップページ制作
質問投稿画面トップページとても苦戦したのにゃ。
いろんな人に助けてもらってなんとかなったにゃ特に、NOAさんともーさんありがとうにゃ！