初心者向けアプリケーション開発

IT Study

【自動化テスト入門②】Katalonで学ぶXPath基本編

前回【自動化テスト入門①】Katalonで学ぶCSSセレクタ基本編でCSSセレクタについて説明しました。今回はXPathで要素を選択する方法についてまとめました。XPathとはXPath は、HTMLやXMLの要素を指定するための書き方です...
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を使えば効率よく開発できますし、時間短縮にもなります。ただ、...