WEB プログラマーに正確に指示するための「UI・Web用語」まとめ
非エンジニアがプログラマーに依頼・指示を出すとき、 用語を少し知っているだけで伝達ミスが激減します。このページでは、実務でよく使うUI・Web用語をわかりやすくまとめています。表示・UI系の用語アコーディオンクリックすると下に開閉するUI。...
WEB 
トラブル 【初心者向け】なぜ？ PDFで画像の大きさがバラバラに！ 犯人はDPIだった
「よし、完成した画像をPDFにまとめよう！」WordやPowerPoint、デザインソフトで複数の画像を一つのPDFにまとめたとき、こんな経験はありませんか？「あれ？ 画像のピクセルサイズは同じはずなのに、PDF上での表示サイズが全然違う…...
WEB Web自動化の壁「CAPTCHA」は突破するな！ Cookieで回避する新常識
Webサイトの操作をプログラムで自動化しようとしたとき、多くの人が最初にぶつかる大きな壁が「ログイン」です。ID/パスワードの入力、SMSや認証アプリによる2段階認証、そして最大の難関である「私はロボットではありません」でお馴染みの画像認証...
Python 【完全ガイド】XserverでPythonが動かない！ SSH接続からCron設定までの全トラブルシューティング
「レンタルサーバーでPythonを動かして、Webサイトの情報を自動でチェックしたい！」そう思ってスクリプトを書いてみたものの、PCでは動くのにサーバーではエラーばかり…そんな経験はありませんか？この記事は、Xserver（エックスサーバー...
WEB 【SEO対策】検索結果に出したくないページを正しく非表示にする方法
「このページ、検索結果に出てほしくないのに、なぜか表示されてる…」そんなお悩み、ありませんか？たとえばテスト用のページパラメータがついたURL（例：?sort=asc）同じ内容なのにURLだけ違うページこういったページが Googleの検索...
トラブル 【プログラム開発メモ】ページ表示が遅い原因は「処理のタイミング」にあった
最近、あるWebアプリの表示速度に悩まされていました。ページの読み込みにやたらと時間がかかる。重い画像を使っているわけでもないし、通信量もそれほどではない。なのに「とにかく遅い」。原因は意外なところに…原因を探っていくうちに、決定的な問題が...
WEB APIの使用制限を意識した、効率的なサイト設計のすすめ
Webサービスを開発・運営する上で、外部APIの活用は今や当たり前となっています。天気予報、SNS連携、商品情報の取得など、APIを使えばリアルタイムかつ豊富な情報を手軽に取得できます。しかし、APIには必ずと言っていいほど使用制限（レート...
WEB インデックスのために「URLパラメータ」はアルファベット順でソートしよう
URLパラメータは、アルファベット順に並べるようにしましょう。たとえば「?a=1&b=2&c=3」と「?b=2&a=1&c=3」は内容が同じでも、URLが異なるため、検索エンジンに別のページとして認識されてしまいます。その結果、インデックス...
トラブル 【トラブル】チャットGPTが解決できない。原因は必要な情報を渡せていないから
生成AIは非常に頭がいいです。なので生成AIが解決できないということは、あなたが渡すべき情報を渡せていないかもしれません。デバッグログ、URL、問題が起きたタイミングなど。必要な情報を渡せていますか？どういう情報が欲しいのか、直接、生成AI...
WEB 【ワードプレストラブル】オリジナルプラグインのページネーションが機能しない
ページネーションが機能しなかった根本的な原因は、WordPressが認識しているページ番号の形式と、プラグインがページ番号を処理（取得・リンク生成）する形式の間に不一致があったことでした。そこで、まずパス形式 (/page/N/) からペー...
トラブル 【トラブル】ワードプレス記事が「HTTPエラー433」で公開できない。原因はサーバーの「WAF」
ワードプレスの記事を公開した所「HTTPエラー433」が発生。記事が表示されないという不具合が起きました。原因はサーバーの「WAF」でした。「WAF」とは、サーバーのセキュリティーのことです。記事が下書きの時は問題ないのに、公開すると433...
WEB 【トラブル】スクレイピングができない。原因はリダイレクトのせい
スクレイピングを行った際に、サイトには問題なくアクセスできているにも関わらず、情報を取得できないという不具合が発生しました。調査の結果、この問題の原因はリダイレクトによるものであることが判明しました。具体的には、最初に表示されるページが予想...
便利機能 生成AIにプログラムを作ってもらう時に便利な命令9選
近年、生成AIの進化により、プログラムの作成がより簡単になっています。しかし、より良いコードを得るためには、適切な指示を出すことが重要です。本記事では、生成AIにプログラムを作ってもらう際に便利な命令を9つ紹介します。ぜひ活用して、効率的に...
トラブル 【トラブル】プログラムが上手くいかない。「命令のタイミング」と「前回の命令の削除」が重要
プログラムを作成していると、思い通りに動作しないことがあります。その原因の一つとして、「命令のタイミング」と「前回の命令の削除」が適切でないことが挙げられます。以下に、その重要性と解決策を紹介します。1. 命令のタイミングプログラムは、命令...