「import.meta.env と .envファイルって結局なんなのか？」を調べてみた
きっかけ：Jest でエラーが出た Vite プロジェクトに Jest でテストを追加しようとしたとき、こんなエラーが出ました。 SyntaxError: Cannot use 'import....
2
1
Comment0
18 search resultsShowing 1~18 results
Stocked
You need to log-in
GitHub ActionsのComposite Actionでセットアップ手順を共通化する
はじめに 複数のワークフローを運用していると、checkout・pnpm・Node.js のインストールなどがジョブやファイルごとに何度も登場することがあります。 UIをコンポーネントで共通化す...
0
0
Comment0
Testing Library の getByLabelText は 実際にレンダリングされる HTML に完全一致じゃないといけない
はじめに Chakra UI でフォームをテストしていたとき、getByLabelText で要素が取得できずにテストが落ちるという問題に詰まりました。 ラベルのテキストは合っているはずなのに、...
2
1
Comment0
Vitestで window.open をモックしてリンクボタンの挙動をテストする
はじめに 「新しいタブでURLを開く」ボタンをテストしようとしたら、window.open が jsdom では動かなくて詰まりました。 jsdom（Vitestのデフォルト環境）はブラウザAP...
2
1
Comment0
Cloudflare Workersでシークレットを設定する3つの方法
はじめに Cloudflare WorkersにReactアプリをデプロイしていたとき、APIキーなどのシークレットをどこに書けばいいか迷いました。 wrangler.toml に直書きすれば動...
2
3
Comment0
ESLint の no-floating-promises で await し忘れを検出する
はじめに TypeScript + React でコードを書いていると、async 関数を呼び出すときに await を書き忘れることがあります。 async function onClickR...
2
0
Comment0
React学習を一から立ち返るために学習記録アプリを開発しました
はじめに プログラミングスクール「JISOU」の課題として、Vite+React+JavaScriptで「学習記録アプリ」を作成しました。 機能 学習内容・学習時間の入力 Inputの入力内容を...
2
0
Comment0
VitestでSupabaseを使うテストがCI環境だけ落ちる問題の対処法
はじめに ローカルではちゃんと通るテストが、GitHub Actionsだとエラーで落ちるという経験をしました。 Error: supabaseUrl is required. ❯ valida...
2
0
Comment1
配列要素のアクセスには Array.prototype.at() をもっと活用していこうぜって話
はじめに arr[i] でインデックスアクセスをすると、TypeScript は「必ず値が存在する」前提で型を推論します。でも実際には範囲外のインデックスを渡せば undefined が返ってく...
5
1
Comment1
JSX のイベントハンドラに () => が必要な理由―関数オブジェクトという考え方
はじめに React で onClick などのイベントハンドラに引数付き関数を渡すとき、なぜ () => で包む必要があるのか、最初はよくわからないままなんとなく書いていました。今回はそ...
1
2
Comment0
ReactのuseStateはなぜ配列を返すのか
はじめに useState の返り値がなぜ配列なのか気になったので調べてみました。 const [count, setCount] = useState(0); 冗長さの軽減と命名の自由度を分割...
3
0
Comment0
macOS + PowerShell 7 で SharePoint Online を操作するには PnP PowerShell を使う
はじめに SPFx のサイトコレクションアプリカタログを PowerShell で設定しようとしたところ、macOS + PowerShell 7 の環境でハマったのでまとめます。 問題 Win...
1
0
Comment0
AI時代に本物のエンジニアになるための決意
AI時代に本物のエンジニアになるための決意 2026/3/21にJISOUに入会しました。 今までアウトプットが途切れ途切れだったことを反省し、あらためてこれまでの記録と学習への決意を書いていき...
2
2
Comment0
【Power Automate】持続可能なフローを作ろう〜止まらないフローの設計と運用〜
みなさんはフローを作るときにどんなことを意識していますか？ SharePointリストの5000件問題を回避したり、Graph APIを勉強したり、慣れない関数をAIに書いてもらったりして、なん...
11
2
Comment0
Claudeに記憶を持たせてみた〜MCPとMemory機能の導入
OpenAI、MicrosoftがMCP（Model Context Protocol）への対応を発表したことで、「ついにMCPがAI界のUSB-C化するぞ！」と盛り上がっていますね。 そんな最...
12
4
Comment0
UserDefaultsやAppStorageの初期値を正しく理解する
はじめに iOSにはUserDefaultsという、キーと値をペアにして永続的なデータとして保存できる便利なインタフェースがあります。 このUserDefaultsには初期値を登録しておけるUs...
6
6
Comment0
【2024年版】ADEPのIn-Houseアプリのプロビジョニングプロファイル・ipaファイルを更新する方法
はじめに Apple Developer Enterprise Program（ADEP）を契約してIn-Houseでアプリを社内に配布している場合、1年に1回プロビジョニングプロファイル（Pr...
2
0
Comment0
【iOS】CallKitでプロジェクト名とは別のアプリ名を表示させる方法
はじめに この記事では、iOS14以降でCallKitのUIに表示させるアプリ名を設定する方法を説明します。 過去の記事ではCXProviderConfiguration.init(locali...
0
1
Comment0
18 search resultsShowing 1~18 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles