IT Study 【自動化テスト入門②】Katalonで学ぶXPath基本編
前回【自動化テスト入門①】Katalonで学ぶCSSセレクタ基本編でCSSセレクタについて説明しました。今回はXPathで要素を選択する方法についてまとめました。XPathとはXPath は、HTMLやXMLの要素を指定するための書き方です...
hyoni
IT Study 
Programming 【Next.js】Githubのような勉強記録アプリ④：LocalStorageに詳細を追加・変更しよう
前回【Next.js】Githubのような勉強記録アプリ③：Gridを使って勉強時間を可視化するに続き、今回はLocalStorageに記録されている勉強内容の詳細を追加・変更する機能を実装しました。前回までは勉強時間・勉強した日付のみ管理...
IT Study 【自動化テスト入門①】Katalonで学ぶCSSセレクタ基本編
仕事で自動化テストを行うため、今回からKatalon Studioを使うことになりました。すでにある程度自動化が進んでいるプロジェクトへ途中参加する形だったため、まずは基礎知識を整理しながら勉強を進めています。自動化テストでは、ログインボタ...
IT Study 【初心者向け】Githubの基本操作と恥ずかしくないコミットメッセージの書き方
個人プロジェクトだからってGithubのメッセージを適当に書いていませんか？実は、恥ずかしながら自分も「一人でやるから大丈夫」と思って、適当にPushしたり、メッセージを書いたりしていました。でも、いざ誰かにGithubを共有する場面になる...
Programming 【Next.js】Githubのような勉強記録アプリ③：Gridを使って勉強時間を可視化する
前回【Next.js】Githubのような勉強記録アプリ②：LocalStorageを活用したデータ保存を実装しました。今回は、LocalStorageに保存したデータを利用して、GitHubのContributionのような「勉強記録グリ...
Programming 【Next.js】Githubのような勉強記録アプリ②：LocalStorageを活用したデータ保存
前回【Next.js】Githubのような勉強記録アプリ①：簡単なTimer実装に続き、今回はLocalStorageを使って勉強内容を保存する方法を解説します。勉強記録アプリを作る中で、「記録したデータをどのように保存するか」で悩む方も多...
IT Study これ何て読むの？データベース用語まとめ
前回 これ何て読むの？よく使うIT記号まとめに続き、データベース（DB）の学習や実務で頻繁に使われる用語を、「読み方」と「意味」と一緒にまとめました。辞書代わりにご活用ください。この記事でわかることデータベースの基本構造データの整合性を守る...
Programming 【Next.js】Githubのような勉強記録アプリ①：簡単なTimer実装
最近は、なんでもAIがコードを書いてくれる時代ですが、あえてAIを使わずにコードを書いてみました。もちろん、最終的にはAIにコードを見てもらいました☺️（私の心強い先生です！）AIを使えば効率よく開発できますし、時間短縮にもなります。ただ、...
IT Study AWS RDSで突然の請求増加・・・原因は「フリーティア終了」だった。
以前、MariaDBを使って作った「韓国書籍情報のホームページ」を、AWSのフリーティアで運用していました。そのときの月額料金はだいたい4ドル前後。特に問題もなく、しばらく放置していました。ところがある日、「MariaDBのバージョンをアッ...
IT Study これ何て読むの？よく使うIT記号まとめ
プログラミングやWeb開発でよく使う記号の読み方を初心者向けにまとめました。イコールやノット、括弧など、実務でも役立つ基本記号をわかりやすく解説します。