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を使わない地図表示プラグイン公開

ホーム /
制作実績 /
制作実績05

制作実績

制作実績05

2021.06.27
2019.07.04

by iisys
0

ベースシステム

WordPress

主な制作項目

CMS設置設定
テンプレートカスタマイズ

お問い合わせ

お名前必須
メールアドレス必須
お電話番号
ご住所
お問い合わせ内容必須

This site is protected by reCAPTCHA and the GooglePrivacy Policy and Terms of Service apply.

制作実績

関連記事

次世代シンクライアント（自称）RX-HDXが安い
Googleが独裁者になっていくのは寂しい
Windows 10 April 2018（1803）の不具合【前編】
小中学校のZoom授業を「安全」「簡単」にできるQRコードの作り方と予定表フォーマット公開
Photoshopなんていらない！フォトショップを見据えた無料ペイントソフト
「Easy Table of Contents」で長い見出しが改行されても行頭を揃えるコピペ用CSS
最近トレンドなフィッシングメールをピックアップ
シルバーハッカー世代がやってくる。時代はVGA。
ある日を境にWEBサイトへアクセスできなくなった
Let’s EncryptでSSL証明書の発行・更新・トラブル
Google Ad Grantsで支払情報を求められてしまう
FreeBSDのディスク容量を拡張する（ConoHa VPS）

iisys

記事検索

ICT実践記事

トランプ大統領本人と証明されたメールが届いたら？

送信者を偽装できる脆弱性 Mailsploit Mailsploitの脆弱性が発表されてから半年余り過ぎますが、なぜか日本ではあまり話題にすらなっていません。バックドアを仕掛けられる等、直接ファイルを改竄されるわけではないからなのでしょうか。しかし悪用しようとする人からすれば、本人だという証明付きで権威ある人になりすましてメールを送れるというのは、最高のソーシャルハッキングツールです。私宛にトランプ大統領からメールが来たところで（仮に本人だったとしても）日本語以外のメールは普段やりとりをしていないので、迷惑メールと決めつけて開封すらしないでしょう。差出人がソフトバンクの孫正義さんであったとしても、「ついに自分も認められたか」などと思い上がるほど若くはありません。怖いのはもっと身近な人を詐称したメール。取引のある会社の担当者から本人証明されたメールが届けば、疑うよりも先に開いてしまいます。 URLが記載されていれば、ソースをじっくり見ることもせずにクリックしてしまうかもしれません。緊急なのでこちらに電話を！と電話番号が記載されていれば、電話してしまうでしょう。振り込め詐欺なんかと組み合わされると、比較的ITリテラシーが高い人でも騙されてしまう危険性があります。 Mailsploitの影響を受けるメールソフトが非常に多く、ThunderbirdやApple Mail.app・Outlook 2016などを使っている人も多いのではないでしょうか。一部メーカーからは既に対策パッチも出ていますが、対策しないと宣言をしているメーカーもあります。該当するアプリを使っている方は情報収集が必要そうです。影響を受けるメールクライアント Apple Mail.app MACOS IOS Mozilla Thunderbird / SeaMonkey MACOS WINDOWS Mail for Windows 10 WINDOWS Microsoft Outlook 2016 MACOS WINDOWS Yahoo! Mail IOS Yahoo! Mail ANDROID [A bug bounty program that does not allow disclosure yet] ANDROID [A bug bounty program that do […]
最近主流の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サイト

Webサイトが「スマホに対応していない」「SSLに対応していない」「Flashなどの古い技術を使用している」に該当していたら至急リニューアルを検討してください。
「Easy Table of Contents」で長い見出しが改行されても行頭を揃えるコピペ用CSS

WordPressに目次を自動挿入するプラグイン「Easy Table of Contents」をカスタマイズして表示を最適化したCSSを配布。
フレッツ光を使っている人はウイルス対策ソフトを買う前に確認

スタートアップツールを導入しないでセキュリティソフトだけをインストールするNTT関係者からの情報。ウイルス対策ソフトを購入するまえにフレッツ光の無料ライセンスを確認しないともったいない。
Adobe CS2の非認証版ダウンロードは公開終了した模様

2013年から提供されていたAdobeのPhotoshop Illustrator Premiereなどの CS2製品公開ダウンロードは事実上終了したようです。 CS2のリリースが2005年4月ですから、今も使っている方もそれほど多くは無いと思いますが「当時CS2を購入して、最近インストールし直した（サポート対象OSに）けど認証に失敗する」という方は、Adobeヘルプセンター経由で連絡を入れると対応してくれるようです。 https://www.ii-sys.jp/notes/1900 ちなみにPhotoshop CS2はWindows 10では動作保証対象外ですが、問題なく動作はしました。 https://www.ii-sys.jp/notes/1040
WordPressでメディアをアップロードできない

「画像の後処理に失敗しました。このファイルが写真もしくは大きい画像であれば、2500ピクセルに縮小してから再度アップロードしてください。」というWordPress 5.3のエラーについて。
Windows 10 バージョン1903（19H1）はいい感じ

Windows 10 May 2019 Update（バージョン 1903、19H1）がリリースされて1ヶ月程が経ちました。 Windowsの大型アップデートでは毎回トラブルに見舞われるのですが、今回は個人的には良いOSだと思っています。 Windows 10 April 2018(1803)の時には不具合が多く、ディスクドライブを疑いSSDを買い替えてしまいました。今回は、数台の予備パソコンで試してみて特に不具合が無かったので、先日メインマシンも手動で導入しました。以下はあくまでも個人的な感想です。 Windows Updateが軽くなった印象です。全体的な動作がOSインストール直後のパソコンといった感じでキビキビしています。 Windows 10 1903(19H1)へのアップデート方法 Windows 10 May 2019 Update（バージョン 1903、19H1）は、まだ自動配信はされていないようです。 2019年6月上旬からWindows Updateの手動確認で更新ができるようになりましたが、Microsoft Windows 10のダウンロードからもダウンロードできます。 Windows 10 1903は不具合も多数ある模様以下、Impress Watchさんの情報です。調査中の問題ディスプレイの明るさを調整できない “Dolby Atmos”ヘッドフォンおよびホームシアターでオーディオが機能しないユーザープロファイルディレクトリに表示されるフォルダーとドキュメントが重複する緩和策のある問題外付けUSBデバイスまたはメモリカードを接続してアップデートしようとするとエラーが発生する Bluetoothデバイスを検出もしくは接続できない夜間モードが適用されない「Intel Display Audio」がバッテリーを過剰に消費する「カメラ」アプリが起動できない Wi-Fi接続が断続的に失われる AMD RAIDドライバーの非互換性問題 D3Dアプリケーションおよびゲームが回転ディスプレイで全画面モードに入らない古いバージョンの「BattlEye」アンチチートソフトとの非互換性問題 Windows 10 1903の目玉「Sandbox」目玉と言われているサンドボックスですが、以前Hyper-Vを試した際にホストの設定をあれこ […]
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 […]
常時SSL化（https）後に旧サイトのアクセスが減らない

最近SSL化したサイトで旧サイト（http）へのアクセスが一向に減らないという現象が発生しました。 httpへのアクセスを301リダイレクトでhttpsへ遷移。 Google Search Consoleのプロパティにhttpsサイトを追加。旧サイトも削除せずに監視。これで安心してしまっていたのですが、1ヶ月経っても、Google Search Consoleで旧サイト（http）の表示回数が減らない。（一時的に減少しましたが、盛り返してきている）平均掲載順位に至っては上昇している。どうもおかしいと思い調べたところ、もともとHTTPヘッダとしてcanonical属性を出力していたのですが、スキンをカスタマイズした際に書き出されなくなってしまっていたようです。これはChromeのデベロッパーツールを使って以下のように確認しました。 HTTPレスポンスヘッダ・リクエストヘッダの確認方法 Chromeを開き[F12]を押してデベロッパーツールを開く。 Networkタブを選択しておく。 HTTPヘッダを確認したいページを開く。 Nameの一番上（AdSense等がある場合は2番目以降になっている場合があります）にある該当ページをクリックする。 Headersタブをクリックするとレスポンスヘッダやリクエストヘッダが確認できます。全てのページで<link rel=”canonical” href=”ページURL”>を<head>～</head>内に出力するように修正して完了です。 ※ページURLには各ページのURLを正確に書きます。
Google AdSenseで広告が表示されたりされなかったり

ページ内に複数の広告がある場合には、広告コードの1行目にある<script>～</script>は1回で良いそうです。ページ上に複数の広告コードがある場合、各広告ユニットに <script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script> を含める必要がありますか？非同期タグでしたので何も考えずに最後の方（</body>直前）に書いたのですが、どうやらそれが原因で広告が表示されたりされなかったりしていました。プラグイン等の外部ファイルにAdSense表示部分が書かれている場合には、非同期での読み込みが間に合って表示されるようで、インラインで書かれている場合だけが不安定でした。 Nginx（Webサーバ）のFastCGI（キャッシュ）も影響していたようで、気が付くまでに時間がかかってしまいました。 <head>～</head>の間に記述して安定しました。 <head> ・・・ <script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script> <script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script> </head> ・・・ <ins class=”adsbygoogle” data-ad-client=”ca-pub-XXXXXXXXXXXXXXXX” data-ad-slot=”XXXXXXXXXX”></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
【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 […]
シルバーハッカー世代がやってくる。時代はVGA。

Webコンテンツの制作をするにあたって、Internet Explorer／Google Chrome／Firefox／Safariといった主要ブラウザに加えて携帯電話での表示も乱れないようにと、クロスブラウザ対応に多くの時間を費やしてきました。その後HTMLの文書構造が重要視されるようになり、テーブルタグを使ってページレイアウトをすることも減り、またフラットデザインというシンプルなデザインが好まれる風潮になり、クロスブラウザ対応もだいぶ楽になりました。さらにスマホやタブレットが急速に普及したおかげでレスポンシブデザインが主流となり、構造化されたHTMLとメディアクエリを書いたCSSで多くのブラウザに対応できるようにもなりました。さて前置きが長くなりましたが「今後何を基準にレイアウトを決めようか」と悩む出来事がありました。下記をご覧ください。このサイトの記事です。見る人の設定次第で表示は大きく異なるどちらも同じ記事です。 1枚目が私の見ている環境、2枚目が一般的な表示環境です。このコンテンツは「WordPress」＋「海外のテーマ」を1時間程度の簡単なカスタマイズだけ施したものですが、パソコンから閲覧する際に、Windowsやブラウザのフォントサイズを巨大化させているのを忘れていました。数年前から近眼なのか年のせいか、小さい文字が非常に疲れるんです。高解像度ディスプレイは人間の目の限界超え時々訪問先で「文字が小さくて」という話を耳にするのですが、拡大表示設定などをすると、文字がぼやけてしまいとてもお勧めできるものではありませんでした。 XGA（1024 x 768）がまだ出たてのころ、とある会社の社長デスクの設定を行った際に、VGA（640 x 480）にしたらとても喜んでもらったことがありました。内心（「もったいない…」）と思っていましたが。もう文字滲みまくり。若い人は解像度が高い＝多くの情報が表示できるというのを好みましたので、設定で文字を大きくするような人はあまり見かけませんでした。しかし最近はディスプレイの解像度が高くなりすぎて、そのままでは非常に小さい文字となってしまうため、OSやアプリによる拡大表示機能が充実してきています。 [DropWin src=”https://www.ii-sys.jp/tips/506″]4Kモニ […]
Web開発や効率が良いブログ記事執筆の環境構築の参考に

Web開発やブログ記事の執筆で安定して使えるソフトウェアと画面配置を具体的に説明。効率を追求するプロならではの環境・レイアウトを参考に、今以上に使い勝手の良い環境構築にお役立てください。
Google Ad Grantsで支払情報を求められてしまう

NPO活動が停滞していましたが、Googleのサポートプログラムにより兆しが見えました。 Google Adwords（オンライン広告）を毎月1万USドル（約100万円分）まで無料で利用できるというものですが、登録時に一箇所問題が生じました。 Ad Grantsアカウントで広告設定をすると「お支払情報の確認」ページに「設定の必要がない」旨表示されるはずなのですが、何度やっても支払情報を求められてしまう。うっかり入力してしまうと、毎月100万円程度の支払いが発生してしまうそうなので、初めてGoogleサポートに電話をしてみましたが、解決に至らず。（待たされることもなく、とても温かみのある人間的な対応でビックリしました）その後、いろいろいじってみて分かったことが、複数のGoogleアカウントを利用している事が原因でした。恐らくブラウザのキャッシュが原因だと思うのですが、アカウントを切り替えても他のGoogleアカウント情報があるとダメでした。 Chromeでは複数のGoogleアカウントが登録されてしまっていたので、Googleアカウントが何も登録されていないfirefoxを使ってみたところ一発でOKでした。以下追記数時間待っても広告が配信されず、Adwords管理画面を確認すると「アカウントは有効ではありません」の文字が。あれこれいじってみましたが、毎月100万円の請求が来る可能性もある部分ですので、再度Googleへ電話してみました。（相変わらず1分も待たされませんでした）アカウントの現在の状況を確認していただき、ワンステップずつ丁寧に教えていただき無事解決に至った内容です。 Google非営利団体向けプログラムを開いて、ログインされていなければログインする。こんな画面が表示されます。Google Ad Grantsに「登録」ボタンが表示されている状態では、まだ申請が終わっていません。指示に従ってAdwordsのIDを入力するとこのようになります。 10営業日ほど待ちます。（今ここです。） Adwordsで広告登録をしたあとに「おめでとうございます！新しい広告の掲載が始まります。」というメールが届き安心していたのですが、手動でAd GrantsとAdwordsを結び付けなければいけなかったようです。 Googleのこのプログラムは、システ […]

≫ 記事一覧を表示

関連サービス

無料ショップ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年02月24日21時現在、障害は発生しておりません。

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

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