Visual Studio Codeで改行をCRLFで保存してしまう。LFに変える方法。
Visual Studio Code（VS Code）で改行コードを LF で保存したのに、気づいたら CRLF になってることがあります。
理由は、デフォルトの改行設定が CRLF で、どこかの編集のタイミングで CRLF で保存してしまってるから。
プログラミングで CRLF はきつい。デフォルト設定を変更します。
続きを読むHTMLとCSSだけで簡単に作る。軽量なON/OFF スイッチ
javaScriptを使わずにHTML&CSSだけでON/OFFスイッチを作ります。
Webのサービス・アプリの設定画面でよく見るやつで、トグルボタン、トグルスイッチとも言います。
だれでも分かるように、サンプルコードを少しずつ作りながら説明します。
続きを読むLinux systemctl, サービスの自動起動 / 解除を行なう
Redhat系Linuxのsystemdはサービス（アプリケーション）の起動・停止・再起動をコントロールするものです。
systemdの管理コマンドsystemctlでサービス（アプリケーション）の自動起動 / 解除 設定を行ないます。
自動起動はOSが起動したときに連動して起動させること。
続きを読むPHP, パスワードのハッシュはpassword_hash()を使おう！
文字列のハッシュ化は、md5(), sha1()を使うのをやめてpassword_hash()を使いましょうという話です。
（ハッシュは文字列を解読しづらくする難読化のこと。）
公式ドキュメントもそう言っているのに気づきました。
（けっこう遅いけど。）
続きを読むMariaDB, インストール直後にやるべき作業。初期設定は常識です。
MariaDBには、インストール後にやっておくべき初期設定がふたつあります。設定ファイルの編集とmysql_secure_installationコマンドの実行。
rootパスワード設定や、だれでも使える匿名ユーザーの削除などのセキュリティ対策をします。
続きを読むWebサイト表示の流れをざっくりとまとめた。HTML,CSSからSPA,SSR,SSGまで。
SPA, SSR, プリレンダリング（SSG）, React, Vue.js, Next.js, Nuxt.js。
正直、いまのWebの技術はいろんなことが多すぎて、すべてを理解できません。似てることも多いし。
こういうときは、しっかり基本に立ち返ります。そうすれば振り回されないし学習が速くなる。
続きを読むWordPress5.6, PHP8のサポート開始。対応するには細かいテストが必要。
WordPress5.6は、直前にメジャーバージョンが上がったばかりのPHP8への対応を始めました。
メジャーバージョンが変わっただけに、変更点もなかなかのものになっています。
結論からいうと、PHP8に完全対応するのは大変。サードパーティ製のテーマ・プラグインを使っている人はとくに。
（ほとんどそうだと思うけど。）
続きを読むVirtualBox 6.1.28 は Windows 10 で仮想マシンが起動できない。
仮想環境で有名な Oracle VM VirtualBox ですが、バージョン6.1.28 は Windows10で起動できません。
Call to NEMR0InitVMPart2 failed らしい。ざっくりいうと、仮想マシンの起動で失敗する。
答えを先にいうと、バージョンを下げようという話です。
続きを読むLinux firewall-cmd, ファイアウォールのポートを開け閉めする
Redhat系Linuxにはfirewalldというファイアウォールのサービスが標準であります。それを細かく設定するコマンドがfirewall-cmdで、ポートを開けたり閉めたりします。
サービス名（アプリケーション名）とポート番号で設定する方法があります。
続きを読むUnity Hubでプロジェクトを開けない。原因はライセンスのMACアドレスにあり！
Unity Hubで作成したプロジェクトを開こうとすると、Editorの初期画面が出るだけで終了。
Unity Hubは『Unityは既にリストに含まれています。』が表示され再起動。
何度やっても負のループ。いや、そこで終わり？何もできないんだけど？
続きを読むユーザーCPU時間とシステムCPU時間って何がちがう？（プログラムが独り占めするひととき）
プログラムはCPUを好きなタイミングで使うことはなく処理待ちしているのが普通です。
CPU時間はプログラムが処理するためにやっと掴んだCPUを占有する時間の累計。そのCPUを『だれが』使うかでユーザーCPU時間とシステムCPU時間に分かれます。
かんたんに分かりやすく、関係とちがいを説明します。
続きを読むWindows10 21H2の更新通知が早速来た。大した内容でもなくテンションが上がらない。
Windows 11がリリースされたので、すでに過去のものになってしまった Windows 10ですが、OSアップデートは続きます。
最新の21H2がリリースされて10日で、もう通知が来ました。
結果を言うと、『バージョン変えるほどでもなくね？』というほど内容は薄い。
続きを読むPHP8, エラー、警告、通知の変更のまとめ。レベル格上げが主な変更点。
PHP8では、それまで警告で済んでいたものがエラーになるものが多くあります。
（エラー例外をスローする。）
個々の変更点では説明されてたんですが、まとまったものがありませんでした。やっと見つけたので、エラー、警告、通知の変更点のレジュメをご紹介します。
続きを読むHTMLとCSSだけで簡単に作る。軽量な開く・閉じる切り替えボタン
HTMLとCSSだけで『開く・閉じる』の切り替えボタンをかんたんに作る方法をご紹介します。
画面を遷移しないでコンテンツを開閉します。JavaScriptは使いません。
これは、コンテンツをコントロールするときWebサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。
続きを読むHTMLとCSSだけで簡単に作る。軽量なタブで表示内容を切り替え
HTMLとCSSだけでタブのメニューをかんたんに作る方法をご紹介します。
このタブメニューは、画面を遷移しないで表示内容のコンテンツを切り替えます。JavaScriptは使いません。
これは、タブを切り替えるときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。
続きを読むPATHの通し方（Windows, Mac, Linux, Unixの環境変数設定）
プログラム開発環境を作るときの基本的な作業に環境変数の設定があります。俗に『PTTHを通す』といいます。
その設定方法をWindows, Mac, Linux, Unixごとに分かりやすくかんたんに説明します。
説明がかんたんではなくて本当に作業がかんたんです。気軽に見てください。
続きを読むかんたんCSS, リストのマーカー（点）を消す方法（ul, ol, liタグ）
HTMLのul, ol, liタグで作ったリストのマーカーを消す方法はとても簡単です。ソースコードのサンプルを使って説明していきます。すぐに終わります。
デフォルトのマーカーを使うことはあまりないので、CSSの初期化処理でul, ol, liタグに直接、1回だけ記述すればいい。
続きを読むWebセッションとは何か？ついでにクッキーとは何か？『訪問』て言われると気になる。
Webの世界でセッションと言えば『ブラウザからページを表示してブラウザを閉じるまでの間』『訪問』という答えを聞きます。
Webマーケティングが注目されてから言われているように感じる。
しかし、セッションは、場所・人によって意味がちがいます。改めてセッションの意味を考えます。ついでに関係の深いクッキーについても説明します。
続きを読むwebpack4 -> 5 移行ガイドを読んでその通りにやってみる。
webpackを4から5へアップデートしましたが、移行ガイドを読まずに自力でできてしまったので、改めて移行ガイドを読んでみます。
抜けがないか確認のため。設定の細かいカスタマイズをしてる人は一読する価値あり。基本設定で済ませていれば、そこまで必要はなかったかな？
続きを読む1024byte = 1kB は不正解って知ってますか？ プログラマ・SEが使う単位について
1024byte=1KBは○。1024byte=1kBは✕。1000byte=1kBは○。1024byte=1KiBは○。
説明できるほど分かっていたのは1024byte=1KBと1024byte=1KiB の2つだけ。
1000byte=1kBは『その計算もある』程度の理解。
エンジニア目線では理解不能な単位の話。
続きを読むPHP array_filter, 配列の空要素削除に使うのはダメ！
array_filter(), array_values()を使って、配列から空要素を削除する方法があります。
よく使う方法ですが、絶対にやってはいけないことがあります。
『コールバックのstrlen()』です。
どうして？の人からそもそも知らない人まで、分かりやすいようにサンプルコードで説明します。
続きを読むnvm, Node.jsバージョンをユーザー・ディレクトリごとに管理する
Node.jsの環境を作るのにNode.jsのバージョン管理ツールは必須で、かんたんにNode.jsのバージョンを切り替えできないとキツイです。
nvmはユーザー、ディレクトリごとに切り替えできます。
direnvが使えるなら一番のオススメです。
続きを読む一番かんたんなスムーズスクロールの実装。CSSだけでできるが...。Apple頼む！
リンクをクリックしてサイト内をジャンプするとき、キュルキュルーって動きながら移動するのを見ます。
スムーズスクロールといいます。CSSの1行追加でできるようになりました。
いま一番かんたんな実装方法です。ただひとこと言いたいのは『頼むぜ。Apple！』。
続きを読むWordPress5.3, PHP7.4と他のPHPバージョンで気をつけること
WordPressのバージョンが5.3になりPHP7.4に対応しました。また、PHPの最小バージョンも上がり（5.6.20）、WordPressのPHP動作環境が変わっています。
WordPress公式ガイドの全内容を和訳して解説します。
続きを読むFont Awesome 5は公式のCDNでCSS配布をやめるらしい
WebアイコンフォントにFont Awesomeがあります。CSSをHTMLにはめ込むだけで使えます。
CSSファイルを読み込むのに、CDNが一番かんたんな方法ですが、公式のCDNの配布をやめるそうです。
ということで別のところからCDNをもってきます。
続きを読むCentOS7, スワップ領域の作成と削除。意外とOS管理で使う。
メモリが足りなくなったときに、HDD(SSD)の一部をメモリとして使うスワップがあります。
メモリを増設すればいいので不要だと思われがちですが、暫定措置として結構使う。
そのスワップ領域をCentOS7で作成します。いらなくなることもあるので、ついでに削除の方法も。
続きを読むPHP, JSONで日本語を使う方法。Unicodeのエスケープを辞めればOK。
json_encode()を使ってPHPの配列やオブジェクトをjsonに変換しますが、UTF-8などのUnicodeの場合、json結果の日本語がUnicodeのままになります。
それを、日本語で表示するようにします。
かんたんです。説明は3分もかかりません。
続きを読むHTMLとCSSだけで簡単に作る。軽量な閉じる・すべて表示ボタン
HTMLとCSSだけで『閉じる・すべて表示』ボタンをかんたんに作る方法をご紹介します。
このボタンは、画面を遷移しないでコンテンツを閉じたり追加表示します。JavaScriptは使いません。
これは、コンテンツを制御するときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。
続きを読むPHP, HTMLを出力する3つの方法。echo, ヒアドキュメント, バッファリング。
PHPのHTML出力には3つの方法があります。はじめに思いつくのは "echo" ですね？
でもechoは複数行書くのに向いていません。そこでecho以外にも、ヒアドキュメント、バッファリングの方法があります。
それぞれのメリット・デメリットをご紹介しながら見ていきます。
続きを読むnpm, nパッケージでシステムのNode.jsのバージョン管理をする
Node.jsを複数インストールしてバージョン管理するツールはたくさんありますが、npmのnパッケージはちょっと特殊です。
一般的なツールはシステム（OS全体）のNode.jsから新たにNode.jsをインストールするんですが、nパッケージはシステムのNode.jsのバージョンを管理できます。
続きを読む
