iisys2全自動「3分」で実用的なバーチャルドメイン対応のメールサーバーを構築できるQMAIL2020を配布しています。v3を導入してみようと思ったのですが、検索してもWordPress前提の記事ばかりでしたので、具体的なソースコードを公開しておきます。プラグインをわざわざ導入しないでもPHPで書かれたシステムであれば流用できます。v3バッジを非表示にする方法」は下記の別記事をご覧ください。reCAPTCHAでドメインを追加してreCAPTCHAのキーを2種類(サイトキーとシークレットキー)取得しておきます。インプットフォームが設置してあるページに以下を加えます。挿入する場所は<head>と</head>の間が一般的ですが、ページ表示速度を考えると</body>直前が良い等いろいろありますが、そのあたりは今回触れません。私の場合は、<form>と</form>の間に挿入しました。手書きのHTMLならまだしも、最近はほとんどのコンテンツがPHPによる出力になっていますので、ヘッダ出力部分に追記するだけですと他の全てのページにまで挿入されてしまい、表示速度に悪影響を与えてしまいます。ヘッダ出力部分に「インプットフォームがある場合にのみ挿入」という振り分け処理を入れる必要があるのですが、将来的にインプットフォームの表示ページ名等に変更があった際に、ヘッダ部分の書き換えを覚えている自信もないので、<form>~</form>にまとめたという次第です。[...]緊急でリニューアルが必須なWebサイトWebサイトが「スマホに対応していない」「SSLに対応していない」「Flashなどの古い技術を使用している」に該当していたら至急リニューアルを検討してください。シルバーハッカー世代がやってくる。Chrome/Firefox/Safariといった主要ブラウザに加えて携帯電話での表示も乱れないようにと、クロスブラウザ対応に多くの時間を費やしてきました。その後HTMLの文書構造が重要視されるようになり、テーブルタグを使ってページレイアウトをすることも減り、またフラットデザインというシンプルなデザインが好まれる風潮になり、クロスブラウザ対応もだいぶ楽になりました。スマホやタブレットが急速に普及したおかげでレスポンシブデザインが主流となり、構造化されたHTMLとメディアクエリを書いたCSSで多くのブラウザに対応できるようにもなりました。前置きが長くなりましたが「今後何を基準にレイアウトを決めようか」と悩む出来事がありました。このサイトの記事です。どちらも同じ記事です。1枚目が私の見ている環境、2枚目が一般的な表示環境です。このコンテンツは「WordPress」+「海外のテーマ」を1時間程度の簡単なカスタマイズだけ施したものですが、パソコンから閲覧する際に、Windowsやブラウザのフォントサイズを巨大化させているのを忘れていました。数年前から近眼なのか年のせいか、小さい文字が非常に疲れるんです。時々訪問先で「文字が小さくて」という話を耳にするのですが、拡大表示設定などをすると、文字がぼやけてしまいとてもお勧めできるものではありませんでした。480)にしたらとても喜んでもらったことがありました。内心(「もったいない...」)と思っていましたが。若い人は解像度が高い=多くの情報が表示できるというのを好みましたので、設定で文字を大きくするような人はあまり見かけませんでした。最近はディスプレイの解像度が高くなりすぎて、そのままでは非常に小さい文字となってしまうため、OSやアプリによる拡大表示機能が充実してきています。[...]WordPressのCSSカスタマイズ実践例WordPressでCSSが反映されないという疑問について、テンプレートLightningを例にWEB制作現場で実際に行っているデベロッパーツールの活用方法をご紹介します。Web制作において「パソコンで表示する文字サイズはvwを使ってmax-widthは1920pxまで対応するべき」という話。最近は年配の方でも自宅でネットを楽しんでいますが、小さい文字が読みにくいためブラウザを最大化にしている姿をよく見かけます。残念なことに、有名どころを含めてほぼすべてのサイトで文字は大きくならずに、左右の空白が増えるのみ。「Ctrlを押しながらマウスホイールで拡大」すれば大抵のブラウザでは拡大されますが、そんな技を使っている一般高齢者を見たことがありません。パソコンのディスプレイサイズは昔と比べて大きくなりましたが、それと共にディスプレイの高精細化も進んできたため、「目が悪くなってきたから大きなディスプレイを買うかのう」は期待を裏切られる結果となってしまいます。一般的にWeb制作の現場では、幅1920px以上で見る人向けに作ってしまうと、小さいディスプレイ(解像度の低い)を使っている人や、ブラウザを最大化しないで使用している人には表示がはみでてしまうため、幅1000~1200pxで見た時に最適になるように制作されています。前まではタブレットやスマホはこれよりも画素数が少ないものが多かったため、レスポンシブデザインという表示サイズによって可変のデザインが主流になりました。可変とは言っても通常はモバイル対応がメインです。画素数の大きい端末での全画面表示は基本的にあまり考慮されず、大きすぎる端末から見た場合にデザインが崩れるのを嫌がり、上述のように幅1000~1200pxを超えた場合は、それ以上には広がらずに左右の余白だけが広がるというのが現状です。最低でも1920px、4Kが主流になることを考えると4000px程度までは欲しいです。メニューやヘッダ・フッタ等以外のコンテンツ部分のフォントサイズは、vwで指定。これでサイトを作ってみたところ閲覧が非常に楽でした。椅子にふんぞり返ったままでも、ブラウザを最大化すれば楽に文字が読めます。当サイトはまだ着手できていませんので下記サイトをご覧ください。ブラウザを最大化もしくは幅を広げると、デザインが崩れない範囲で文字も大きくなります。[...]補助金で将来のためにWebサイト整備を新型コロナウイルス対策の補助金を上手に活用して、将来の収入へと結びつけるためにWebサイトの整備を。偽サイトに嵌って防衛手段を検証する公開しているメールアドレスは、最近トレンドなフィッシングメールをピックアップで紹介したように、フィッシングメールが毎日山ほど届きます。最近のブラウザはデフォルト設定で注意喚起してくれます。Firefoxのほうがキッパリと言い切っていてかっこいいですね。どのブラウザも、うっかり誤クリックで進んでしまわないように「無視して進む」というボタンが無いインターフェイスになってますが、頑張って先に進んでみました。仮想PC・ブラウザをプライベートモード・LAN切り離し・IPアドレス変更等を行ったうえでの検証です。アクセスするだけで様々な情報を抜かれる恐れがありますので、安易に先に進むようなことはしないようにしてください。APPLEっぽいサイトが表示されました。APPLE公式のように見えますが、中央の入力フォーム以外はリンクすらされていない張りぼてです。疑いの目を持って見ない限り、偽サイトだということに気づかないと思います。騙されないためにはアドレスバーに表示されているURLをよく見てください。この習慣をつけましょう。見るのは最初に現れるスラッシュ「/」よりも左側です。それよりも後(右側)は一切気にしないで大丈夫です。http://(またはhttps://)が省略されて表示されます。以下のような場合にはさらに注意が必要です。ドメイン名「example.com」の前にドット「.」が入っている場合、それより左側はドメインの保有者が自由に好きな文字を設定できるサブドメインと呼ばれます。最初に知っている名前が入っているからといって絶対に信用してはいけません。Encryptから「証明書の期間があと20日で切れますよ」という英文メールが届きました。cronで定期的にrenewをかけて自動更新しているのですが、何か設定がおかしいのかなと思い、複数のssl証明書を管理しているサーバにログインをしてみました。原因が良くわからなかったので、該当ドメインを登録し直すために現在の更新情報ファイルを削除しました。ん?ディレクトリだから消せないよと英文メッセージ。confなのにディレクトリなのか。深く考えもせずRオプション追加。Enter押して1秒後に気付きました。renewalディレクトリごと消してしまった...。全てのドメインのssl更新ファイルが消失しました。Unix系のOSにはWindowsのようなゴミ箱はありません。復旧ツールもあるみたいですが、稼働中サーバにいきなり入れてみるのも気が引けたので、潔くあきらめて手動で復旧させる事にしました。私の環境では/usr/local/etc/letsencryptですが、/etc/letsencryptの場合も多いようですので、読み替えてください。certbotコマンドはcertbot-autoになっているようですので、そのあたりも読み替えてください。