トラブル 【プログラムトラブル】動画プレイヤーの再生内容が被る
複数の動画プレイヤーで、リストの中から動画を一括再生。しかし動画プレイヤー①と動画プレイヤー②で同じ動画を再生してしまう。というトラブルが発生しました。そこで動画を再生した時点で、動画に再生回数を付与。再生回数が少ない物を優先して再生。と修...
トラブル 
トラブル 【プログラムトラブル】複数動画の読み込みに時間がかかる
WEBサイトで複数動画を連続再生。しかし複数動画の読み込みに時間がかかり、ページが中々表示されない。というトラブルが発生しました。そこで最初の動画をまず表示。その動画を再生している間に、他の動画を読み込むという処理をしました。それによって「...
作成 【APIを使ったプログラム】ファイル構成はどうする？「フロントエンド」と「バックエンド」で分けよう！
チャットGPT先生に聞いたところ、APIでプログラムを作る際は「APIの内容を表示するファイル」と「APIでデータを取得するファイル」で分けた方がいいそうです。つまり「フロントエンド（見える所担当）」と「バックエンド（見えない所担当）」で分...
WEB 【ワードプレスプラグイントラブル】本日の内容が表示されない。日数が1日ずれる
ワードプレスプラグインを作成。本日の内容を表示したいのですが1日ずれてしまいます。原因はシンプルでした。時間が日本時間になっていなかったのです。そのため1日ずれて表示されていました。
css 【サイト作成】JavaScript、cssのファイルは１つがいい？ 分割がいい？ 100KB以上なら分けよう！
チャットGPT先生に聞いたところ、JavaScriptとcssのファイルは、無駄な読み込みが無くなるので、なるべく１つがいいそうです。そしてファイルの容量が100KB以上だったら、ファイルを分けた方がいいとのことでした。ただしJavaScr...
WEB 【ワードプレス トラブル】アイテムが横並びにならない。cssで解決
ワードプレスでアイテムとアイテムの間が開いて、配置が横並びにならない。というトラブルが発生しました。display: flex;flex-wrap: wrap;そこでcssに上記コードを入力した所、無事解決しました。「display: fl...
トラブル 【トラブル】cssが他のファイルに影響する。固有のセレクタにしよう
ワードプレスプラグインを作っているのですが、cssファイルを読み込んでいないファイルに、何故かcssが反映される。というトラブルが起きました。調べると稀にこのようなことが起きるそうです。そこで、そのcssファイルのセレクタを固有の物に変更。...
トラブル 【トラブル】自作プラグインで不具合。原因はCocoon
自作プラグインで不具合が発生。調べても原因がわからず…。そして原因は意外な所にありました。原因はワードプレステーマである「Cocoon」だったのです。テーマを変更したら不具合が解消されました。意外な所に原因があるので、テーマなども気にして見...
便利機能 【ワードプレス】ページに任意のIDを付ける方法。カスタムフィールドを使おう！
ワードプレスの固定ページや投稿ページに、任意のIDを付けたい時はありませんか？カスタムフィールドを使うと、それが可能です。画像出典：◆カスタムフィールドを付ける方法ページの右上にある「①︙」をクリック。メニューが開くので「②設定」を選択。画...
WEB 【サイト制作トラブル】aタグがないのに、文字が青色下線付きになる
文字が青色下線付きになるのはaタグで囲んだ時の特徴です。しかしaタグで囲んでないのに文字が青色下線付きになりました。原因は単純な物でした。やはり原因はaタグだったのです。しかし<a href="https…">リンゴ</a>という単純な物で...
トラブル 【プログラムトラブル】サイトのページネーションが表示されない。原因はlocalStorage
作成したサイトのお気に入りページのページネーションが表示されないというトラブルが発生しました。原因は、お気に入りアイテムの情報をlocalStorageから取得しているのに対し、pages()メソッドがCookieからデータを取得しようとし...
用語解説 【教えてチャットGPT先生】「キャッシュ」と「localStorage」と「Cookie」の違いって何？
私：キャッシュとlocalStorage、Cookieの違いって何？私；教えてチャットGPT先生！！チャットGPT先生：はい。了解しました！キャッシュ、localStorage、そしてCookieは、インターネットで動くアプリやゲームのため...
トラブル 【プログラムトラブル】サイトで正しい画像が表示されない
画像の表示パターンは下記3パターン。①何もない時に「デフォルト画像」を表示する。②商品情報を押した時に「商品画像」を表示する。③「商品画像」がない時にエラーメッセージを表示する。この表示パターン3つがゴチャゴチャになって、画像が上手く表示さ...
トラブル 【トラブル】APIプログラムで価格の範囲表示ができない。
リンゴ小が100円、リンゴ中が200円、リンゴ大が300円だったとします。APIを使い、価格を100～300円と表示させたかったのですが、実際には100～円と表示されます。原因はリンゴ小100円しか見ていないことでした。そこでまずリンゴ小1...