HTML 「HTML」や「PHP」で「ページを閉じる」ボタンを作る方法
<a href="#" onclick="window.close(); return false;">▶閉じる</a>閉じるボタンは、上記コードを貼り付ければOKです。以下は、<a href="#" onclick="window.clo...
HTML 
css 【トラブル】ワードプレスでcssの命令が反映されない。原因はテーマ
ワードプレスでcssに命令を設定しているのに、一向に命令が反映されない。というトラブルがありました。様々な要因を調べた結果、ようやく原因が判明しました。原因はワードプレスのテーマでした。テーマの方のcssが優先されて、私が設定したcssの命...
css 【プログラム】CSSの基本を幼稚園児にもわかるように、チャットGPT先生に教えてもらおう！
私：CSSって何？ 幼稚園児にもわかるように教えて？チャットGPT先生：わかりました。わかりやすくお伝えしますね。1. CSSって何？CSSは、お話（HTML）を楽しく見せるために、「色を塗ったり、大きさを変えたり」する魔法みたいなもの！例...
用語解説 プログラムの3大基本と実践で役立つ要素
プログラムを書く上で、最低限押さえておきたい3大基本と、実践で役立つ発展的な要素について解説します。初心者の方でもわかりやすいように、例とともに丁寧に説明します。プログラムの3大基本プログラムは、主に次の3つの構造で成り立っています。順次処...
WEB 【トラブル】APIを使ったワードプレスサイトで、ページネーションが機能しない
APIを使ったワードプレスサイトでページネーションが機能しないというトラブルが起きました。APIからデータを取得するため、ワードプレスのページネーションを使う訳にはいかず、オリジナルでページネーションを用意する必要がありました。それにより、...
WEB 【サイト】「クエリパラメータ」と「パーマリンク」の違い
「クエリパラメータ」と「パーマリンク」は、どちらもURLに関連する要素ですが、役割や使い方が異なります。それぞれの違いを詳しく説明していきます。クエリパラメータとは？形式: ?key1=value1&key2=value2URLの末尾に、?...
用語解説 【プログラミング】「ローカル変数」と「グローバル変数」の違い
この記事では「ローカル変数」と「グローバル変数」の違いを解説します。ローカル変数とは？ローカル変数とは、プログラムの特定の部分（通常は関数やブロック）でのみ利用できる変数のことです。範囲（スコープ）が限定されているため、そのブロックの外から...
Python Pythonの関数を幼稚園児にもわかるように解説
私：Pythonの関数を幼稚園児にもわかるように教えて。チャットGPT先生：もちろんです！幼稚園児でもわかるように、Pythonの関数についてシンプルに説明しますね。関数ってなに？関数は、**「お料理のレシピ」**みたいなものです。やりたい...
トラブル 【プログラムトラブル】データのダウンロード状況がGUIに表示されない
データのダウンロード状況をGUIに進捗バーで表示する。というプログラムをチャットGPTで作ったのですが、GUIに上手く表示されません。長い時間がかかって原因が、ようやくわかりました。ダウンロード状況を示す進捗バーの名前が被っていて、どのデー...
トラブル 【プログラミング】初心者が知るべきパスの基本。パスはプログラムの住所
プログラムを作るとき、初心者が理解すべき重要なポイントがあります。それはパスです。パスとはプログラムの住所みたいなものです。パスを指定することで、目的のファイルに行きつくことができます。ここでは、相対パスと絶対パスの違いや、ファイル名の付け...
PHP 【PHP】「クラスファイル」と「インスタンス」って何？ 教えてチャットGPT先生！
「クラスファイル」と「インスタンス」って何？チャットGPT先生教えて！1. クラスファイルってなに？クラスはプログラムを整理するための「設計図」みたいなもの。例え話クラスを「おもちゃ工場の設計図」だと考えてみて！設計図だけでは遊べないけど、...
作成 【API活用】ワードプレスでショートコードを使った複数ページを連携させる方法
商品情報を取得できるAPIがあったとします。これをワードプレスで活用する場合、ショートコードを使います。PHPでコードを書いてショートコードを作るのです。まず、チャットGPT先生に「商品一覧」と「商品詳細」を表示するショートコードを作っても...
作成 VSCodeのエラーをチャットGPTに直してもらうコツ
VSCodeの「問題」の欄にエラーが表示される時があります。このエラーメッセージをチャットGPTに伝えれば直るのかなと思っていたのですが、それだけでは上手く直りません。エラーメッセージと共にエラー箇所のコードも一緒に伝えましょう。するとエラ...
作成 チャットGPTにプログラムを作ってもらう時のコツ3選
この記事では、チャットGPTにプログラムを作ってもらう時のコツをお伝えします。「ChatGPT o1-mini」を使おう！チャットGPTには、様々なモデルがあります。「ChatGPT-4o」「ChatGPT-4o with canvas」「...