CloudFormation で名前だけが異なる同じ設定の S3 バケットを複数作りたい時に、一つのスタックの中で、バケット名のリストをループして一気に S3 バケットを作れないかと調べたところ、Fn::ForEach 関数を使えば実現できました。 ただし、この方法では、S3 バケット名にハイフンなどの記号を含んでいると、CloudFormation テンプレートの OutputKey に英数字...

・Secrets Manager のAWS管理キーではキーポリシーが編集できない →クロスアカウントアクセスを許可するためのリソースベースポリシーを設定できない ・EFSはWindowsには適していない。 Linuxベースのアプリ向け分散ファイルシステムだから ・Amazon FSx for Windows File Server ファイルシステム Windows ベースのアプリケーションから...

📘 2338文字

## Introduction We are currently in our third iteration of unification for rational trees. What first begun as a separate routine inside library(math), has now recently become a novel take on the host...

Agentic AI Development: How It’s Changing Custom Software Projects ![Agentic AI Development.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4027332/11677a42-c168-4695-974a-1a4a2667c7e...

## はじめに こんにちは。2か月ぶりくらいの記事となってしまいました。月1を一応の目標としていたのですが、なかなか難しいですね。 さて、今回はURLを短くする方法をご紹介します。URLをコピペする際、長すぎて見づらかったりすることがあります。例えば、以下の物。 ``` https://qiita.com/Q_Udon/items/fbe18d44e3363e5b86cc#:~:text=%...

## 導入文 Expo を使ってアプリを開発するとき、最初に必ず直面するのが「アイコン」や「スプラッシュスクリーン」などの画像準備です。 これらは単なる飾りではなく、App Store / Google Play への公開要件やユーザー体験に直結する重要な要素です。 * iOS / Android / で どの画像が必要なのか * サイズや背景透過の有無、推奨フォーマットはどうなっているのか ...

# Gridのgrid-template-columnsの罠 固定のトップナビゲーションをGridレイアウトで実現しようとしたとき、プロパティ`grid-template-columns`でハマってしまった。この罠について解説する。 ## 例：ウィンドウ幅に合わせた自動グリッド やりたかったこと： * 5つのカテゴリページのリンクをトップナビゲーションに表示する * カテゴリページのリンクのリ...

VSCodeと同じです。 ## 拡張機能をまだインストールしていない場合 拡張機能を開きます。  「Japanese」で検索して「Japanese La...

# はじめに Vitestでテストを作成中にエラーが発生したので、その解消方法を備忘録としてまとめます。 同じエラーに遭遇した方の参考になれば幸いです。 # 発生したエラーメッセージ ``` Error: [vitest] There was an error when mocking a module. If you are using "vi.mock" factory, make su...

# はじめに Vitest でテストを書いたら useNavigate() 関連のエラーに遭遇したので、原因と解決策をまとめます。 # 発生したエラーメッセージ テスト実行時に以下のエラーが発生しました。 ``` zch Error: useNavigate() may be used only in the context of a component. ❯ Login src/pa...

　椿です。　今回の記事は、今年の夏に行った洞爺湖日帰り旅行について書こうと思います。続きをみる

🌐 1661文字

■ブロック分け基準 ---------------------------------------------------------------- 背景情報 → 課題 → 検討・対策 → 追加の課題 ・脅威・脆弱性対応1 (SPF) 【修正案の例】 　元の見出し: 「■N社、システム構成」「■N社、チーム体制、補足」 　提案する見出し: 「N社の現状・システム構成」「N社の運用体制・補足」 ...

# はじめに 今までJest を使っていましたが、はじめてVitest を導入してテストを書いたところ、 Jest と同じ書き方でモックを定義したらエラーに遭遇しました。 本記事では、Jest と Vitest でのモックの違いと、実際に解決した方法をまとめます。 # Jest のモック作成方法 まず、Jest で `useNavigate` をモック関数に差し替える場合のコードです。 ```...

# はじめに Supabaseとクラスを組み合わせた処理で ``` Uncaught TypeError: result.getFormattedDate is not a function ``` というエラーに遭遇しました。解決までに時間がかかったので、同じエラーで困っている方の参考になればと思い記事にまとめます。 # エラーが発生時のソースコード ```sample.tsx impor...

# はじめに React でチェックボックスの状態管理を学んだ際の備忘録です。 「チェックが入ったか・外れたか」をどのようにロジックで管理するのか最初は迷いましたが、典型的な書き方を整理しました。今後もよく使いそうなので記事にまとめます。 # 実装例 チェックボックスの描画部分です。 ingredient.id をキーにして、チェックボックスごとに状態を管理しています。 ```tsx retu...

🦫 3278文字

🎃 5074文字

🔰 1581文字