Windows10 21H1の更新通知が早速来た。インストールも速い。
2021年5月18日に一般公開されたWindows 10 May 2021 Update（21H1）の更新通知が、10日も経たないうちに早速やってきました。
自分の中では史上最速じゃないかな？ インストール時間も短い。むしろ累積更新のプログラムのほうが長かったくらい。
続きを読むHTMLとCSSだけで簡単に作る。軽量なON/OFF スイッチ
javaScriptを使わずにHTML&CSSだけでON/OFFスイッチを作ります。
Webのサービス・アプリの設定画面でよく見るやつで、トグルボタン、トグルスイッチとも言います。
だれでも分かるように、サンプルコードを少しずつ作りながら説明します。
続きを読むLinux systemctl, サービスの自動起動 / 解除を行なう
Redhat系Linuxのsystemdはサービス（アプリケーション）の起動・停止・再起動をコントロールするものです。
systemdの管理コマンドsystemctlでサービス（アプリケーション）の自動起動 / 解除 設定を行ないます。
自動起動はOSが起動したときに連動して起動させること。
続きを読むWindows10 21H2はなし？ 次はWindows11。どこまで古い端末が使えるかがカギ。
次期WindowsはWindows 11になりました。Windows 10の大型アップデート（21H2（Sun Valley））はどうなるのか？
発表直後いろんな情報が錯綜していますが一番気になったのは古いPCの足切り。自己責任でアップグレードしたら動かない。
現状、足切られたらあきらめるしかない状態。
続きを読むPHP8, エラー、警告、通知の変更のまとめ。レベル格上げが主な変更点。
PHP8では、それまで警告で済んでいたものがエラーになるものが多くあります。
（エラー例外をスローする。）
個々の変更点では説明されてたんですが、まとまったものがありませんでした。やっと見つけたので、エラー、警告、通知の変更点のレジュメをご紹介します。
続きを読む一番かんたんなスムーズスクロールの実装。CSSだけでできるが...。Apple頼む！
リンクをクリックしてサイト内をジャンプするとき、キュルキュルーって動きながら移動するのを見ます。
スムーズスクロールといいます。CSSの1行追加でできるようになりました。
いま一番かんたんな実装方法です。ただひとこと言いたいのは『頼むぜ。Apple！』。
続きを読むかんたんCSS, リストのマーカー（点）を消す方法（ul, ol, liタグ）
HTMLのul, ol, liタグで作ったリストのマーカーを消す方法はとても簡単です。ソースコードのサンプルを使って説明していきます。すぐに終わります。
デフォルトのマーカーを使うことはあまりないので、CSSの初期化処理でul, ol, liタグに直接、1回だけ記述すればいい。
続きを読むFont Awesome 5は公式のCDNでCSS配布をやめるらしい
WebアイコンフォントにFont Awesomeがあります。CSSをHTMLにはめ込むだけで使えます。
CSSファイルを読み込むのに、CDNが一番かんたんな方法ですが、公式のCDNの配布をやめるそうです。
ということで別のところからCDNをもってきます。
続きを読むPHP, パスワードのハッシュはpassword_hash()を使おう！
文字列のハッシュ化は、md5(), sha1()を使うのをやめてpassword_hash()を使いましょうという話です。
（ハッシュは文字列を解読しづらくする難読化のこと。）
公式ドキュメントもそう言っているのに気づきました。
（けっこう遅いけど。）
続きを読むWebセッションとは何か？ついでにクッキーとは何か？『訪問』て言われると気になる。
Webの世界でセッションと言えば『ブラウザからページを表示してブラウザを閉じるまでの間』『訪問』という答えを聞きます。
Webマーケティングが注目されてから言われているように感じる。
しかし、セッションは、場所・人によって意味がちがいます。改めてセッションの意味を考えます。ついでに関係の深いクッキーについても説明します。
続きを読むWebサイト表示の流れをざっくりとまとめた。HTML,CSSからSPA,SSR,SSGまで。
SPA, SSR, プリレンダリング（SSG）, React, Vue.js, Next.js, Nuxt.js。
正直、いまのWebの技術はいろんなことが多すぎて、すべてを理解できません。似てることも多いし。
こういうときは、しっかり基本に立ち返ります。そうすれば振り回されないし学習が速くなる。
続きを読むHTMLとCSSだけで簡単に作る。軽量な閉じる・すべて表示ボタン
HTMLとCSSだけで『閉じる・すべて表示』ボタンをかんたんに作る方法をご紹介します。
このボタンは、画面を遷移しないでコンテンツを閉じたり追加表示します。JavaScriptは使いません。
これは、コンテンツを制御するときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。
続きを読むPHP array_filter, 配列の空要素削除に使うのはダメ！
array_filter(), array_values()を使って、配列から空要素を削除する方法があります。
よく使う方法ですが、絶対にやってはいけないことがあります。
『コールバックのstrlen()』です。
どうして？の人からそもそも知らない人まで、分かりやすいようにサンプルコードで説明します。
続きを読むMariaDB, インストール直後にやるべき作業。初期設定は常識です。
MariaDBには、インストール後にやっておくべき初期設定がふたつあります。設定ファイルの編集とmysql_secure_installationコマンドの実行。
rootパスワード設定や、だれでも使える匿名ユーザーの削除などのセキュリティ対策をします。
続きを読むHTML5, 標準仕様になった画像の遅延読み込み(Lazy-Loading)
2020年、HTML5でloading属性（lazy-loading）が標準仕様になりました。これでJavaScriptでしていたことがHTMLだけでできるようになります。
（ただし、Safariは除く。Apple頼む！）
その内容と使うときの注意点をわかりやすく解説します。
続きを読むUnity Hubでプロジェクトを開けない。原因はライセンスのMACアドレスにあり！
Unity Hubで作成したプロジェクトを開こうとすると、Editorの初期画面が出るだけで終了。
Unity Hubは『Unityは既にリストに含まれています。』が表示され再起動。
何度やっても負のループ。いや、そこで終わり？何もできないんだけど？
続きを読むユーザーCPU時間とシステムCPU時間って何がちがう？（プログラムが独り占めするひととき）
プログラムはCPUを好きなタイミングで使うことはなく処理待ちしているのが普通です。
CPU時間はプログラムが処理するためにやっと掴んだCPUを占有する時間の累計。そのCPUを『だれが』使うかでユーザーCPU時間とシステムCPU時間に分かれます。
かんたんに分かりやすく、関係とちがいを説明します。
続きを読むwebpack4 -> 5 移行ガイドを読んでその通りにやってみる。
webpackを4から5へアップデートしましたが、移行ガイドを読まずに自力でできてしまったので、改めて移行ガイドを読んでみます。
抜けがないか確認のため。設定の細かいカスタマイズをしてる人は一読する価値あり。基本設定で済ませていれば、そこまで必要はなかったかな？
続きを読む『ビューポートが設定されていません』を直す。モバイルユーザービリティの適正化。
Google Search Consoleのモバイルユーザービリティのエラー『ビューポートが設定されていません』を直します。
ビューポートはモバイル（スマホ）でサイトが表示されている実際の領域のこと。
かんたんです。HTMLにmetaタグを追加するだけです。
続きを読むHTMLとCSSだけで簡単に作る。軽量な開く・閉じる切り替えボタン
HTMLとCSSだけで『開く・閉じる』の切り替えボタンをかんたんに作る方法をご紹介します。
画面を遷移しないでコンテンツを開閉します。JavaScriptは使いません。
これは、コンテンツをコントロールするときWebサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。
続きを読むWindows10, ver2004のインストール通知が来ないんだけど？（2004にかぎらない話）
いっこうに2020年5月27日公開のWindows 10 May 2020 Update（ver2004）の更新プログラムのインストール通知が来ません。
いや、もうじきver1909はサービス終了なんですけど？ という話。（今はすでにサービス終了。）
Microsoftサイトへ行って手動アップデートする方法も紹介します。
続きを読むLinux firewall-cmd, ファイアウォールのポートを開け閉めする
Redhat系Linuxにはfirewalldというファイアウォールのサービスが標準であります。それを細かく設定するコマンドがfirewall-cmdで、ポートを開けたり閉めたりします。
サービス名（アプリケーション名）とポート番号で設定する方法があります。
続きを読むAtom, Windowsで起動できない時の対応。復旧するまでいくつか試す。
WindowsでAtomエディタが起動しないときの対処方法です。
セーフモードで起動する、パッケージをアンインストールする前にできることがあります。その方法を説明します。症状が軽ければ最初のステップで直る。
ここではWindows10で作業しています。
続きを読むCentOS ssh, rootユーザーをパスワードでログインする
セキュリティ上よくありませんが、rootユーザー・パスワードでリモートログインする方法です。
rootユーザーのパスワード認証なんて絶対にやるもんじゃありません。でも少ないながらも使う機会はあります。
忘れてもいいことだし、すぐ忘れることなので備忘録です。
続きを読むWordPress5.3, PHP7.4と他のPHPバージョンで気をつけること
WordPressのバージョンが5.3になりPHP7.4に対応しました。また、PHPの最小バージョンも上がり（5.6.20）、WordPressのPHP動作環境が変わっています。
WordPress公式ガイドの全内容を和訳して解説します。
続きを読むMySQL/MariaDB, 検索クエリの結果に連番をつける方法
MySQL/MariaDBで検索クエリ（SELECT）結果に連番をつける方法はかんたんに見つかりますが、細かい解説がすぐには見つかりません。
SQLに慣れてない人のために解説をつけました。@numって何だ？とか。これくらいのレベルで行きます。
（自分もよく忘れるので備忘録でもある。）
続きを読むHTMLとCSSだけで簡単に作る。軽量なタブで表示内容を切り替え
HTMLとCSSだけでタブのメニューをかんたんに作る方法をご紹介します。
このタブメニューは、画面を遷移しないで表示内容のコンテンツを切り替えます。JavaScriptは使いません。
これは、タブを切り替えるときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。
続きを読むAtomをIDE（統合開発環境）に変身させる。メリットもあればデメリットも。
テキストエディタのAtomをIDE（開発統合環境）にする方法です。まぁパッケージをインストールするだけなのでそんなにむずかしくはありません。
ほかのプログラム開発環境を作るのに比べればインストールするパッケージ数も少ないです。ただ、デメリットもあるので使い分けが必要。
続きを読むPATHの通し方（Windows, Mac, Linux, Unixの環境変数設定）
プログラム開発環境を作るときの基本的な作業に環境変数の設定があります。俗に『PTTHを通す』といいます。
その設定方法をWindows, Mac, Linux, Unixごとに分かりやすくかんたんに説明します。
説明がかんたんではなくて本当に作業がかんたんです。気軽に見てください。
続きを読むWordPress 子テーマのCSSで上書きはやめよう。無駄をなくしてサイズを小さくするコツ。
WordPressのテーマでカスタマイズしたいときに子テーマを作ります。
親テーマのCSSを変更したいとき、子テーマでCSSを用意して親テーマのCSSの設定を上書きする人もいるのではないでしょうか？
しかしこれは避けたほうがいいです。理由は『CSSのサイズが大きくなる』から。
『それじゃあ、どうするのか？』を説明します。
続きを読む
