Programming 【自動化テスト入門⑤】KatalonStudioのSpy WebとVariablesを使ってログインテストを作成する方法
前回の記事では、【自動化テスト入門④】Katalon StudioのインストールからGitHub連携、初めてのログインテスト作成まで 紹介しました。今回は、Spy Webを使ってWebページの要素を取得し、Variables（変数）を利用し...
Programming
Programming 
Programming 【自動化テスト入門④】Katalon StudioのインストールからGitHub連携、初めてのログインテスト作成まで
今回は自動化テストツール「Katalon Studio」を使って、環境構築から簡単なログインテストを作成するところまで進めてみました。自動化テストをこれから学習したい方の参考になれば幸いです。この記事でわかることKatalon Studio...
IT Study 【自動化テスト入門③】Next.jsでテスト用プロジェクトを作成してGitHubと連携する
前回は自動化テストを行うために、XPathやCSSセレクタの基礎について学習しました。◾️参考記事【自動化テスト入門①】Katalonで学ぶCSSセレクタ基本編 【自動化テスト入門②】Katalonで学ぶXPath基本編しかし、実際に自動化...
Programming 【Next.js】Vercelデプロイエラー「ReferenceError: localStorage is not defined」の原因と解決方法
勉強記録アプリをVercelでデプロイしようとGitHubと連携してインポートしたら、エラーが発生しました。DBも使わないし、簡単なコードで作ったアプリなのに「なんで？」という感じでかなり混乱しました。エラー内容はこちらです。Referen...
Programming 【Next.js】Githubのような勉強記録アプリ④：LocalStorageに詳細を追加・変更しよう
前回【Next.js】Githubのような勉強記録アプリ③：Gridを使って勉強時間を可視化するに続き、今回はLocalStorageに記録されている勉強内容の詳細を追加・変更する機能を実装しました。前回までは勉強時間・勉強した日付のみ管理...
Programming 【Next.js】Githubのような勉強記録アプリ③：Gridを使って勉強時間を可視化する
前回【Next.js】Githubのような勉強記録アプリ②：LocalStorageを活用したデータ保存を実装しました。今回は、LocalStorageに保存したデータを利用して、GitHubのContributionのような「勉強記録グリ...
Programming 【Next.js】Githubのような勉強記録アプリ②：LocalStorageを活用したデータ保存
前回【Next.js】Githubのような勉強記録アプリ①：簡単なTimer実装に続き、今回はLocalStorageを使って勉強内容を保存する方法を解説します。勉強記録アプリを作る中で、「記録したデータをどのように保存するか」で悩む方も多...
Programming 【Next.js】Githubのような勉強記録アプリ①：簡単なTimer実装
最近は、なんでもAIがコードを書いてくれる時代ですが、あえてAIを使わずにコードを書いてみました。もちろん、最終的にはAIにコードを見てもらいました☺️（私の心強い先生です！）AIを使えば効率よく開発できますし、時間短縮にもなります。ただ、...
Programming 【Next.js】チケット販売システムを作る④ : Vercelを使ってデプロイしよう
Next.jsアプリをVercelでデプロイする方法を初心者向けに解説します。GitHub連携の設定や、リポジトリが表示されない場合の対処方法など、実際の手順をまとめました。
Programming 【Next.js】チケット販売システムを作る③ : 座席選択機能と確率ベースのSoldOut設計
Next.jsとTypeScriptを使用して、チケット販売システムの座席選択機能を実装。進行度に応じて確率が上がるSoldOutロジックや状態管理について解説します。