Encryptから「証明書の期間があと20日で切れますよ」という英文メールが届きました。cronで定期的にrenewをかけて自動更新しているのですが、何か設定がおかしいのかなと思い、複数のssl証明書を管理しているサーバにログインをしてみました。原因が良くわからなかったので、該当ドメインを登録し直すために現在の更新情報ファイルを削除しました。/usr/local/etc/letsencrypt/renewalん?ディレクトリだから消せないよと英文メッセージ。confなのにディレクトリなのか。深く考えもせずRオプション追加。Enter押して1秒後に気付きました。renewalディレクトリごと消してしまった...。全てのドメインのssl更新ファイルが消失しました。Unix系のOSにはWindowsのようなゴミ箱はありません。復旧ツールもあるみたいですが、稼働中サーバにいきなり入れてみるのも気が引けたので、潔くあきらめて手動で復旧させる事にしました。私の環境では/usr/local/etc/letsencryptですが、/etc/letsencryptの場合も多いようですので、読み替えてください。certbotコマンドはcertbot-autoになっているようですので、そのあたりも読み替えてください。/usr/local/etc/letsencrypt/live/DOMAIN_DIR/usr/local/etc/letsencrypt/renewal/DOMAIN.conf/usr/local/etc/letsencrypt/archive/DOMAIN_DIRここでも注意。DOMAIN_DIRとして、今度はarchiveディレクトリまで消してしまいました。(スラッシュとスペースの間違え)もうrenewalを全て消してしまっていたので別に良かったんですけどね...。rmミスって他人事のように聞いてきましたが、今まで15年以上一度も間違えたことが無かったのですが2連発でやらかしました。得たものとしては、稼働中の全てのドメインを作り直したい場合にはディレクトリを丸ごと消してしまえば、後で自動で作成されるという事でしょうか。Webサーバの設定ファイルを一時的に変更する80番ポートでのアクセスを許可しておく必要があります。wwwあり・なし両方を登録する場合には、どちらからでもアクセスできるようにしておきます。sslの設定がWebサーバ(ApacheやNginx等)のconfファイルに書かれている場合、letsencryptのliveディレクトリ等を消しているため正常に起動しないので、ssl関連は全てコメントアウトにしておく必要があります。私はコメントアウトではなく、DOMAIN.confを複製して退避して、80番ポート専用のconfを作りました。この方が余計な行を気兼ねなく消せるのでお勧めです。restartブラウザから確認するNginxのバーチャルホスト環境で、設定ファイル読み込みの際にはエラーが表示されていないにも関わらず、正常に起動できていない事がありました。複数のドメインを設定している場合には、設定変更したドメインとは別のドメインが正しくブラウザで表示されるかを確認しておいた方が良いです。その後、該当ドメインの80番ポート(http)の確認をするべきですが、キャッシュの問題等で面倒だったので、私は省略しました。[C]ancelと聞かれる場合があります。ここでCancelを選んでしまうと、DOMAIN-0001という別の設定情報が作成されてしまいますのでEを押します。反映されると、以下のようなメッセージが表示されます。~念のため確認します。以下のコマンドで一覧に表示されていれば正常です。certificatesWebサーバの設定を元に戻します上記の例で、DOMAIN.conf_orgに複製している場合は以下のようになります。DOMAIN.confまた必要になるかもしれないので80番ポート専用の設定ファイルとして残しました。DOMAIN-0001で消せます。Webサーバのssl設定でこのDOMAIN-0001を過去に指定していないか注意してください。Encryptの制限についてあれこれ失敗してやり直しをしていると「7日間で5回まで」という制限に引っかかってしまいます。待っていられない状況の場合が多いと思います。この場合、コマンドに含めるFQDNを変えれば大丈夫なので、以下の例はサブドメインを追加しています。test.DOMAIN私の場合は、wwwあり・なし両方で有効な証明書を取得するために、もともと以下のようにしていました。www.DOMAINですので、それぞれに分けて登録することにしました。www.DOMAINただし回数制限は、サービス提供元の過負荷対策であったりするので、どうしても必要な時に限って行うようにしましょう。「九州のクライアントに対応できる業者を探している」ご要望にお応えできるかもしれません。零細ながらもデザイン・システム・サーバー運用全てを自社で15年以上行っているので柔軟な対応が可能です。Grantsで支払情報を求められてしまうNPO活動が停滞していましたが、Googleのサポートプログラムにより兆しが見えました。Adwords(オンライン広告)を毎月1万USドル(約100万円分)まで無料で利用できるというものですが、登録時に一箇所問題が生じました。Grantsアカウントで広告設定をすると「お支払情報の確認」ページに「設定の必要がない」旨表示されるはずなのですが、何度やっても支払情報を求められてしまう。うっかり入力してしまうと、毎月100万円程度の支払いが発生してしまうそうなので、初めてGoogleサポートに電話をしてみましたが、解決に至らず。ブラウザのキャッシュが原因だと思うのですが、アカウントを切り替えても他のGoogleアカウント情報があるとダメでした。Chromeでは複数のGoogleアカウントが登録されてしまっていたので、Googleアカウントが何も登録されていないfirefoxを使ってみたところ一発でOKでした。数時間待っても広告が配信されず、Adwords管理画面を確認すると「アカウントは有効ではありません」の文字が。あれこれいじってみましたが、毎月100万円の請求が来る可能性もある部分ですので、再度Googleへ電話してみました。アカウントの現在の状況を確認していただき、ワンステップずつ丁寧に教えていただき無事解決に至った内容です。Google非営利団体向けプログラムを開いて、ログインされていなければログインする。こんな画面が表示されます。Grantsに「登録」ボタンが表示されている状態では、まだ申請が終わっていません。指示に従ってAdwordsのIDを入力するとこのようになります。10営業日ほど待ちます。「おめでとうございます!新しい広告の掲載が始まります。GrantsとAdwordsを結び付けなければいけなかったようです。10アップデートに関係する検索クエリが多く、さらにネガティブワードだらけで、改めて大きな問題なんだと認識しました。復旧しようと何日も寝ずにがんばって再インストールから何からしてみたあげく、ハードを疑いだして何時間もかけてデバイス買いに行って取り付けてみたものの結局変わらず無駄な出費だけがかさみ(←それ私)と、パソコンが利用できないとどうしようもない方々や、スマホから情報収集したりと、人それぞれの重みを感じる検索クエリ達。不具合てんこ盛りですもんね。そもそもの始まりはChromeがフリーズするあたりからでした。守護霊のおかげかもしれません!様子見ましょう。私はなんとか削除できました。具合が悪くなるとあっちもこっちも辛くなりますよね。いえば「Windows」と「10」の間に半角スペースが入っているのを最近知りました。「デリーの戦い」に勝るとは。SSD買いに行ったお店で店員さんも言ってました。登場しましたね、3721。該当の郵便番号は無いようです。静岡県っぽいですけど。1週間で再起動100回以上しました。SSDを誰よりも活用しているかも。昔「ホムペ」って言う人に違和感覚えていたのを思い出しました。お手本のようなワード区切り。Aprilとか1803とかRS4とか呼び名多すぎですよね。情報リテラシー高そうな方ですね。Playerでテスト環境用に構築した仮想マシンを複製しておきたいと思いネットで調べたところ、なんだか少し面倒くさそうに書いてある記事が多かったのですが、3ステップの簡単操作で出来ましたのでメモしておきます。Playerは終了しておきます。ゲストOSがサスペンド状態であれば、その作業状態のまま複製されますが、ネットワーク等の初期化のために後で再起動する必要があります。ゲストOSはパワーオフの状態にしておいたほうが良いです。コピーしたフォルダの中にある拡張子がvmxのファイルをテキストエディタで開きます。この作業をしないでも問題ありませんが、同じ仮想マシン名が複数あると自分自身で区別がつかなくなりますので末尾に数字を足す等の変更をしておきます。新しく作成したフォルダにある.vmxファイルを選択します。ichmyさんの「VMwareで遊ぼうのこーなー」というコンテンツがおすすめです。WordPressでメディアをアップロードできない「画像の後処理に失敗しました。このファイルが写真もしくは大きい画像であれば、2500ピクセルに縮小してから再度アップロードしてください。5.3のエラーについて。バッファローLinkStationの管理画面が重いBuffaloのLinkStationというネットワーク対応の外付けHDDを使っていますが、管理画面が何をするにも異常に遅くて、他の方も書かれていましたが設定するのが億劫になります。ファームウェアの更新やメディアサーバーをオフにしてみたりしましたが解決しなかったのですが、原因がわかりました。Explorerで管理画面にアクセスすると、実用レベルの遅さになりました。Chromeを使っていたのですが、メニュー項目をクリックするたびに5秒~10秒、ひどいときにはそのまま処理が返ってこないという状況でした。してと思いIEからアクセスしてみたところ、画面遷移に1~3秒程と(じゅうぶんに遅いですが)設定するには実用的なレベルになりました。10では「動作を停止しました」とエラーになってしまう事が多いようです。※あくまでも正規ライセンスを所持している方が対象です。ネットで検索をすると、この対策として「言語設定」の「アプリウインドウごとに異なる入力方式を設定する」にチェックを入れると良いという情報が多くヒットします。(1809)以降ではこの手法は使えなくなってしまったようで、「デバイス」→「入力」→「キーボードの詳細設定」から「アプリウインドウごとに異なる入力方式を設定する」にチェックを入れてもPhotoshop等は起動しなくなってしまいました。以下の方法で2回に1回程度の確率で起動できます。スタートにピン留めやデスクトップにショートカットを作って試してみましたが、なぜかタスクバーだけが起動確率が非常に高いです。確実な方法がありましたら教えてください。CS2の公開ダウンロードは終了したようです。https://www.ii-sys.jp/notes/1900WordPressのCSSカスタマイズ実践例WordPressでCSSが反映されないという疑問について、テンプレートLightningを例にWEB制作現場で実際に行っているデベロッパーツールの活用方法をご紹介します。小中学生に、1人1台導入されるタブレットについて概要を独自にまとめました。最近主流のPC用ディスプレイ解像度は?【過去10年間の推移】Webコンテンツの適正画像サイズをディスプレイ解像度の利用者統計データを元に検証します。ホームページに載せる適正画像サイズをデータで検証という記事から11年も経ってしまいましたので2018年版を載せました。(StatCounterによる統計データを元にしています。2018年版が確定したのでデータおよびグラフを修正しました。2019年版も(確定版ではありませんが)掲載しました。掲載データが多くなってしまいましたので、結論を先に書いておきます。パソコンのモニター幅いっぱいの可変サイズの画像(ヘッダ等)を想定するのであれば、(w)2,000ピクセルは必要。これくらいあれば(w)2,560ピクセルで表示したとしても耐えられるクオリティ。10年前に比べると回線環境は良くなったとはいえ、画像サイズが大きくなれば読み込みに時間がかかり、またスマホユーザーに無駄なデータ通信量を消費させてしまう。記事に添える画像は300~800ピクセル程度のサムネイルを表示して、高解像度が必要であれば元画像にリンクを張る。レスポンシブデザインの場合、表示サイズと同等にリサイズされた画像が表示される工夫が必要。(CSSにwidthを書いても元画像が同じであればデータ量は変わらず、w320のスマホユーザーにw2,000の画像を送り付けるという事態に。jQueryで端末サイズに応じて読み込む画像を振り分けるのが今のところ良さげ。下記のようなメディアクエリーを書いても読み込む画像が増えるだけで逆効果。[...]Googleが独裁者になっていくのは寂しい世界中でGoogleを知らない人はいないといっても過言ではないほどの巨人。インターネット黎明期の20年程前は利益を考えないベンチャーとして不気味な魅力がありましたが、最近は大きくなりすぎてしまった弊害が目立ちます...。資本主義の限界なんでしょうか。世界地図から住宅地図の尺度まで自在に表示できるGoogleMap、それも無料で使えるとあって多くのWebサイトやシステムにも導入されてきました。私も例外ではなく、過去に制作してきたコンテンツの多くにGoogleMapを利用させてもらってきました。ある時規約が変更され、登録しないと表示されない仕様&表示上限が設けられ、さらに規約変更が重ねられて、今では1,000回表示で7ドルに。今やネット上の情報を検索するにはGoogleに登録されていなければ、砂漠のド真ん中にお店を開店したようなものです。検索エンジン大手もほとんどが独自システムの開発をやめてしまい、Googleのシステムに頼っている一強の前で、検索アルゴリズムが変更されるたびに為すすべもなく、阿鼻叫喚の巷と化しています。無料提供されてきた翻訳APIが有料化になったこともありました。一部の国ではGmailの有料化。ある意味「神」ですね。生かされているので何も言えない。検索エンジンの初期から一貫して「競合を圧倒したサービスを無料提供して、ライバルを撤退もしくは吸収したうえで市場を独占して、十分なアドバンテージができたところで有料化」という完璧なビジネスモデル。なんかgifやmp3と似てるんですけどね。世界中を敵にまわして事実上敗北してしまったUNISYS社らとの大きな違いは、企業として巨大化するまでじっくり待ったのと、エンドユーザからは徴収しないという方針でしょうか。その気になれば規約やアルコリズムをちょいちょいと変更して、自社に都合の悪い情報を抹消する事なんて簡単なわけですし。スマホは現在Apple(iPhone)が対抗していますが、勢いがなくなってしまったら次はAndroidですよね。Androidに乗っかっている日本企業、大丈夫でしょうか。7に対応しているreCAPTCHAがv3になってから、バッジ(ロゴ)が邪魔な場所に表示されてしまうようになりました。7の問題ではなく、Googleが出力しています。Googleにしてみれば謙虚に右下を選んだのかもしれませんが、右下は多くのサイトで「トップに戻る」アイコンが表示される大事な場所です。(もっともGoogleがそれを知らないはずもないので、注目させたかったのでしょうか。JavaScriptで追加すれば好きな位置に移動できますが、親要素を変えられないのであまり実用的ではありません。JavaScriptでgrecaptcha-badgeクラスをappendChildしてみたりしましたが、トークンの発行がうまくいかなくなったり不安定でしたので断念しました。ネットで検索すると、海外でも多くの議論がされていました。非表示にしてしまうとスパム防止が効かなくなるそうです。探せばGoogleのFAQにありました。コンタクトフォームを表示させるページごとに入れるのも面倒ですし、のちのち別のページにフォームを追加することになった時にはきっと忘れてしまっているので、コンタクトフォームの送信ボタン下に1行で書き込みました。1903、19H1)がリリースされて1ヶ月程が経ちました。Windowsの大型アップデートでは毎回トラブルに見舞われるのですが、今回は個人的には良いOSだと思っています。2018(1803)の時には不具合が多く、ディスクドライブを疑いSSDを買い替えてしまいました。今回は、数台の予備パソコンで試してみて特に不具合が無かったので、先日メインマシンも手動で導入しました。以下はあくまでも個人的な感想です。Updateが軽くなった印象です。全体的な動作がOSインストール直後のパソコンといった感じでキビキビしています。1903、19H1)は、まだ自動配信はされていないようです。10のダウンロードからもダウンロードできます。Watchさんの情報です。1803)への大型アップデートが始まり、巷では不具合報告合戦が続いているようです。私も参戦しようと思ったのですが、どうやら1803に辿り着く前のアップデートKB4103727にやられてしまったようで瀕死になりました。スタートボタンが偶数回クリックしないと反応しない。エクスプローラーにドライブ(C含む)が表示されない。シャットダウンも再起動もできない。全てのアプリケーションが起動はするがすぐにフリーズする。情報を調べようにもブラウザ(ChromeとFirefox)がすぐにフリーズ。Edgeだけは機能しました。普段使わないEdgeですが今回は役に立ちました。1803へアップデートしてみることにしました。最初のうちはサクサクと進むのに、途中から1%進むのに10分以上かかるという利用者の事を考えていなさすぎな仕様。Microsoftに限ったことではありませんが、プログレスバーの表示は「全体の完了時間を予測してその割合」を表示するようにそろそろ改善してくれませんかね。昔のWindowsインストーラは目安時間が表示されてましたが(40分とか表示されつつも平気で3時間とかかかってましたが)今の技術を使えばもっと正確な表示ができると思うのですが。これが終わらなければ他に何もできない状況ですし、数字見ながらジーっと待ってると、もうね、詐欺にあった気分。タバコ一箱無くなりましたがな。大きな企業が大勢の人を使ってUIがどうのこうのと改善しやすい部分に時間割いて突き詰めるよりも、まずここをお願いします。話が脱線してしましたが、画面の表示変わりました。システムファイルに不具合があったりすると正常にアップデートできないようなので無理もないですね。1709が復元しました。今度はセーフモードで起動してみました。[...]highlight.jsに「強調表示」を追加する拡張CSS見やすいコード表示をするhighlight.jsをさらに便利にするための拡張スタイルシート。WordPressであまり使われることのないイタリック体アイコンボタンを押すだけで、任意の範囲を強調表示できるようになります。Web開発や効率が良いブログ記事執筆の環境構築の参考にWeb開発やブログ記事の執筆で安定して使えるソフトウェアと画面配置を具体的に説明。効率を追求するプロならではの環境・レイアウトを参考に、今以上に使い勝手の良い環境構築にお役立てください。【Zoom代替ツール無料で公開中】オープンソースのJitsiは学校でも会社でも使える「技術」と「品質」にこだわる「匠」の精神で、お客様の信頼に応え、成長し続けてまいります。【Zoom代替ツール無料で公開中】オープンソースのJitsiは学校でも会社でも使える障害・メンテナンス情報2024年11月02日04時現在、障害は発生しておりません。2023年01月04日~2023年01月31日、サーバー移転に伴うメンテナンス作業実施のため一部のWebサーバーでレスポンスが悪くなる場合がございます。