IT実践記事一覧
最近主流のPC用ディスプレイ解像度は？【過去10年間の推移】
Web開発や効率が良いブログ記事執筆の環境構築の参考に
フレッツ光を使っている人はウイルス対策ソフトを買う前に確認
【Google公認】reCAPTCHA v3のバッジ（ロゴ）をコピペで簡単に非表示
Adobe CS2の非認証版ダウンロードは公開終了した模様
VMware Workstation Player 仮想マシンの複製【簡単3ステップ】
WordPress用GMapを使わない地図表示プラグイン公開

トップ
ECサイト構築
ホームページ制作
プライバシーポリシー

メインメニュー

トップ
ECサイト構築
ホームページ制作
プライバシーポリシー

ブログメニュー

IT実践記事一覧
最近主流のPC用ディスプレイ解像度は？【過去10年間の推移】
Web開発や効率が良いブログ記事執筆の環境構築の参考に
フレッツ光を使っている人はウイルス対策ソフトを買う前に確認
【Google公認】reCAPTCHA v3のバッジ（ロゴ）をコピペで簡単に非表示
Adobe CS2の非認証版ダウンロードは公開終了した模様
VMware Workstation Player 仮想マシンの複製【簡単3ステップ】
WordPress用GMapを使わない地図表示プラグイン公開

ホーム /
小技 /
Amazonプライムデー開催中

小技

Amazonプライムデー開催中

2022.07.13
2022.07.12

by iisys
0

スマートスピーカーが70%オフ！

小技

関連記事

最近主流のPC用ディスプレイ解像度は？【過去10年間の推移】
Windows 10 バージョン1903（19H1）はいい感じ
WordPressのTheme（テーマ）選びは大切
WP-PageNaviで2ページ目以降が404エラー【解決】
シルバーハッカー世代がやってくる。時代はVGA。
Google Ad Grantsで支払情報を求められてしまう
無観客で行われる小学校の運動会を複数カメラでライブ配信したい
highlight.jsに「強調表示」を追加する拡張CSS
人柱：Windows 10 v1803(RS4)更新プログラムKB4100403 (17134.81)
PukiWikiのURLをNginxで正規化【index.php非表示】
小中学校「1人1台タブレット」いよいよ導入【豊後高田市】
WordPressをお名前.comのレンタルサーバーRSプランに引っ越しをする際の注意点

iisys

記事検索

ICT実践記事

WordPress管理画面のユーザー一覧をソート可能な任意の項目にする

WordPress管理画面のユーザー一覧から不要な項目を削除・オリジナル項目を追加し、並び替えができるように設定する方法をコピペ可能なソースで紹介。
VMware Workstation Player 仮想マシンの複製【簡単3ステップ】

VMware Playerでテスト環境用に構築した仮想マシンを複製しておきたいと思いネットで調べたところ、なんだか少し面倒くさそうに書いてある記事が多かったのですが、3ステップの簡単操作で出来ましたのでメモしておきます。 VMware仮想マシンの複製【3ステップ】【ステップ1】ワーキングディレクトリ（ゲストOSフォルダ）の複製 VMware Playerは終了しておきます。ゲストOSがサスペンド状態であれば、その作業状態のまま複製されますが、ネットワーク等の初期化のために後で再起動する必要があります。なるべくゲストOSはパワーオフの状態にしておいたほうが良いです。【ステップ2】.vmxファイルのdisplayNameを変更コピーしたフォルダの中にある拡張子がvmxのファイルをテキストエディタで開きます。この作業をしないでも問題ありませんが、同じ仮想マシン名が複数あると自分自身で区別がつかなくなりますので末尾に数字を足す等の変更をしておきます。【ステップ3】VMware Playerで仮想マシンを開く新しく作成したフォルダにある.vmxファイルを選択します。 VMware Workstation Player上での各種OS動作報告 ichmyさんの「VMwareで遊ぼうのこーなー」というコンテンツがおすすめです。
WP-PageNaviで2ページ目以降が404エラー【解決】

最近すっかりWordPressから離れていたんですが、良くも悪くも情報量が豊富ですね。 WordPressは10年以上前（WordPress MEの頃）からいじってますが、どんどん複雑化してきて最近はhome.phpやらfront-page.phpやらindex.phpやらと、テンプレート構造を理解するのさえ大変です。時間があったので何年か前に構築したサイトを手直ししていたところ、トップページのページネーションが効かなくなってしまいました。 100個近いカスタムフィールド・300超えのカテゴリ・function長すぎなコンテンツで、どのタイミングで表示されなくなったのか不明なまま、ネット上の情報を頼りにあれこれ試して半日が過ぎ、ようやく解決しました。固定ページ用WP-PageNavi対策コード function.php function pagenavi_home($wp_query) { if (!is_admin() && $wp_query->is_main_query() && $wp_query->is_home()) { $wp_query->set(‘cat’, 5); $wp_query->set(‘post_type’, ‘iisys’); $wp_query->set(‘posts_per_page’, 12); } } add_action(‘pre_get_posts’, ‘pagenavi_home’); 3行目のcatはカテゴリーID5を指しています。不要であれば行ごと削除。 4行目のpost_typeはカスタム投稿タイプを指定。iisysは一例で、通常の投稿であればpostになります。両方を指定したい場合には配列にします。 $wp_query->set(‘post_type’, array(‘post’, ‘iisys’)); 5行目のposts_per_pageは表示件数。記事数よりも多い数にするとページネーションは表示されません。上記を書いたうえで、該当テンプレート（私の場合はindex.php）のquery_posts等を消してください。以下は私の環境では効果ありませんでした。管理画面の表示設定にある「1ページに表示する最大投稿数」を1件にする pa […]
PukiWiki 1.5.2対応XMLサイトマッププラグイン

平成も終わろうとしているこの時代に相変わらずPukiWikiをカスタマイズしています。 Google Search Consoleに登録するためにサイトマップを出力したかったのですが、過去に配布されていたプラグインはサイトが閉鎖されてしまっていて、インターネットアーカイブからもダウンロードすることができませんでした。しばらく探したところ、上記のサイトマッププラグインとは別のものと思われますが、こちらのサイトで現在も配布されていました。非常にシンプルながらも、プライオリティ設定もしたければできるというすばらしさ。試しにそのままPukiWiki 1.5.2のプラグインディレクトリに入れてみたところエラーもなく動作しました。ただどういうわけか私の環境ではトップページがリストに載りませんでしたので一部手を加えさせていただきました。 PukiWiki 1.5.2用サイトマップ出力プラグインのダウンロード配布元サイトからダウンロードして下記の修正を加えるか、修正済みファイルをダウンロードしてください。必須sitemap.inc.php（PukiWiki用サイトマップ出力プラグイン） Download 配布元修正済み（当サイト）トップページ（FrontPage）をpriority1.0として出力する修正箇所（当サイトからダウンロードされた方は修正済みです） // <url> $urls = ”; // sio $front_page_date = gmdate(‘Y-m-d\TH:i:s’, get_filetime(‘FrontPage’) + ZONETIME) . ‘+00:00’; $urls .= ” <url>\n”; $urls .= ” <loc>$script</loc>\n”; $urls .= ” <lastmod>$front_page_date</lastmod>\n”; $urls .= ” <priority>1.0</priority>\n”; $urls .= ” </url>\n”; $count = PLUGIN_SITEMAP_MAXSHOW; foreach ($pages as $page=>$time) […]
時代錯誤な自社サーバーをクラウド（VPS）にするメリット

いまだに回線もサーバーも自社運用しているWeb制作会社がクラウド（VPS）への移行を考えて現在の構成を見直してみる。ランニングコストもさることながらスキル習得に無駄な時間を注ぎ込んできた気がする。
WordPress用GMapを使わない地図表示プラグイン公開

HTML5・CSS3に対応しているLeafletという地図表示スクリプトがヌルヌルと動いていい感じです。これを使ったLeaflet-MapというWordPress用のプラグインがあり、喜んで使ってみたのですが、場所を登録するのに少し手間がかかります。一つのマップに一つのマーカーを表示するのに特化した、LatLng（経度緯度）を意識しないでもいいGUIタイプのプラグインWP Leaflet Mapperを作りましたので、良かったらお使いください。地図タイルはOpenStreetMapまたは地理院地図に対応しています。 readmeに書き忘れてしまいましたが、マップ表示のショートコードは[lmap]で表示されます。（エルマップです。アイマップやイチマップではありません） WP Leaflet Mapperのダウンロード必須leaflet-mapper.zip（WordPress用MAP登録プラグイン） Download WordPress公式サイト当サイト ※WordPress公式サイトからのダウンロードをおすすめします。（名称を変更等、新しいバージョンになっています） Leaflet-Mapperのインストール方法普通のプラグインと同じですが、まだWordPress.orgには登録されていませんので、zipアーカイブをダウンロード・解凍したものをFTP等でアップロードしてください。【2019.05.01追記】令和初日にWordPress公式プラグインとして登録されました。その際leafletから始まる名前はNGということで、正式名称がwp-leaflet-mapperとなりました。上記よりleaflet-mapper.zip（またはwp-leaflet-mapper.zip）をダウンロードするパソコンで解凍する /wp-content/pluginsディレクトリにleaflet-mapperフォルダをアップロードする WordPressの管理画面からプラグインを有効にする WP Leaflet Mapperの使い方必要に応じて「設定」－「Leaflet-Mapper」から初期設定をする各投稿ページ下段にマップが表示されているので、マウスをドラッグして位置を合わせ、ホイールでズーム倍率をいい感じにするショートコード[lmap]をマップを表示した […]
XMLサイトマップをGoogle Search Consoleに準拠

インデックス登録されましたが、サイトマップに送信していません Google Search Consoleのカバレッジで緑色の有効（インデックスに登録されている）になっているものの、「インデックス登録されましたが、サイトマップに送信していません」という詳細情報が気になりました。クリックしてみると「例」としてURL一覧が表示されます。そのURLをさらにクリックすると、UTF-8でエンコードされたURLが表示されます。送信しているXMLサイトマップもUTF-8でエンコードをしていますし、URLの正規化も済んでいるのになぜ？じっくりと見比べてみると、XMLサイトマップのURLはスラッシュが「%2F」にパーセントエンコーディングされているのに対して、Googleでは「/」のままです。サイトマップを出力しているphpソースを見てみると、PATH_INFOをrawurlencodeでエンコードしています。 rawurlencodeはRFC3986にもとづいて「-_.~」とアルファベット以外をすべてエンコードするようですので妥当なはずです。 Google独自仕様？と思ったのですが、RFC3986の3.4章に「スラッシュ (“/”) と疑問符 (“?”) の文字はパーセントエンコーディングする事を避けるほうがユーザビリティのためにはよい。」という記述がありました。スラッシュはパーセントエンコードしないように修正 GoogleもRFCもスラッシュはパーセントエンコードしないと提唱しているのであれば、これに合わせるべきだと思い以下のように修正しました。 $r_page = rawurlencode($page); $r_page = str_replace(‘%2F’, ‘/’, $r_page); 修正後、XMLサイトマップの出力とGoogle Search ConsoleのURLを比較するとマッチしていましたので、これで解決です。
WordPressリダイレクトプラグインで日本語を扱えるように修正

WordPressに301リダイレクトを設定するSimple 301 Redirectsというプラグインを導入しました。 PukiWikiで運用していた旧コンテンツをWordPressに引き継いだ後に、Google Search Consoleのクロールエラー対策＆SEO対策です。 PukiWikiからのデータ移行については下記の記事をご覧ください。 https://www.ii-sys.jp/notes/716 WordPress用プラグイン Simple 301 Redirects 必須WordPress用プラグイン Simple 301 Redirects Download WordPress公式サイト Simple 301 Redirectsというプラグインですが、phpファイル1つだけで構成されていて、管理画面もURLを設定するだけという名前の通り非常にシンプルです。 Google Search Consoleでクロールエラーが出ているURLをコピーしてRequest欄に貼り付け、リダイレクト先のURLをDestination欄に貼り付けて「変更を保存」ボタンをクリック。しかし挙動を確認するまでもなく、Request欄に貼り付けたはずのURLが一部消えてしまいます。どうやらURLエンコードされている部分が消失してしまっているようです。ソースコードを追いかけてみると、保存する前にWordPressの関数sanitize_text_fieldが呼ばれていました。 WordPress関数リファレンスを見ると、オクテット（’%’ に続く 2 桁の 16 進数）を除去します。と明記されています。これは日本語を含むURLの場合は致命的で、それ以外にも「/」を「%2F」にエンコードするような仕様でも困ったことになります。プラグイン「Simple 301 Redirects」のカスタマイズセキュリティ的なリスクを承知の上で、wp-simple-301-redirects.phpの188行目と189行目にあるsanitize_text_field関数を削除しました。 wp-simple-301-redirects.php 変更前 for($i = 0; $i < sizeof($data[‘request’]); ++$i) { $request = […]
Google reCAPTCHA v3をコピペで簡単に導入

PukiWikiのコメントスパム対策にGoogle reCAPTCHA v3を導入してみようと思ったのですが、検索してもWordPress前提の記事ばかりでしたので、具体的なソースコードを公開しておきます。プラグインをわざわざ導入しないでもPHPで書かれたシステムであれば流用できます。 WordPress上のContact Form 7に表示される「reCAPTCHA v3バッジを非表示にする方法」は下記の別記事をご覧ください。 https://www.ii-sys.jp/notes/1511 Google reCAPTCHAにサイトを登録するまずGoogle reCAPTCHAでドメインを追加してreCAPTCHAのキーを2種類（サイトキーとシークレットキー）取得しておきます。送信フォームを修整する【1】フォームを表示する部分にJavaScriptを追加インプットフォームが設置してあるページに以下を加えます。挿入する場所は<head>と</head>の間が一般的ですが、ページ表示速度を考えると</body>直前が良い等いろいろありますが、そのあたりは今回触れません。私の場合は、<form>と</form>の間に挿入しました。手書きのHTMLならまだしも、最近はほとんどのコンテンツがPHPによる出力になっていますので、ヘッダ出力部分に追記するだけですと他の全てのページにまで挿入されてしまい、表示速度に悪影響を与えてしまいます。ですのでヘッダ出力部分に「インプットフォームがある場合にのみ挿入」という振り分け処理を入れる必要があるのですが、将来的にインプットフォームの表示ページ名等に変更があった際に、ヘッダ部分の書き換えを覚えている自信もないので、<form>～</form>にまとめたという次第です。 <script src=”https://www.google.com/recaptcha/api.js?render=ここにサイトキーを入れる”></script> <script> grecaptcha.ready(function() { grecaptcha.execute(‘ここにサイトキーを入れる’, {action […]
最近主流のPC用ディスプレイ解像度は？【過去10年間の推移】

Webコンテンツの適正画像サイズをディスプレイ解像度の利用者統計データを元に検証します。ホームページに載せる適正画像サイズをデータで検証という記事から11年も経ってしまいましたので2018年版を載せました。（StatCounterによる統計データを元にしています。） 2018年版が確定したのでデータおよびグラフを修正しました。 2019年版も（確定版ではありませんが）掲載しました。 Webコンテンツに使用する画像サイズ結論掲載データが多くなってしまいましたので、結論を先に書いておきます。パソコンのモニター幅いっぱいの可変サイズの画像（ヘッダ等）を想定するのであれば、(w)2,000ピクセルは必要。これくらいあれば(w)2,560ピクセルで表示したとしても耐えられるクオリティ。10年前に比べると回線環境は良くなったとはいえ、画像サイズが大きくなれば読み込みに時間がかかり、またスマホユーザーに無駄なデータ通信量を消費させてしまう。記事に添える画像は300～800ピクセル程度のサムネイルを表示して、高解像度が必要であれば元画像にリンクを張る。レスポンシブデザインの場合、表示サイズと同等にリサイズされた画像が表示される工夫が必要。（CSSにwidthを書いても元画像が同じであればデータ量は変わらず、w320のスマホユーザーにw2,000の画像を送り付けるという事態に。） jQueryで端末サイズに応じて読み込む画像を振り分けるのが今のところ良さげ。下記のようなメディアクエリーを書いても読み込む画像が増えるだけで逆効果。 <img class=”w1920″ src=”../img_1920.png” /> <img class=”w480″ src=”../img_480.png” /> .w1920 { display: block !important; } .w480 { display: none !important; } @media only screen and (max-width: 480px) { .w1920 { display: none !important; } .w480 { display: block !important; } } 2018年ディスプレイ解像度利用者率Best10（世界） 1366 […]
ある日を境にWEBサイトへアクセスできなくなった

数か月くらい前に取得して製作途中だったサイトが、いつからかアクセスできなくなっていました。アクセスできない問題の切り分けサーバーの確認 IPアドレスを指定したsshやsftpなどではサーバーへアクセスできました。 Webサーバー（Nginx）の確認正常に動作していた時から設定を変更していませんが、念のため見直しました。問題なさそうです。 DNSの動作確認 $ host my.domain Host my.domain not found: 3(NXDOMAIN) DNSの設定に問題がありそうですが、少し前までは正常に引けていて、それ以降設定は変更していません。 $ ping my.domain PING my.domain.work(xxx.xxx.xxx.xxx): 56 data bytes 正引きできないのに、設定した覚えがないホストに向かっています。（xxx.xxx.xxx.xxxは心当たりがないIPアドレス）そもそもドメインの最後にworkがついているのは何故…。 resolv.confを書き換えてみたり、hostsに書き込んでみたり、別のDNSサーバーに設定を移してみたり、半日格闘しましたが解決せず。レジストラ（Value Domain）に問い合わせ Value Domainの問い合わせフォームにチャットでの問い合わせがあったので、初めてクリックしてみました。運が良かったのだと思いますが、待ち時間6秒！非常に手際よくドメインの状態を調べてくれて、2分後には的確な回答をいただきました。 (06:55:30) *** MYNAME joined the chat *** (06:55:30) MYNAME: ドメインが参照できません（DNS） (06:55:34) ※自動メッセージ: お問い合わせありがとうございます。只今込み合っております。お急ぎの場合はフォームよりお問い合わせいただきますようお願い申しあげます。 (06:55:36) *** Chat Support joined the chat *** (06:55:39) Chat Support: お問合せありがとうございます。担当の【***】と申します。どうぞ、よろしくお願いいたします。 (06:55:44) MYNAME: よろしくお願いいたします。 (06:55:4 […]
WordPressのCSSカスタマイズ実践例

WordPressでCSSが反映されないという疑問について、テンプレートLightningを例にWEB制作現場で実際に行っているデベロッパーツールの活用方法をご紹介します。
タリーズオンラインストアでカード情報が漏洩【ペイメントアプリケーションの改ざんについて】

出典：経済産業省商務・サービスグループ商取引監督課ペイメントアプリケーションの改ざんとは、オンラインでクレジットカード情報を入力する時に、悪意のある人がその入力フォームをこっそり変えてしまうことです。これによって、ユーザーが入力した大事な情報が盗まれるのです。 2024年10月3日、タリーズコーヒーが発表したところによると、約5万3000件のクレジットカード番号やセキュリティコードが漏れてしまった可能性があるとのこと。この事件の原因も改ざんでした。この手口は10年以上前からあるのに、最近でも被害が後を絶ちません。私たちも、オンラインでカード情報を入力する時は、特に注意が必要です。大切なお金や情報を守るために、しっかり気をつけましょう。 ↑ AIに生成させてみた文章です。 ↓ 人間が書いてます。漏洩した可能性がある情報は以下のように非常に深刻なものです。漏洩した可能性がある情報個人情報・氏名・住所・電話番号・性別・生年月日・メールアドレス・ログインID ・ログインパスワード・配送先情報クレジットカード情報・クレジットカード番号・カード名義人名・有効期限・セキュリティコード今回のタリーズオンラインショップ程のECサイトであれば、私も安心してカード情報の入力をしてしまうと思います。利用者が自己防衛をするのはかなり難しいです。かといってECサイト側での対応も難しいのが現状です。例を挙げますと、つい先週になりますが楽天市場で買い物をした際に、不正アクセスを疑われたようで「注文キャンセル＆アカウントロック」をされてしまいました。ここ何年も利用していなかったのに5万円程度のものを立て続けに購入したというのがAIに犯罪の可能性を疑われ、仕事で必要なものを買っただけなのにこれでは別の意味で信頼を失ってしまいます。楽天市場ほどの規模にもなると、一定のスコアで黒扱いにするというシステムにするしか方法は無いのかもしれませんが、厳しくすれば善良なユーザーに迷惑が掛かり、緩くすれば悪意を持ったユーザーがすり抜けるという難しさがあります。迷惑メールのフィルタリングや、警察による職務質問などにも言えることなんでしょうが。また、タリーズから発表があったこの文章が気になります。既に弊社では、クレジットカード会社と連携し、漏洩した可能性のあるク […]
サーバーのバックアップで過去18年間に遭遇した問題点

サーバーを運用してきた18年間に遭遇したバックアップ・リストアの具体的な問題と改善策をまとめてあります。
【Google公認】reCAPTCHA v3のバッジ（ロゴ）をコピペで簡単に非表示

WordPressのContact Form 7に対応しているreCAPTCHAがv3になってから、バッジ（ロゴ）が邪魔な場所に表示されてしまうようになりました。これはContact Form 7の問題ではなく、Googleが出力しています。 Googleにしてみれば謙虚に右下を選んだのかもしれませんが、右下は多くのサイトで「トップに戻る」アイコンが表示される大事な場所です。（もっともGoogleがそれを知らないはずもないので、注目させたかったのでしょうか。）スタイルシートのposition: absolute; をJavaScriptで追加すれば好きな位置に移動できますが、親要素を変えられないのであまり実用的ではありません。 JavaScriptでgrecaptcha-badgeクラスをappendChildしてみたりしましたが、トークンの発行がうまくいかなくなったり不安定でしたので断念しました。ネットで検索すると、海外でも多くの議論がされていました。 display: hidden; で非表示にしてしまうとスパム防止が効かなくなるそうです。 reCAPTCHA v3のバッジをGoogle公認の方法で非表示にするよく探せばGoogleのFAQにありました。以下の表示をすればバッジを非表示にしても構わない This site is protected by reCAPTCHA and the Google <a href=”https://policies.google.com/privacy”>Privacy Policy</a> and <a href=”https://policies.google.com/terms”>Terms of Service</a> apply. コンタクトフォームを表示させるページごとに入れるのも面倒ですし、のちのち別のページにフォームを追加することになった時にはきっと忘れてしまっているので、コンタクトフォームの送信ボタン下に1行で書き込みました。 <p class=”recaptcha_policy”>This site is protected by reCAPTCHA and the Google<a href=”https://policie […]

≫ 記事一覧を表示

関連サービス

無料ショップAllShop
ショッピングモール田舎ん市場
予約システムRSVY
コムクラブ
Web秘書
The豊後高田

リリース

「豊後高田市教育委員会後援」小学生向けプログラミング体験会開催
「ＩＣＴ駆け込み寺」拠点オープンのお知らせ
「優良WEB」に掲載していただきました
ドメイン・サーバー価格改定のお知らせ
合資会社イーシス、「IT導入補助金2021」の支援事業者に採択

「技術」と「品質」にこだわる「匠」の精神で、お客様の信頼に応え、成長し続けてまいります。

メインメニュー

トップ
ECサイト構築
ホームページ制作
プライバシーポリシー

運営会社

会社名　：　合資会社イーシス

関連団体：　NPO法人ICT活用グループ

所在地　：　大分県豊後高田市玉津467-5

代表番号：　0978-24-0707

創　立　：　2002年10月

ブログメニュー

IT実践記事一覧
最近主流のPC用ディスプレイ解像度は？【過去10年間の推移】
Web開発や効率が良いブログ記事執筆の環境構築の参考に
フレッツ光を使っている人はウイルス対策ソフトを買う前に確認
【Google公認】reCAPTCHA v3のバッジ（ロゴ）をコピペで簡単に非表示
Adobe CS2の非認証版ダウンロードは公開終了した模様
VMware Workstation Player 仮想マシンの複製【簡単3ステップ】
WordPress用GMapを使わない地図表示プラグイン公開

リリース一覧

「豊後高田市教育委員会後援」小学生向けプログラミング体験会開催
「ＩＣＴ駆け込み寺」拠点オープンのお知らせ
「優良WEB」に掲載していただきました
ドメイン・サーバー価格改定のお知らせ
合資会社イーシス、「IT導入補助金2021」の支援事業者に採択

障害・メンテナンス情報

2026年03月07日20時現在、障害は発生しておりません。

2023年01月04日～2023年01月31日、サーバー移転に伴うメンテナンス作業実施のため一部のWebサーバーでレスポンスが悪くなる場合がございます。

© Copyright 2026 豊後高田イーシス - ホームページ・ネットショップ制作会社. All rights reserved.