AI 【chatGPT】6歳でもできるタイピングゲームを作りました
小学生になった6歳の娘が、学校からパソコンを借りてきました。使うのはまだ先みたいですが、「パソコンにログインできるように練習しておいてください」とのこと。これはタイピング練習にぴったりのチャンスだなと思い、娘のために子ども向けのタイピングゲ...
Web制作
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...
Web制作 jQueryの学習は必要？
jQueryとは？ jQueryのメリット簡単に使える 豊富なプラグイン 既存プロジェクトでの利用 jQueryのデメリットパフォーマンスの低下 モダンな技術の台頭 時代遅れと言われることも どんな人が学ぶべき？学ぶべき人業務で既存プロジェ...
Web制作 Progateでプログラミングを学習した主婦のリアルな感想
自己紹介 Progateを選んだ理由初心者に優しい構成 無料でも始められる スキマ時間で進められる 学習した感想実際にコードを打ちながら学べる スライドで何度も復習できる 道場レッスンが出来たら達成感がある スキマ時間の作り方お昼寝中や寝か...