電子工作
トイレが空いてるか分かるランプをESP32で自作してみた【XIAO ESP32C3】
店舗のトイレが使用中なのか、入口まで行かないと分からない。 そんなちょっとした不便を解消するために、 人感センサーとESP32を使った「トイレ使用中ランプ」を自作してみました。 最…
Mac
MAMPでPHP 5.6が使えない！Intel MacにDockerで古いWordPress環境を構築する方法
古いWordPressサイトのアップデート作業をすることになり、ローカルに本番と近い環境を構築する必要がありました。 今回の本番環境はこちらです。 いきなり本番環境でPHPやWor…
Mac
【Mac】PNGをWebPに一括変換する方法！右クリックだけで複数画像をまとめて変換
Macで複数のPNG画像をWebPに一括変換する方法を解説。HomebrewとAutomatorを使えば、Finderで画像を選択して右クリックするだけ。Intel Mac・Apple Siliconの両方に対応しています。
Web制作
【WordPress】画像サイズを追加する方法【メディア】
add_image_sizeとimage_size_names_chooseをつかって画像サイズを追加する方法をご紹介します。 functions.phpに下記を追加します。 ad…
Bootstrap
【jQuery+CSS】vertical-align:middleをレスポンシブに対応させる【Bootstrap】
CSSで縦（上下）に中央寄せをする際にはdisplay:table-cell、vertical-align:middleを使用しますが、高さを指定しなければいけません。レスポンシブ…
VPS
【ubuntu】FTPでアップロードしたファイルのパーミッションが600になってしまう【解決】
ubuntuサーバーでFTPを立て、FTPソフトでファイルをアップロードしたところ403エラーが出たのでパーミッションを調べたらデフォルトのパーミッションが600（フォルダは700…
VPS
【ubuntu】FTPサーバー立てたけどディレクトリリスト取得表示に失敗した時の対処方法
ubuntuサーバーにFTP立てたけど接続は出来るのにディレクトリリストの取得・表示ができなかった時の原因と対処方法の備忘録です。 症状 エラー: ディレクトリ リス…
Bootstrap
【Bootstrap 5.x】サイト開いた時にYoutubeをモーダルウィンドウ表示する方法
サイトを開いた時にYoutubeをモーダルウィンドウ（ポップアップ）表示する方法をご紹介します。Bootstrap 5.x を使っていればコピぺでいけます。レスポンシブ対応です。 …
iPhone
【iPhone】キーボードでドイツ語の「ß」（エスツェット）を入力する方法
Duolingでドイツ語を勉強しているのですが、iPhoneのキーボードで「ß」の入力方法がわからなかったので備忘録として残します。 「ß」の読み方 ベータみたいな形をしていますが…
Mac
【macOS】ターミナルでXSERVERのVPSにSSH接続する方法（Permission denied (publickey)）
MACのターミナルでXSERVERのVPSにSSH接続する方法の備忘録です。 「Permission denied (publickey)」ってなってしまう場合の対処方法も記載。 …
