カテゴリー: blog

2年半ぶりにiPhone 13をiPhone 16 Proに機種変更。3世代の進化です。

液晶画面は6.1インチから6.3インチへサイズアップしたけど、それほど大きくなった感はなく、重さも気にならない。

個人的にうれしかったのが付属のUSBケーブル。両端のコネクタはUSB-Cとなり、ケーブルの外被はメッシュに変わっています。使用期間が長くなるほど、ケーブルがボロボロになる傾向があったので、この変更はうれしいですね。

これまで使っていたiPhone 13ですが、今年の2月に機種変するタイミングだったのですが、ちょっとうっかりしていてそれに気づいたのが5月頃。その際iPhone 15に変更するよりも今回のタイミングで新機種にしたほうがよいと思い、今月に至りました。

どのように機種変したかというと、きっかけは先週金曜日に届いたショップからのショートメール。先週金曜日はiPhone 16の発売日で、テレビのニュースでも取り上げられ、「そうだ、機種変しなきゃ！」と思い、すぐに翌日のショップを予約。とりあえずiPhone 16（無印）を取り置きしてもらいました。

予約時間にショップへ行き、まずはiPhone 16（無印）とProの料金確認。2年半ぶりで円安も重なって、毎月の支払いは高くなった感じですね。

	1年目の月額	2年目以降の月額
iPhone 16	0円	4,000円
iPhone 16 Pro	4,000円	4,000円

1年目の4,000円/月の有無が基本的な差でした（まあざっくりですが）。これくらいの差額であれば思い切ってiPhone 16 Proでもいいかなと思い、店員さんに在庫を確認するとデザートチタニウムが1台あったので、即決しちゃいました。

iPhone 16 Proはボタンの配置が変更され、慣れるまでは少し戸惑いそうです。日本語に対応したAI機能、早く使ってみたいですね。

今週はWordPress 6.6 Beta1、6.5.4が公開されました。手持ちの2サイトは順次6.5.4へ、開発環境もとりあえずは6.5.4へアップデートしました。

そんなこんなで気分一新し、新しいブロックでも作ってみようかと思い、「create-block」で新しいプラグインを作成。

% npx @wordpress/create-block hello-blocks

このコマンドは、wp-content/pluginsディレクトリで実行するのが正解なわけだが、先にプラグインのディレクトリを作ってその中で実行しちゃいがち（その度にやり直してる）。

とりあえずプラグインのディレクトリへ移ってビルド。

% npm run build

プラグインを有効化し投稿編集画面を開いてみたが、作ったブロックが表示されない。なんで！？

投稿編集画面のHTMLソースを見ると、cssファイルはロードされているけど、jsファイルが見当たらない。思いついたことは試してみたが原因がさっぱりわからず昨晩は寝てしまった。

夜があけてXを眺めていると、「浜野さん」のポストを発見！

wordpress/scriptsがv28.0からReactの新しいJSXトランスフォームを使用するようになったのですが、これはWordPress6.5以下では動作しないので、ブロック開発でscriptsを使用していてWordPress6.5以下もサポートする場合は、scriptsのv27.9以下を使う必要があります

https://x.com/tetsuaki_hamano/

ということで、プラグインディレクトリのpackage.jsonを確認。確かに、「^28.0.0」になっていた。

  "devDependencies": {
    "@wordpress/scripts": "^28.0.0"
  }

「^28.0.0」を「^27.9.0」に書き換えて保存。wordpress/scriptsを再インストールして、もう一度ビルド。

% npm install --save-dev @wordpress/scripts

% npm run build

投稿編集画面を開き直すと、無事ブロックが表示されました。

---

本件はWordPress 6.6 Beta1が公開され、それに合わせてwordpress/scriptsもアップデート。このタイミングで新しいブロック（プラグイン）を作成したことにより、生じたのでしょう。これからは、wordpress/scriptsのバージョンに注意しないといけませんね。

ファイルのタイムスタンプを変更したくなった際、Windows環境でもLinux環境と同じようにtouchコマンドが使いたいと思うことがある。PowerShellでタイムスタンプを変更する場合は次のようなコマンド（スクリプト？）が使えるようだが、ちょっと長い感じ。

>powershell -C "(Get-Item {ファイルのパス名}).LastWriteTime = (Get-Date)"

このことを検索している過程で、Visual Studio CodeでGithubと連携する際にインストールした「Git for Windows」には「bash」が同梱されており、このbashならtouchコマンドが普通に使えることを知った。

>bash
$ touch --help
Usage: touch [OPTION]... FILE...
Update the access and modification times of each FILE to the current time.

これで問題解決かと思ったのですが、このbashにはひと手間が必要で、インストールしたままだと日本語のファイル名が文字化けしてしまいます。

$ ls
'Visual Studio Code.lnk'   WinSCP.lnk   desktop.ini  '□'$'\202''□□'$'\203\236''□'$'\203''□□'$'\203\211''.lnk'

この問題の解決方法を検索したところ、ユーザーのホームディレクトリ（C:\Users\〇〇〇〇）に.bashrcファイルを作成し、その中に次のような内容を記述するといいらしい。

$ vi ~/.bashrc

export LC_ALL=ja_JP.utf8
export LANG=ja_JP.utf8
export LANGUAGE=ja_JP.utf8
export LC_CTYPE=ja_JP.utf8
export LC_NUMERIC=ja_JP.utf8
export LC_TIME=ja_JP.utf8
export LC_COLLATE=ja_JP.utf8
export LC_MONETARY=ja_JP.utf8
export LC_MESSAGES=ja_JP.utf8

上記を保存し、bashを再度実行。lsコマンドの結果は次のように変わった。

$ ls
 desktop.ini  'Visual Studio Code.lnk'   WinSCP.lnk   コマンド.lnk

.bashrcファイルの内容は、本来.bash_profileファイルに記載する内容として紹介するサイトを参考にしたものです。.bash_profileファイルを使用する場合は、bashの起動時のパラメータに「-l」を指定する必要があるため、ここでは.bashrcファイルに適用しました。

実際にtouchコマンドを使ってみます。

$ ls -al readme.html
-rw-r--r-- 1 tmatsuur 197121 7399  4月 10 10:34 readme.html

$ touch readme.html

$ ls -al readme.html
-rw-r--r-- 1 tmatsuur 197121 7399  4月 10 12:48 readme.html

touchコマンド後、更新日時が変わっていますね。

さて、bash内ではフルパスの指定時に「/c」のようにドライブレターを先頭に指定する必要があるので、これには慣れが必要かもですね。

Autocompleteフィルターを使い段落ブロックで簡単な計算ができるようにしてみた。

「=」をトリガーにし、それに続く式を計算して、答えのみか、式と答えの組み合わせを選択する感じ。四則演算を対応した後でべき乗に対応した際、優先度を考慮しわすれてちょいはまり。定数としてはpi（π）とphi（φ）をサポートしてみました。

今回の対応でAutocompleteフィルターを利用したものを4種類。アイデアしだいでいろいろ実装できるのが楽しいフィルターですね。