AI 【chatGPT】6歳でもできるタイピングゲームを作りました
小学生になった6歳の娘が、学校からパソコンを借りてきました。使うのはまだ先みたいですが、「パソコンにログインできるように練習しておいてください」とのこと。これはタイピング練習にぴったりのチャンスだなと思い、娘のために子ども向けのタイピングゲ...
AI 
Web制作 px、%、em、remの使い分け
Web制作を学んでいると必ず出てくる、「px」「%」「em」「rem」といった単位たち。なんとなく使っているけど、正直よくわかっていない…emとremの違いは何だろう？と思うことも多いです。この記事では、それぞれの単位の意味や特徴、使い分け...
Web制作 【購入書籍紹介】1冊ですべて身につく HTML & CSSとWebデザイン入門講座
今回は、Web制作の勉強を始めたばかりの私が購入した本「1冊ですべて身につく HTML & CSSとWebデザイン入門講座」をご紹介します。1冊ですべて身につく HTML & CSSとWebデザイン入門講座書籍を購入した理由普段はパソコンを...
AI AIエディタ「Cursor」を使ってみた感想
はじめに最近エディタをCursorに変えました。今回はAIがコード作成を手伝ってくれるエディタ「Cursor」を実際に使って感じたことをまとめます。Cursorとは？Cursorは、よく使われるエディタ「VS Code」をベースにしたツール...
Web制作 Webレイアウトに使う「position」プロパティについて
はじめにCSSのpositionプロパティは、Webページ上の要素の配置方法を指定するプロパティです。難しく感じたので、今日はpositionプロパティについてまとめてみました。 はじめに 参考にしたYouTubeの解説 1. positi...
Web制作 ドットインストールを1ヶ月有料会員になって勉強した感想
はじめにドットインストールは、プログラミング学習のための動画教材を提供するウェブサイトです。1ヶ月間有料会員として利用してみた経験をもとに、その特徴や良かった点などを記録したいと思います。 はじめに ドットインストールとは 良かった点 1ヶ...
Web制作 Chromeの検証ツールを日本語にする方法
はじめにChromeの検証ツール（Developer Tools）は、デフォルトで英語表示になっていますが、簡単な手順で日本語に変更することができます。今回はその手順をメモで残しておきます。 はじめに 手順1: 検証ツールを開く 手順2: ...
Web制作 Webレイアウトに使う「float」「flexbox」「grid」の違い
WEB制作の学習中でflexboxがよく分からない…floatとの違いは何？grid難しい！そうなっていませんか？私も難しいと感じたので、色々調べました。この記事ではこの3つのWEBレイアウトに使用する手法の違いについてまとめています。 f...
AI 主婦必見！chatGPTを使って家事も育児も効率アップ！
chatGPTの始め方 毎日の献立の相談 子どもの疑問や勉強のサポート 愚痴を聞いてもらう 使うときの注意点 まとめchatGPTって何ができるの？一回使ってみたけど、思った回答がこなくて使い方が分からない…上手く使いこなせると私たちの生活...
Web制作 jQueryの学習は必要？
jQueryとは？ jQueryのメリット簡単に使える 豊富なプラグイン 既存プロジェクトでの利用 jQueryのデメリットパフォーマンスの低下 モダンな技術の台頭 時代遅れと言われることも どんな人が学ぶべき？学ぶべき人業務で既存プロジェ...