https://elys0912.github.io/ 作りながら書く雑記。技術の話も、サッカーも音楽も趣味も詰めこんでいく。 2026-10-08T09:00:00.000Z elys0912 https://elys0912.github.io/posts/choosing-design-with-ai-images/ 2026-10-08T09:00:00.000Z 2026-10-08T09:00:00.000Z

ポートフォリオのデザインを、AI に HTML と CSS でモックを作らせ、画像で比べて口で選ぶ形で決めた。構成 3 案から 1 つ、それを 3 方向に詰め、自己主張を落とす 3 段階。ヘッダーは 9 往復した。「イメージに近い案」と「デザインが良い案」が割れたときに要素に分解して組み直した話と、応援するクラブの旗の色だけ借りる線引き。

https://elys0912.github.io/posts/deploy-safety-guard-for-posts/ 2026-10-08T03:30:00.000Z 2026-10-08T03:30:00.000Z

記事をデプロイのたびに DB へ反映する仕組みでは、content が空のまま反映されると全記事が非公開になる。半分以上を非公開にするなら止める安全装置を入れたら、記事が 1 本のときに誤作動した。なくす案と比べて残し、記事が少ない間の閾値を変えた話。

https://elys0912.github.io/posts/posts-in-git-upsert-on-deploy/ 2026-10-08T00:00:00.000Z 2026-10-08T00:00:00.000Z

ブログの記事はリポジトリの content/ を正本にして、デプロイのたびにマイグレーション用の Lambda が DB に upsert する。content を API の zip に入れない理由、Lambda Layer 案と S3 アセット案の比較、消した記事を DELETE せず非公開にする理由を書く。

https://elys0912.github.io/posts/devlog-1-deciding-with-ai/ 2026-10-07T00:00:00.000Z 2026-10-07T00:00:00.000Z

ポートフォリオサイトの設計は、AI（Claude Code）に判断材料を集めさせて、決めるのは自分。決定メモの型と、3 件まとめて決めた話、AI の説明を公式ドキュメントで裏を取った話。

https://elys0912.github.io/posts/dependabot-for-solo-dev/ 2026-10-06T12:00:00.000Z 2026-10-06T12:00:00.000Z

個人のリポジトリで Dependabot の PR をどう捌いているか。グループ化と major の除外、週末にまとめて処理する流れ、lockfile の競合の直し方、まとめてマージすると Deploy が取り消される話、Maven wrapper の更新で mvnw.cmd が CRLF で入った話。

https://elys0912.github.io/posts/hooks-status-and-restart/ 2026-10-05T12:00:00.000Z 2026-10-05T12:00:00.000Z

Slack からは見えない Claude Code 側の出来事を、hook を通して Slack に知らせる仕組みを作った。別セッションの hook が混ざる、--continue が別の会話を開く、--resume で落ちて戻れなくなるなど、再起動まわりで踏んだ問題と対処を書く。

https://elys0912.github.io/posts/two-ai-models-cross-review/ 2026-10-05T00:00:00.000Z 2026-10-05T00:00:00.000Z

claude-slack-channel のコードを 2 つの AI モデルにレビューさせ、指摘を Epic・Task・調査の 3 階層の Issue に積んで回した。優先度の付け方、調査 Issue で裏を取ってから直す流れ、AI の指摘を鵜呑みにしないための型を書く。

https://elys0912.github.io/posts/from-smoke-tests-to-trusted-tests/ 2026-10-04T12:00:00.000Z 2026-10-04T12:00:00.000Z

初日に AI が書いた 159 のテストには、何も確かめていないものが混ざっていた。smoke テストの削除、Slack の偽物の共通化、既知の挙動を固定するテスト、統合テスト、実時間待ちの置き換え、CI での時間切れまで、テストの質を上げていった順に書く。

https://elys0912.github.io/posts/driving-windows-console-from-outside/ 2026-10-04T00:00:00.000Z 2026-10-04T00:00:00.000Z

Slack からターミナルの画面を読み、選択肢を選び、/exit を打ち込むために PowerShell スクリプトを書いた。別のコンソールで画面が読めない、複数キーが届かない、文字化けで文言が一致しないなど、泥臭い問題を順に解いた記録。

https://elys0912.github.io/posts/safe-text-to-slack-tips/ 2026-10-02T12:00:00.000Z 2026-10-02T12:00:00.000Z

Claude の返信やコマンドの中身を Slack に投稿するときに踏んだ落とし穴と、その対処を短くまとめた。分割送信でサロゲートペアを切らない、リンクの展開を止める、mrkdwn をメンションの形に限る、ログのトークンを伏せるなど。

https://elys0912.github.io/posts/permission-buttons-default-deny/ 2026-10-02T00:00:00.000Z 2026-10-02T00:00:00.000Z

Claude Code の実行許可の確認を Slack に中継し、ボタンで答えられるようにした。答えが無いときに allow に倒れる経路を潰す話、ID の検証、見えない文字の可視化、「今後も許可」で作るルールの絞り方を書く。

https://elys0912.github.io/posts/why-claude-slack-channel/ 2026-10-01T12:00:00.000Z 2026-10-01T12:00:00.000Z

手元の PC で動いている Claude Code のセッションに、Slack から話しかけるための MCP channel サーバーを作った。最初の実装からチャンネル対応、ホームタブ、複数セッションまでの 4 日間と、自分の困りごとから生まれた経緯を書く。

https://elys0912.github.io/posts/cloudfront-static-and-api-pitfalls/ 2026-09-26T03:30:00.000Z 2026-09-26T03:30:00.000Z

S3 の静的サイトと API Gateway の API を 1 つの CloudFront の下に置いた。errorResponses が /api/* にも効く、OAC に LIST を足して 404 にする、execute-api への直接アクセスを塞ぐ、ロググループがロールバックで消える、の 4 つの落とし穴をスライドにまとめた。

https://elys0912.github.io/posts/github-actions-oidc-deploy/ 2026-09-24T12:00:00.000Z 2026-09-24T12:00:00.000Z

長期のアクセスキーを置かずに、GitHub Actions から OIDC で AWS のロールを引き受けてデプロイする。信頼ポリシーの sub を不変の形式に合わせた話、id-token: write をデプロイのジョブだけに絞ってテストで検査する話、GitHub Free の private リポジトリでは Environments が使えない話。

https://elys0912.github.io/posts/spring-boot-snapstart-aurora-dsql/ 2026-09-24T00:00:00.000Z 2026-09-24T00:00:00.000Z

Spring Boot の API を AWS Lambda（Java 21、SnapStart）で動かし、Aurora DSQL に IAM 認証でつないだ。ハンドラと zip の作り方、SnapStart のフック、初回デプロイで踏んだ GRANT と tomcat-embed-el の失敗、DSQL の癖（CREATE INDEX ASYNC、DESC 不可、1 トランザクション 3,000 行）をまとめる。

https://elys0912.github.io/posts/openapi-shared-types/ 2026-09-23T12:00:00.000Z 2026-09-23T12:00:00.000Z

Spring Boot の API と Next.js の静的サイトで、手書きの型が API とずれてビルドが止まった。仕様を openapi.json に書き出してコードとのずれをテストで検出し、frontend の型はそこから生成するようにした話。記事が 0 件でも静的 export を通す小技も。

https://elys0912.github.io/posts/lighter-userscript/ 2026-09-20T03:30:00.000Z 2026-09-20T03:30:00.000Z

Mastodon の投稿欄を拡張するユーザースクリプトの v3.0.2 では、動作を変えずに無駄な処理を減らした。関係する状態が変わらなければ DOM を触らない、MutationObserver の走査を 1 フレーム 1 回にまとめる。他人のページに相乗りするスクリプトが守るべきことを書く。

https://elys0912.github.io/posts/extension-that-fits-existing-ui/ 2026-09-17T12:00:00.000Z 2026-09-17T12:00:00.000Z

Mastodon の投稿欄に足したボタン列は、本家のボタンのクラスを借りてテーマの色に追従させ、選択中だけ名前を出してほかはアイコンとツールチップにした。キーボードでも使えるよう radiogroup として組んだ話と、CSP でスタイルが効かなかった話。

https://elys0912.github.io/posts/small-oss-license-notices/ 2026-09-15T12:00:00.000Z 2026-09-15T12:00:00.000Z

250 行ほどのユーザースクリプトでも、他人の成果物を含むならライセンス表記は要る。本体の MIT と、アイコンに使った Material Symbols の Apache License 2.0 を、THIRD_PARTY_NOTICES.md と LICENSES/ に分けて明記した話。

https://elys0912.github.io/posts/visibility-and-quote-policy-constraints/ 2026-09-15T00:00:00.000Z 2026-09-15T00:00:00.000Z

Mastodon の投稿欄では、公開範囲と引用範囲の組み合わせに制約がある。ワンクリックで切り替えるボタン列を作るにあたり、本家が何を禁じているかをソースから読み解き、再現できないものは「選ばせない」で安全側に倒した。