トラブル 【ワードプレス トラブル】ショートコードの1番最初だけリンク化されない
APIを活用したショートコードをワードプレスの同じページに複数設置。すると1番最初のショートコードだけ画像がリンク化しないという不具合が発生しました。様々な調査を行い、根本的な理由はわからないのですが「目次」が原因だと判明しました。そのペー...
トラブル 
便利機能 VSCodeで実行中のプログラムを途中で停止（中止）する方法。「Ctrl + C」を使おう
VSCodeで実行中のプログラムを途中で停止する方法はいくつかあります。以下の手順を試してみてください。1. 実行中のターミナルを停止する方法: 実行中のプログラムがターミナル上で動いている場合、ターミナルの上部にあるゴミ箱アイコン（Kil...
トラブル 【トラブル】スライドショーのループが上手くいかない
スライドショーのループ時に、画像が瞬間移動され、ループが不自然に見える。という不具合が発生しました。調べてみると、右側からスライドするループは自然で、左側からスライドするループ時だけ瞬間移動していることが判明しました。そのため、左側のループ...
トラブル 【トラブル】ワードプレスでショートコードしか表示されない。内容が表示されない。
ワードプレスのプラグインを作って、固定記事にショートコードを貼り付けました。しかし、ショートコードしか表示されず、内容が表示されないというトラブルが発生しました。原因はクラス名が間違っていました。初歩的ミスです。クラス名を正しい物に変更した...
トラブル 【トラブル】ページの再読み込みで、プルダウンメニューの選択内容が保持されない。原因は「string」
例えば「選択なし、リンゴ、バナナ」というプルダウンメニューがあったとします。このプルダウンメニューでリンゴを選択して、リンゴのページを表示（再読み込み）するとプルダウンメニューがデフォルトの「選択なし」になってしまうのです。リンゴを選択した...
トラブル 【トラブル】自動ダウンロードプログラムでエラーが出る
データを自動ダウンロードするプログラムでダウンロードエラーが発生。非常に困っていました。そこで、ダウンロードエラーが発生した時は、ダウンロードをキャンセル。そのキャンセルしたデータを、また新たにダウンロードし直すという回避方法で、なんとか解...
JavaScript JavaScriptの基本を幼稚園児にもわかるように「チャットGPT先生」に教えてもらおう
私：JavaScriptの基本を幼稚園児にもわかるように教えて。チャットGPT先生：任せて。今日はみんなに「JavaScript（ジャバスクリプト）」っていう魔法のことばを教えるよ！この魔法を使うと、コンピューターに「こうして！」ってお願い...
PHP PHPの基本を幼稚園児にもわかるように「チャットGPT先生」に教えてもらおう！
私：チャットGPT先生。PHPの基本を幼稚園児にもわかるように教えて！チャットGPT先生：わかったよ。とっても簡単に教えるね。PHPのはじまりの合図！PHPは、インターネットのページを作るための「プログラムの言葉」なんだ。これを覚えると、自...
css 【cssでのお悩み解決】レスポンシブでデザインが崩れる。枠内の子要素が中央配置にならない
このページでは、WEBサイトでのCSSの使い方について解説します。レスポンシブで子要素がウィンドウを飛び出すレスポンシブで、子要素が親要素の枠を飛び出し、デザインが崩れる時は、子要素の幅の範囲が指定されていないからです。例えば、minmax...
WEB 【トラブル】WEBサイトのスクロールバーを削除（非表示）できない
ウェブページ内に別のウェブページを埋め込む必要があり、<iframe>を使っていました。しかし埋め込んだウェブページに無駄なスクロールバーができ、それを削除できずにいました。チャットGPT先生に解決方法を聞いて、<iframe>内に「sty...
トラブル 【トラブル】APIの内容が表示されない。原因はデータがない状態を想定していなかったから
APIの情報が表示されないというトラブルが発生していました。原因はAPIの情報がない状況を想定していなかったからでした。例えばAPIで「食べ物」「値段」「賞味期限」という情報を取得できたとします。その場合にアイスの情報を取得すると「食べ物：...
WEB 【トラブル】ワードプレスで画像リンクを押しても別タブで開かない。原因はCocoonの「画像の拡大効果」
ワードプレスで画像をクリックした時に、別タブで画像を開きたいのに、同ページで画像を開こうとして、結果的に画像が何も表示されないという不具合が起きていました。原因はワードプレステーマの「Cocoon」でした。Cocoonの画像を表示する仕組み...
HTML 「HTML」や「PHP」で「ページを閉じる」ボタンを作る方法
<a href="#" onclick="window.close(); return false;">▶閉じる</a>閉じるボタンは、上記コードを貼り付ければOKです。以下は、<a href="#" onclick="window.clo...
css 【トラブル】ワードプレスでcssの命令が反映されない。原因はテーマ
ワードプレスでcssに命令を設定しているのに、一向に命令が反映されない。というトラブルがありました。様々な要因を調べた結果、ようやく原因が判明しました。原因はワードプレスのテーマでした。テーマの方のcssが優先されて、私が設定したcssの命...