プログラムメモ

AWS SAM CLIでローカルでテストを行う

Tue, 17 Feb 2026 18:08:59 +0900

AWS SAM CLIのインストール ```sh brew tap aws/tap brew install aws-sam-cli ``` バージョンを確認する ```sh sam --version ``` aws cli で該当ユーザーでアカウント情報が返ることを確認する ``` aws sts get-caller-identity ``` SAMのビルド ``` sam build ```

claude codeに使用トークン量とモデル名などを常時表示させる

Tue, 17 Feb 2026 16:39:29 +0900

引用: https://zenn.dev/little_hand_s/articles/dbd5fc27f5a2f0 ###・ statusline.jsを作成する ```sh code ~/.claude/statusline.js ``` ###・以下の内容で保存する。 ``` #!/usr/bin/env node const fs = require('fs'); const path = require('path'); const readline = require('readline'); const { execSync } = require('child_process'); // Constants const COMPACTION_THRESHOLD = 200000 // Read JSON from stdin let input =...

OpenClawの始め方

Mon, 16 Feb 2026 12:42:10 +0900

# ● OpenClaw インストール ```sh curl -fsSL https://openclaw.ai/install.sh | bash ``` インストール後に簡単な質問が出るので答えていきます。また、AIモデルも選択します。 Claude の自分自身のサブスクリプション内で使う場合は、次のコマンドでトークンを発行します。 ``` claude setup-token ``` （発行されたトークンを貼り付けます） # ● Slack App を作る ## アプリ作成手順 1. **Slack APIサイトにアクセス**: ブラウザで https://api.slack.com/apps を開きます（Slackアカウントでログイン必須）。 2. **Create New Appボタンを探す**: ページ上部に「Create New...

next.js の並列ルート（Parallel Routes）

Sat, 14 Feb 2026 10:15:14 +0900

## 並列ルート（Parallel Routes） ### 通常のJSX配置 ```tsx export default function Layout({ children }) { return ( <> {children} ) } ``` ### Parallel Routes での配置 ```tsx export default function Layout({ children, sidebar, modal }) { return ( <> {sidebar} {children} {modal} ) } ``` 後者では `app/@sidebar/page.tsx` や...

Cursor CLI でコマンドラインでCursorを使う

Tue, 10 Feb 2026 13:20:15 +0900

#### cursor CLI にログインする ``` cursor agent login ``` #### cursor CLIで使用可能なモデル一覧を表示させる。 ``` cursor agent --list-models ``` # ● cursor CLI を起動する ``` cursor agent ``` （以降、Cursor CLI Agent内での操作です） #### モデルを選択する ``` /model ``` #### モードを（ノーマル → Auto run → Plan → Ask と変更する。） ``` 「Shift」+「Tab」 ``` あとは Claude Code ほとんど同じです。

Claude Code で、エージェントチームを自動的に作らせるように設定する。

Mon, 09 Feb 2026 09:58:24 +0900

# ● Claude Code で、エージェントチームを自動的に作らせるように設定する。 ### 1 . Cloud Code の設定を変更する。 **~/.claude/settings.json** に次の設定値を追加する。 ``` "env": { "CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS": "1" }, ``` ### 2 . tmuxをインストールして起動する。 ``` # tmuxをインストールする brew install tmux # tmuxを起動する tmux ``` ### 3 . Claude Code を起動して、チームが作れるかどうか聞いてみる。 ``` claude ❯ チームを作れるような設定になっていますか？? ```...

next.js でビルド中を判別する

Fri, 06 Feb 2026 10:53:33 +0900

# ● next.js でビルド中を判別する ``` if ( process.env.NEXT_PHASE === 'phase-production-build' ){ console.log( '● ビルド中です！' ); } ``` https://github.com/vercel/next.js/blob/633e2749/packages/next/src/shared/lib/constants.ts#L70-L86

next.js で hydration error が起きる可能性があるものを調べる。

Tue, 03 Feb 2026 14:20:01 +0900

Next.jsのHydration Errorが起きる可能性があるものを包括的にリストアップします。 ## 1. **ブラウザAPI関連** ### Window/Document オブジェクト - `window.innerWidth` / `window.innerHeight` - `window.outerWidth` / `window.outerHeight` - `window.scrollX` / `window.scrollY` - `window.pageXOffset` / `window.pageYOffset` - `window.screen.width` / `window.screen.height` - `window.screen.availWidth` / `window.screen.availHeight` -...

何か外部の値（例えばwindow size）を取得する、useSyncExternalStore

Mon, 02 Feb 2026 13:42:13 +0900

# ● useSyncExternalStore の使い方 ``` useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot?) ``` 説明 ``` useSyncExternalStore( 1. subscribe関数, 2. クライアントコンポーネント時のsnapshot関数, 3. SSR時のsnapshot関数 ) ``` ### ● SSR時 ``` getServerSnapshot() 関数を実行して終了。 ``` ### ● クライアントコンポーネント時 #### 1. マウント時 ``` 1. コンポーネントがレンダリングされる 2. useSyncExternalStore が呼ばれる 3. getSnapshot() を呼び出して現在の値を取得...

Claude Codeで「Shift + Enter」で改行コードを入力する。

Mon, 02 Feb 2026 12:46:53 +0900

Karabiner-Elements で、以下のように設定します。 ``` { "description": "【Claude Code】Shift+Enterを'バックスラッシュ+enter'に変換", "manipulators": [ { "conditions": [ { "bundle_identifiers": [ "com.apple.Terminal" ], "type": "frontmost_application_if" }, {...

react19 の useRef

Wed, 28 Jan 2026 10:29:35 +0900

``` useRef には便宜上のオーバーロードがまだ存在し、useRef(null) は自動的に RefObject を返すようになっています。useRef の引数必須化に対する移行を容易にするために、useRef(undefined) に対する実用的なオーバーロードが追加され、自動的に RefObject 型を返すようになります ``` ``` import { useRef, useEffect } from 'react'; function InputFocus() { // inputRef は RefObjectになる const inputRef = useRef(null); useEffect(()...

AIをローカルマシンで安全に実行するDocker Sandboxes とは ?

Mon, 26 Jan 2026 23:03:03 +0900

# ● Docker Sandboxes とは Docker Sandboxesは、AIエージェント(コーディングエージェント)をローカルマシン上で安全に実行するための機能です。Claude Codeのようなエージェントが、コンテナ化されたワークスペース内で安全にコマンドを実行したり、パッケージをインストールしたり、ファイルを変更したりできます。 ## `docker sandbox run ` の動作このコマンドを実行すると、以下のプロセスが行われます: 1. **コンテナの作成**: テンプレートイメージからコンテナを作成し、現在の作業ディレクトリをコンテナ内の同じパスにマウントします 2. **Git設定の自動注入**:...

vscode / cursor / windsurf / antigravity で git worktree の作成方法

Tue, 27 Jan 2026 08:30:52 +0900

## ● 1 . リポジトリを表示します ## ● 2 . リポジトリが表示された後にリポジトリ横の3点リーダーメニューからWorktreeの作成が選択できるようになります。 ## ● 3 . Cursorの場合はまずメニューをVSCodeと同じ表示にします。...

WebStorm でTypeScript-Go（tsgo）のLanguage Server を使用するための設定を追加する

Wed, 21 Jan 2026 16:13:56 +0900

Webstorm → 設定 → 言語＆フレームワーク → TypeScript → こちらを選択する ↓

Claude Code の skills

Wed, 21 Jan 2026 21:38:57 +0900

# skill-creator → anthropic公式のスキル #### 引数付き起動 ``` /create-skill pdf-converter PDFファイルを画像に変換するスキル ``` #### 引数なし起動（対話的） ``` /create-skill ``` # UI UX Pro Max → フロントエンドのUIを書くのにすごく便利 https://github.com/nextlevelbuilder/ui-ux-pro-max-skill # seo-review → AIで作ったサイトのSEO審査に使います https://github.com/leonardomso/33-js-concepts/tree/master/.opencode/skill/seo-review # skills 使い方 ```...

css grid でレスポンシブでレイアウトを変える

Mon, 12 Jan 2026 17:31:52 +0900

``` .grid { display: grid; gap: 16px; background-color: rgb(233, 233, 233); grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; } .box { border: 3px solid red; background-color: #ff000011; color: #F00; font-size: 40px; display: flex; justify-content: center; align-items: center;...

flex で gap を変数にして使う

Thu, 08 Jan 2026 13:42:08 +0900

``` .owner__vision__box{ // 変数 --gap: 30px; display: flex; flex-wrap: wrap; gap: var(--gap); margin: 38px 0px 10px 0px; li { display: block; border: 1px solid red; width: calc( (100% - var(--gap) * 2) / 3 ); } } ```

日本語フォントのCSS設定

Wed, 07 Jan 2026 11:02:23 +0900

``` // カーニング font-feature-settings: "palt"; letter-spacing: 0.09em; // 数字と日本語の間に余白を入れる text-autospace: normal; // 折り返し overflow-wrap: anywhere; word-break: normal; // 変なところで折り返さない。 line-break: strict ```

nextjs / vite でも使用されている Node.js向けの軽量で美しいユーザーインターフェースのプロンプトライブラリ

Tue, 06 Jan 2026 14:06:18 +0900

# ● terkelg/prompts https://github.com/terkelg/prompts

biome , oxlint

Wed, 24 Dec 2025 13:50:37 +0900

# ● biome ``` npm install --save-dev --save-exact @biomejs/biome // 設定ファイルの初期化 npx @biomejs/biome init --jsonc ``` ###・biomeでソースコードの整形 = prettier ``` npx @biomejs/biome format ``` ###・biomeでlint ``` npx @biomejs/biome lint ``` ###・biomeで lint+prettier 両方を実行します。 ``` npx @biomejs/biome check ``` #### ・Biomeでno-restricted-importsを実現する方法...

Playwright パラレル

Tue, 23 Dec 2025 18:06:26 +0900

# Playwright パラレル * **ディレクトリ構造は「ドメイン／機能」で分ける** * **並列可否（衝突関係）は「メタ情報」として別レイヤーで表現する** > **構造（何のテストか）と > 実行制約（どう実行できるか）を混ぜない** ## なぜ「並列可能集合ディレクトリ」はダメなのか ### 1. 並列可否は「性質」であって「所属」ではない * ドメイン：**本質的・安定** * 並列可否：**環境・実装・時代依存** ```text ✗ tests/parallel-safe/ ✗ tests/serial-only/ ``` これは： * DB構造が変わる * テストデータが改善される * 並列制御が賢くなる …だけで **ディレクトリ再編が発生**します。 ### 2. 1テストが複数の制約を持てなくなる現実のテストはこうです： *...

as const satisfies の使い所

Fri, 19 Dec 2025 11:19:59 +0900

# ● 例1 （別に as const satisfies を使わなくても良い例） #### 問題1 . エラーになる例 ``` type HttpMethod = "GET" | "POST" | "PUT" | "DELETE"; type Route = { path: string; method: HttpMethod; }; // ❌ widening が起こる const routes1: Record = { getUser: { path: "/users/:id", method: "GET" }, createUser: { path: "/users", method: "POST" }, }; routes1.getUser.method // 型: HttpMethod (Union型) //...

ブラウザのリフレッシュレート

Wed, 17 Dec 2025 14:48:40 +0900

# ● ブラウザのリフレッシュレートブラウザのリフレッシュレートというのは誰がどのタイミングで決定するのか？ ## 誰が決定するか **ディスプレイ(モニター)のハードウェア**が決定します。ブラウザではありません。 ``` ディスプレイのリフレッシュレート ↓ (OSが検出) ↓ (ブラウザが取得) requestAnimationFrame のタイミング ``` ## 一般的なリフレッシュレート - **60Hz**: 一般的なディスプレイ (約16.67ms/フレーム) - **120Hz/144Hz**: ゲーミングモニター (約8.33ms, 6.94ms/フレーム) - **240Hz**: ハイエンドゲーミングモニター (約4.17ms/フレーム) ## ブラウザによる違い...

macで markdownファイルを見やすくする

Fri, 12 Dec 2025 13:34:08 +0900

# ● treemd インストール方法 ``` brew install treemd ``` （結構インストールに時間がかかるので、気長に待ちましょう） # ● mdcat インストール方法 ``` brew install mdcat ```

cssグリットで要素を上下左右中央にセンタリング表示

Mon, 08 Dec 2025 17:23:18 +0900

p-fv { min-height: 500px; display: grid; place-content: center; }

laravelでデータベースのIDの開始を1001からにしたい

Fri, 05 Dec 2025 12:22:04 +0900

# ● laravelでデータベースのIDの開始を1001からにしたい ```php public function up() { $tableName = 'users'; Schema::create($tableName, function (Blueprint $table) { $table->id(); // カラム定義 $table->timestamps(); }); // テーブル作成後にAUTO_INCREMENTの開始値を設定 // テスト用DB（SQLite）以外の場合のみ実行 if (DB::getDriverName() !== 'sqlite') { DB::statement("ALTER TABLE...

Laravel (PHP) で Redis を使用する

Thu, 04 Dec 2025 14:42:24 +0900

LaravelでRedis を使用するにはPECLによりPhpRedisPHP拡張機能をインストールする必要がありますこれが行えない環境にある場合は、次のライブラリを使用します。 # ● Composerでpredisパッケージをインストールする。 https://packagist.org/packages/predis/predis ```bash composer require predis/predis ``` Laravelの環境変数ファイル.envに以下を追加または変更し、Redisクライアントをpredisに設定する。 ``` REDIS_CLIENT=predis REDIS_HOST=127.0.0.1 REDIS_PASSWORD=null REDIS_PORT=6379 ```...

KUSANAGI に redis を入れる

Thu, 04 Dec 2025 10:23:08 +0900

KUSANAGIで管理しているサーバーにRedisを入れる。 # Redisが入っているかどうかを確認する ``` redis-clredis-cli ping // PONG が返ってくれば既に起動しています。 ``` # ● Redisサーバーインストール ``` # 1. パッケージ更新 sudo dnf update -y # 2. Redisインストール（AppStreamリポジトリから最新版） sudo dnf install -y redis # 3. 自動起動設定＆即時起動 sudo systemctl enable --now redis # 4. 動作確認 sudo systemctl status redis #5 . 念のために再起動を確認しておきましょう。 sudo reboot ``` **再起動後に確認します ** ```...

KUSANAGI9 の初期設定とドメイン作成（プロビジョン）方法

Mon, 08 Dec 2025 11:36:30 +0900

# ● 1. KUSANAGI9 のバージョンチェックと yum のアップデートを行う **KUSANAGI9 から kusanagiユーザーから実行できるようになりました。kusanagiコマンドは root ユーザーまたは kusanagi ユーザーから行います** （aws ec2の場合は root からしか実行できません） ``` kusanagi --version ``` 以下のようにバージョンが帰ってきます ``` KUSANAGI Version 9.4.2-1.el9 ``` dnf は **root** ユーザーから行います ``` sudo dnf update -y ``` パッケージのupdateは **yum** コマンドではなく **dnf** コマンドを使用します。 # ● 1-2 現在のunixマシン名（ホスト名）を確認・変更する...

git worktree を便利にするコマンド

Thu, 05 Feb 2026 09:35:22 +0900

# ● 1 . phantom https://github.com/aku11i/phantom #### ・インストール ``` brew install phantom ``` ブランチ feature-awesome の worktreeを新規に作って cursor で開く ``` phantom create feature-awesome --exec "cursor ." ``` 作成したワークツリーを一覧から選択して shell で開く(fzf) ``` phantom exec --fzf ``` # ● 2 . gwq https://github.com/d-kuro/gwq # ● 3 . git-worktree-runner #### git-worktree-runner のインストール ```sh git clone...

laravel-ide-helper を使用してVS CodeやPhpStormでコード補完させる

Tue, 25 Nov 2025 18:29:47 +0900

# ● laravel-ide-helper を使用する次の2ステップの作業のみでVS CodeやPhpStormでコード補完（インテリセンス）が効くようになります。 ## ● 1. laravel-ide-helperのインストール https://github.com/barryvdh/laravel-ide-helper ``` composer require --dev barryvdh/laravel-ide-helper ``` ## 2. モデルファイルに直接PHPDocを書き込む。この方法が一番確実です。次のコマンドで実行できます。 **Company modelにphpdocを直接書き込む** ```php php artisan ide-helper:models "App\Models\Company" --write ```...

Laravel QUEUE_CONNECTION=sync について

Tue, 25 Nov 2025 17:48:30 +0900

# Laravel QUEUE_CONNECTION=sync について QUEUE_CONNECTION=sync は、Laravelのキュー接続設定で、ジョブを同期的に実行するための設定です ## 設定の仕組み `config/queue.php`で、デフォルトのキュー接続が`QUEUE_CONNECTION`環境変数から読み込まれます。 syncドライバーは利用可能な接続の一つとして定義されています ## syncドライバーの特徴 syncドライバーを使用すると、キューに追加されたジョブは**即座に同期的に実行**されます。つまり、バックグラウンドで非同期に処理されるのではなく、ジョブがディスパッチされた時点でその場で実行されます。 ## 使用場面 ### テスト環境...

Tailwind css を依存に関係にもたないUIコンポーネント

Fri, 21 Nov 2025 09:07:12 +0900

## Tailwind CSSを依存しないReact UIコンポーネント 1. Chakra UI 2. Radix Primitives 3. Adobe React Aria 4. Material UI (MUI) 5. Mantine 6. React Bootstrap 7. Ant Design 8. React Suite ## Tailwind CSSを依存するReact UIコンポーネント 1. Tailwind UI 2. Headless UI 3. daisyUI 4. Flowbite React 5. shadcn/ui 6. Tailblocks 7. TailGrids 8. Tail-kit 9. Untitled UI React 10. FlyonUI

tailwind を使わないUIコンポーネント Mantine をインストールする

Mon, 17 Nov 2025 13:29:19 +0900

```sh pnpm install @mantine/core @mantine/hooks pnpm install --save-dev postcss postcss-preset-mantine postcss-simple-vars ``` **src/providers.tsx** ```ts "use client"; import { MantineProvider } from "@mantine/core"; import type { FC, ReactNode } from "react"; type Props = { children: ReactNode; }; export const Providers: FC = ({ children }) => { return (

PHP で nanoid を生成する

Sun, 16 Nov 2025 17:44:22 +0900

ソータブルではないですが、ランダムなIDを作成したいときにNanoIDを利用します。 # ● composer require snortlin/nano-id を使う場合 ```sh composer require snortlin/nano-id ``` 長さが8文字のNanoIDを生成する ```php $serviceRequest->request_code = NanoId::nanoId(8); ``` アルファベット小文字と数字だけを使って長さが8文字のNanoIDを生成する ```php $serviceRequest->request_code = NanoId::nanoId(8,NanoId::ALPHABET_NUMBERS . NanoId::ALPHABET_LOWERCASE); ``` # ●...

大文字と小文字の区別がデフォルトで判別しないになっていることがあるので注意

Sat, 15 Nov 2025 23:11:23 +0900

``` git config core.ignorecase ``` ``` true ``` Macなどの場合、Gitが大文字小文字を区別しない設定になっていることがあります。その場合に以下のようなリネームをしたとしても気づいてくれません。 ``` Samplepage.tsx → SamplePage.tsx ``` その時は一旦ファイルを削除してコミットし、その後にリネームしたファイルを登録してコミットとするか、そもそものこの設定を変更する必要があります。 Gitが大文字小文字を区別するようにする。 ``` git config core.ignorecase false ```

deployer でのデプロイが便利すぎる

Fri, 14 Nov 2025 22:22:33 +0900

# ● deployerのインストール ```sh composer require deployer/deployer --dev ``` # ● deployerの初期設定 ``` vendor/bin/dep init ``` 各種質問に答えます。hostsという質問のときは、デプロイ先のSSH接続名を入力します。

Laravel で API の入出力を自動的にキャメルケースに変換するミドルウェア。

Thu, 06 Nov 2025 22:36:14 +0900

# ● rizkussef/laravel-snake-to-camel-case https://github.com/RizkUssef/laravel-snake-to-camel-case Laravel 内ではスネークケースで統一して、あとは自動的にフロントエンドとのやり取りをキャメルケースにしてくれます。

Laravel で実際にデータベースを見に行った上でTypeScriptの型を生成するパッケージ

Thu, 11 Dec 2025 15:25:31 +0900

# ● fumeapp/modeltyper https://github.com/fumeapp/modeltyper 導入と生成がとても簡単なのでおすすめです。 #### インストール ```sh composer require --dev fumeapp/modeltyper ``` #### 実行（ type を使う場合） ``` php artisan model:typer --use-types # 実行すると画面上に表示されるので、クリップボードに入れたい場合は、 php artisan model:typer --use-types | pbcopy ``` #### 実行（ interface を使う場合） ``` php artisan model:typer # 実行すると画面上に表示されるので、クリップボードに入れたい場合は、...

codeigniter でログを取得する

Mon, 03 Nov 2025 17:06:28 +0900

明示的にメソッドを呼び出してログを記録する方法をご説明します。 ## CodeIgniterの標準ログメソッド特定のコントローラー内で以下のように記述します： ```php _log_access(); // 通常の処理 // ... } public function complete() { // アクセスログを記録...

Laravelで日本語の住所からGoogleマップのURLを取得する関数

Sat, 01 Nov 2025 13:16:41 +0900

# ● composer require spatie/geocoder インストール ``` composer require spatie/geocoder ``` 取得関数 ``` setApiKey(config('geocoder.key'));...

PHPのLaravelでURLをQRコードにするQRコード画像を生成するパッケージ

Sat, 01 Nov 2025 09:15:48 +0900

最短手順は「インストール →（自動登録）→ Bladeやコントローラで QrCode ファサードを呼ぶ」です。SVG表示は即使え、PNG出力は GD/Imagick が必要です。[1][2][3] ### インストール - 実行: composer require simplesoftwareio/simple-qrcode（v4系が推奨）。[2][3] - Laravelの自動パッケージ発見でプロバイダ/エイリアス登録は不要（古い記事の手動追記は基本不要）。[3] ### もっとも簡単な表示（SVG） - Bladeにそのまま埋め込み・{!! QrCode::generate('https://example.com') !!}（デフォルトはサイズ100のSVG）。[4][3] - サイズ指定・{!!...

Laraelのモデルでグローバルスコープ、ローカルスコープを動的なパラメーターでセットする

Fri, 31 Oct 2025 20:51:33 +0900

# ● Laravelのモデルの「スコープ」とは Laravelのモデルのスコープとは簡単にいうと SQL文の「 WHERE aaa = 'bbb'」みたいなWHERE句なのですが、 ``` ・「User」モデルの中の管理者フラグを持つものだけを取り扱う・「User」モデルが既にあるときに、現在削除されてないユーザー（ WHERE is_deleted = 0 ）を「Activeuser」モデルとして作成する。 ``` みたいなところで使います。その時に使うのが　モデルの「スコープ」です。好きな時につけたり外したりできる「ローカルスコープ」と基本的につけっ放しの「グローバルスコープ」があります。 # ● グローバルスコープの作成方法（A. スコープクラスを作成して使う場合）...

Claude Code 便利集

Fri, 19 Dec 2025 09:37:45 +0900

# ● claude -r の代わりに ccr コマンドでClaude Code のセッションを再開する ```sh npm install -g @sasazame/ccresume ``` **.bash_profile** ``` alias ccr='ccresume' ``` ccrコマンドで起動できるようになります。 ``` ccr ``` # ● ccv コマンドでClaude Code の昔のセッションを再開する **.bash_profile** ``` alias ccv='PORT=3400 npx @kimuson/claude-code-viewer@latest; open http://localhost:3400' ``` ccvコマンドで起動できるようになります。 ``` ccv ``` # ● Claude...

gitであるファイルが変更されたコミットを検索する

Thu, 30 Oct 2025 09:10:22 +0900

``` git log --all --full-history --oneline -- "path/to/your/file/test.html" | head -20 ```

LaravelでPest使う

Sat, 08 Nov 2025 09:43:54 +0900

# 1 . PHPユニットに感謝しつつ削除する ```sh composer remove phpunit/phpunit ``` # 2 . Pest をインストール ```sh composer require pestphp/pest --dev --with-all-dependencies ``` # 3 . Pest の初期化 ```sh ./vendor/bin/pest --init ``` # 4 . テスト実行 ```sh ./vendor/bin/pest ``` **.bash_profile** Aliasを設定しておきましょう。 ``` alias pest='./vendor/bin/pest' ``` #### laravle pest で指定したタイトルにマッチするテストだけを実行 ```sh pest...

laravel-arsenal-core を使ってみる

Tue, 28 Oct 2025 20:12:17 +0900

```bash composer create-project laravel/laravel laravel-lac-app ``` ```bash cd laravel-lac-app ``` ```bash composer require lac/toolkit --dev ``` Post テーブルをスキャフォールディングする ``` php artisan lac:scaffold Post php artisan lac:sync-routes ```

vscodeでDBモデル図を書く plant uml を表示する

Wed, 28 Jan 2026 15:00:15 +0900

``` brew install openjdk java --version ``` ``` brew install graphviz brew install plantuml ``` # ● PlantUML https://marketplace.visualstudio.com/items?itemName=jebbs.plantuml

I AM Identity Center / SSO

Tue, 17 Feb 2026 16:57:05 +0900

#### ● I AM ユーザーを作ったら負け引用 : https://speakerdeck.com/opelab/20240621-aws-summit-iam?slide=41 ### 従来の方法(IAMユーザー+アクセスキー)の問題点 ``` ・アクセスキーは長期的な認証情報で、漏洩リスクが高い・ローテーションが手動で面倒・ハードコードやGitへの誤コミットのリスク・複数の環境で同じキーを使い回しがち ``` **恒常的なクレデンシャルが常にAWSの外にあることが問題である** ### IAM Identity Centerを使う利点 ``` ・一時的な認証情報を自動取得(数時間で自動失効) ・AWS CLIでaws sso loginコマンドで認証・1つのログインで複数のAWSアカウント・ロールにアクセス可能・より安全で、認証情報の管理が楽...

AWS CloudWatchで AWS CloudFrontへのアクセスを調べる

Thu, 23 Oct 2025 13:16:23 +0900

AWS CloudWatchでCloudFrontのファイルアクセスを調査する方法 ## 前提確認が必要な点 CloudFrontのログ設定により調査方法が異なります: ### 1. **CloudFront Real-time Logs**が有効な場合 CloudWatch Logsに直接ログが送信されているため、**CloudWatch Logs Insights**でクエリ可能です。 ``` # 特定のファイルへのアクセスを検索 fields @timestamp, c-ip, cs-uri-stem, sc-status, cs-method | filter cs-uri-stem like /\/path\/to\/your\/file\.ext/ | sort @timestamp desc | limit 1000 ``` **CloudFront...