Yos

人生を変えるためにコードを書く💻｜SESエンジニア｜基本情報取得｜Next.js × Supabaseでアプリ開発中｜

[Yos @yoscodes]

コードはGitに残る。
でも、思考は残らない。

「思考そのものをログに残す」ための
開発記録アプリ SyncMind を作った話

#個人開発 #エンジニア思考 https://t.co/lsJJ7nNlEU #zenn

[くるしば | ソフトバンクよりReact本発売中 @shiba_program]

ポートフォリオや個人開発、サーバー代払わなきゃってなるから腰が重くなっちゃうよね

Render、Netlify、Vercel...実は無料プランだけで十分すぎる

・自動デプロイ
・独自ドメイン対応
・SSL証明書も無料で自動
・GitHub連携でバージョン管理

レンタルサーバー借りてFTPで...とか不要
登録から5分かそこらで公開までもってける

10サービス比較して特徴まとめた👇

[Yos @yoscodes]

🚨 権限設計で迷子になっている人へ。

Supabase × Clerk × RBAC × RLS を“破綻しない形で”組む方法をまとめました。

・ロールは「職務」
・権限フラグは「例外」
・RLS は「最後の砦」

理解できるとプロダクトの安全性が一気に変わります👇https://t.co/sSMQNsyMCd

[Yos @yoscodes]

2/2

UI側は getEffectivePermissions を見るだけで権限が判定できるので、 実装もデバッグも一気にシンプルになる。

例外を追加してもスパゲッティ化しないし、 アプリ側のバグがあってもRLSが最終防衛してくれる。

柔軟性と安全性のバランスが良いので、 今後の機能追加にも強い設計になった。

[Yos @yoscodes]

1/2

自作アプリの権限まわり、
「RBAC（役割）→ 例外フラグ → RLS（DB）」の3レイヤー構成にしたらめちゃくちゃ運用が安定した。

RBACで“標準の動き”を決めて、
細かい例外はteam_membersのフラグで吸収。
最後にRLSが絶対に越えられない線を引く構造が強い。

[Yos @yoscodes]

2/2
対応👇
weeklyGoalLoaded フラグを追加し、
読み込み完了後にだけ calculateOverviewData() を実行するように変更。
これでリロードしても目標値が保持されるように。

[Yos @yoscodes]

1/2
🛠 修正メモ
デフォルトの数値を変更後、リロードしたらにデフォルトに戻る問題。

原因👇
「localStorage 読み込み前に calculateOverviewData() が走って上書きしていた」ことでした。

[Yos @yoscodes]

2/2
対応👇
start: 未認証時 /sign-in にリダイレクトするよう修正
callback: 未認証時の遷移先を /login → /sign-in に統一

動作確認
✅未ログインで Connect → /sign-in へ誘導
✅ログイン後に再度 Connect → GitHub承認 → ダッシュボードへ戻る
✅token が integrations_github_tokens へ保存

[Yos @yoscodes]

1/2
🛠 修正メモ
GitHub OAuth が連携停止していた原因が判明。

原因👇
未認証状態で OAuth callback が /login に飛ぶ仕様のままだったため、アプリ側の /sign-in と不一致になっていた。

[catnose @catnose99]

https://t.co/3INOe2pKoY を公開して1ヶ月ですが、45万ほどの売上がありました

初期からお金を払ってくれる方がいるのは本当にありがたいです
もっと良いものになるように全力開発します！

[六日 @isshukan_1]

推しレシピをURLや画像から追加して
簡単に管理できるアプリをつくりました🌱
シンプル&見やすさにこだわっています🫶🏻
https://t.co/FLlA1B22Lj

[nnnwa@WEBサービス開発中 @nnnwa4create]

旅行AIアプリ、ようやくリリースしました〜！！
#個人開発 #iOSアプリ

https://t.co/QFMhOqBmL5

[onoshin@個人開発 @o_shinworks]

\ようやくiOS版正式リリース！✨/
「早くしなさい！」はもう言わなくて大丈夫。
子どもが時間を、目と耳で感じて自分で動ける。知育時計×声かけタイマーアプリ『TimeSense』をつくりました。

#知育時計 #育児あるある #子育て

👇詳細リンクはツリー内に

[Yos @yoscodes]

2/2
対応👇
src/components/NewLogModal.tsx を修正。
既存添付URL（existingAttachUrls）＋新規アップロードURL（uploadedUrls）を毎回合体し、本文末尾に再構成。
新規アップロード0件でも必ず再構成する仕様に変更。
これで「タイトルだけ直したら画像消えた」事件は解決💪

[Yos @yoscodes]

1/2
🛠 修正メモ
画像付き投稿を編集すると、画像が消えるバグを発見。

原因👇
編集モードで本文から添付Markdownを一旦削除後、「新規アップロードがない場合」は再挿入せずに保存していたため。
結果、タイトルやタグだけ編集→保存しても画像が吹っ飛ぶ事態に。

[Yos @yoscodes]

OpenAI APIを導入して開発中 →
「あれ…これ有料なの？」
まだ完成してないけど、ユーザー体験は爆上がり予定。
財布の減少＝完成への投資だと信じたい。

[Yos @yoscodes]

②
対策としてテーマ用CSS変数を導入し、[data-theme="light|dark"] で色を切替。全コンポーネントの固定色を変数参照に統一し、ThemeInitで起動時に適用＋localStorageで永続化。これで全ページ即時ライト/ダーク切替が可能に。
#CSSVariables #UI開発 #WebDev

[Yos @yoscodes]

①
ライトモード切替が効かなかった原因は、背景やテキスト色を固定クラスで直書きしており、data-theme の切替が反映されなかったこと。
#Nextjs #TailwindCSS #Theming

[Yos @yoscodes]

気分ボタンの選択バグ修正！
原因：見た目用スタイルを emotion 値で判定していたせいで、クリック直後の再描画で複数ボタンが色付きになることが…💦
対策：
専用の moodKey 状態でハイライト判定
onChange で moodKey と emotion 同時更新
リセット/下書き復元時も同期

これで常に1つだけ選択状態に

[Yos @yoscodes]

403エラー原因がRLSの条件不一致だったので、
current_setting('request.jwt.claim.sub', true) → auth.jwt()->>'sub' に差し替えたらやっと通った…
TPA(Clerk)のJWTだとsubが空になる環境あるの罠すぎる😇