いつも利用させていただいているa-blog cmsのa-blog cmsエキスパートという制度が始まりました。

おかげさまで、その中の一人に選んでいただきました。
https://www.a-blogcms.jp/expert/kadoya.html

a-blog cmsは、登場当時からながく利用させていただいているCMSで、これからも積極的に提案していきたいと思います。
サイトの規模に関わらず、柔軟なカスタマイズや運用が可能なCMSです。
サイトの新規構築、リニューアルの際にはぜひご検討いただければと思います。

下記フォームからお気軽にお問い合わせください。

Ollamaを利用したローカルLLM（大規模言語モデル）とPythonで、AIの答えをずんだもんの声で喋るスクリプトを作ってみました。
詳しくは上記zennエントリーで。

https://zenn.dev/kadoyan/articles/22cfe094656c3e
詳細な記事をzennにアップしましたので、詳しくはそちらをご確認ください。

a-blog cmsは、エントリーについてはCSVで一括登録ができますが、カテゴリーは一つ一つ管理画面で追加していく必要があります。
サイトを立ち上げる際、構成案に沿ってカテゴリーを追加していくわけですが、10くらいならともかく、場合によっては数十のカテゴリーを追加しなければならないこともあります。

最近、a-blog cmsはhtmxとの親和性を高めているため、これを使ってカテゴリーの追加をある程度自動化できないかと試してみたところ、なんとなく動くものができたのでgithubに公開しました。

使用中のテーマに差分ファイルをコピーし、/bid/ブログID/admin/category_insert/にアクセスすると、上記のような画面に入ります。
カテゴリー名と対応するカテゴリーコードをそれぞれのテキストボックスに一行ずつ記入し、共通する設定を選んだ後に追加ボタンを押すことで、入力したカテゴリーを順に追加していきます。

今のところ、カテゴリーコードの重複確認など安全対策をUI側で行なっていないため、入力に際しては間違いの内容確認する必要があります。

https://github.com/kadoyan/kanji_exam/

子供の夏休みの課題、夏休み明けの漢字テストに向けて、問題出力の簡単なウェブアプリを作成しました。

1. フォント選択（要フォントインストール）
2. 独自の問題一覧をアップロード（JSON）
3. ランダム選択（5〜20問）
4. プリントアウト対応

というような機能があります。
JSONは、次のような書式で作成してください

[
    {
        "kanji": "漢字",
        "yomi": "かんじ"
    },
    {
        "kanji": "練習",
        "yomi": "れんしゅう"
    }
]

表計算ソフトで一覧を作成してCSVとして保存して、CSVをJSONに変換するサービスをつかったり、CSVファイルをChatGPTにアップロードしてJSONに変換してもらうと簡単に作成できます。

作業をしていてふとnode_modulesディレクトリのファイルサイズを見たら、700MB以上あってギョッとしました。
作業対象ごとにnode_modulesがあるので、これまとめたら一体どれくらいのサイズになるんだ…？

ChatGPT4に聞いてみた。

find /path/to/search -type d -path "*/themes/*/node_modules" -prune

find /path/to/search -type d -path "*/themes/*/node_modules" -prune -exec du -sk {} + | awk '{sum += $1} END {print sum "K"}'

結果としては、出たのだけ見たら6GBくらいありました。

ChatGPTに課金して久しいですが、技術的なメンターがなかなかいないフリーランスには、知識を広げるいい壁打ち相手になります。
もちろん、出てきた回答については、別に調べて裏付けを取ってから実行します。
もはや生成AIはなくてはならないものになってしまいました。

ターミナルで、特定のディレクトリー内の「ある日にち以降に変更されたファイル」の一覧を表示するコマンドです。

find /path/to/directory -type f -not -path "*/node_modules/*" -not -name ".DS_Store" -not -name ".gitignore" -newermt 2023-04-01

…と、Chat GPTさんに教えていただきました（検証済み）。
こういうのは、検索するよりもAIに聞いた方が早いですね。

モリサワのウェブフォントサービス「TypeSquare」を使っているサイトで、フォームの入力欄（input type="text"）に

style="font-family: ts-unused;"

というインラインスタイルが付いていました。
存在しないフォントファミリーであるため、デフォルトフォントが当たって表示されます。

---

通常はシステムUIのフォントが当たる

---

Safariはデフォルトフォント（ヒラギノ明朝）になってしまう

Macのターミナル…いわゆる「黒い画面」。 慣れるまではなかなか手が出せませんが、実は、GUIでは手間ばかりかかってしょうがない単純作業を行うのに非常に適したスグレモノです。

しかし、かく言う自分もたまにしか使わないので、ちょっと変わったことをしようと思うと、都度都度ググっております。 そのため、使ってみて便利だったコマンドを、備忘録も兼ねてわりとシンプルな例でまとめてみました。

これを書くにあたってあちこちのサイトを参考にさせてもらってあらためて感じましたが、ただコピペするだけじゃなく、どういう意味を持ってそのコマンド、その書式になっているかを知ることが一番大事ですね。 どういうことがどんな風にできるかわかれば、「あ、これならターミナル使ったほうが早いな」と気づくこともできると思います。

ディレクトリの操作

目的のディレクトリに移動

「cd」コマンドでディレクトリを移動できますが、Macローカルの場合、日本語が混じったり階層が深かったり、意外にディレクトリ移動はしにくいものです。
が、ターミナルの場合、移動したいフォルダのアイコンをターミナルのウィンドウにドラッグすると、そこへのパスが自動で入力されます。
コマンドラインに「cd 」（最後にスペース）と打ち込んだあとにアイコンをドラッグすることで、Enterキー一つでディレクトリ移動ができます。

ディレクトリを一気に作成する

ディレクトリを一気に作成したい場合、一つ一つ「新規フォルダ」しなくても、mkdirコマンドで一気に作成できます。
スペースで区切って、作成したいディレクトリ名を列記します。
下記の例では、現在のディレクトリの中に、3つのディレクトリが一度に作成されます。

mkdir ディレクトリ名1 ディレクトリ名2 ディレクトリ名3

また、次のようにすると、現在のディレクトリの中に「ディレクトリ名1」が作成された後、その下に、{ }内のディレクトリが作成されます。

mkdir -p ディレクトリ名1/{ディレクトリ名2,ディレクトリ名3,ディレクトリ名4}

ファイルの操作

複数のディレクトリにファイルをコピー／削除する

一気にコピー

テンプレートファイルなど、ある一つのファイルを、複数のディレクトリに一気にコピーするコマンドです。

echo ディレクトリ名1 ディレクトリ名2 ディレクトリ名3 | xargs -n1 cp コピーしたいファイル

echo : 引数の文字列や変数の中身をそのまま表示

|（日本語キーボードの場合、Shift＋¥） : 前のコマンドの結果を次のコマンドに渡す「パイプライン」

xargs : 渡された内容を元に、設定したコマンドを実行

cp : ファイルをコピーする

この場合、echoで渡された、スペース区切りのディレクトリ名の一覧がxargsの処理の対象になります。
xargsの後ろにある「-n1」は、作成されるコマンドの引数を1つに制限するオプションです。
ディレクトリ名一つ一つに対し、「cp コピーしたいファイル」のコマンドが実行されます。

応用で、次のようなことも可能です。

ls -F | grep / | xargs -n1 cp ../../index.html

現在のディレクトリの中にあるサブディレクトリのそれぞれに、2つ上の階層にあるindex.htmlというファイルをコピーするコマンドです。

ls -F : lsはファイル、ディレクトリの一覧を出力するコマンド
-Fは、ファイル名ディレクトリ名だけを出力して、ディレクトリ名には/を付けてくれるオプション

grep : 指定した文字列を含むものだけをフィルタリング
この場合は「/」を含む（ディレクトリ名）だけを次に渡す

先の例では直接コマンドラインに書いていたものを、動的に出す感じです。

一気に削除

ls -F | grep / | xargs -n1 -I% rm %index.html

現在のディレクトリのサブディレクトリそれぞれの中にあるindex.htmlを削除します。

-I%は、渡された内容（この場合はディレクトリ名それぞれ）で、後ろの実行したいコマンド中にある%を置き換えるというオプションです。
仮にディレクトリ名が「html/」だった場合、rm %index.htmlは、rm html/index.html というコマンドで実行されます。

複数のディレクトリにあるファイルを一気にリネームする

例えばCMSの場合、ダウンロードしたCMSのアーカイブの中のいろいろなディレクトリにhtaccess.txtというファイルがあり、これをインストールの際に、.htaccessにリネームしなければならないことがあります。
手動でやると意外に面倒ですが、これを一気に、作業もれなくやってしまうコマンドです。
CMSのディレクトリに移動した後に、以下のコマンドを実行します。

find . -type f -name "htaccess.txt" -execdir mv {} .htaccess \; 

find . -type f -name "htaccess.txt" : ファイルやディレクトリを検索するコマンド
「.」で検索対象をカレントディレクトリに、htaccess.txtという名前のファイルを探すという条件を設定

-execdir mv {} .htaccess \; : findコマンドの続き 見つかったhtaccess.txtファイルのあるディレクトリ内で、mvコマンドを実行。 mvコマンドに{}で結果を渡し、それを.htaccessにリネームします。mvコマンドへの引数の終わりには、「;（エスケープして \;）」を置きます。

Safariで、ウェブサイトを表示させたときのHTTPステータスコードなどHTTPヘッダーの情報を確認する方法のメモ。
Chromeなどはいろいろ情報があるものの、Safariはなかなかないので。

Command+Option+iでWebインスペクターを開き、ソースタブを選ぶと右側のペインに表示される。
Safari14.0.2で確認。

URLコンテキストとは

URLコンテキストとは……

カスタムフィールドの検索でも、このURLコンテキストを使って絞り込みを行います。
書式としては、

https://www.penpale.jp/カスタムフィールド名/諸条件/

となります。
たとえば、
https://www.penpale.jp/field/memo/cms/
と書くと、カスタムフィールド「memo」が「cms」であるエントリーを表示する、という意味です。
これが、
https://www.penpale.jp/field/memo/cms/ゲーム/raspiberry_pi/
となると、カスタムフィールド「memo」が「cms」、「ゲーム」または「raspberry_pi」であるエントリーを表示する、という意味になります。

演算子を使ったURLコンテキスト

最初の例に「lk」が入ると、
https://www.penpale.jp/field/memo/lk/cms/
カスタムフィールド「memo」に「cms」が含まれるエントリーを表示する、という意味になります。
しかし、次のようにしても、カスタムフィールド「memo」に「cms」、「ゲーム」または「raspberry_pi」が含まれるエントリーは表示されません。
https://www.penpale.jp/field/memo/lk/cms/ゲーム/raspiberry_pi/

演算子を利用した、同一フィールドに対する複数条件検索のURLコンテキスト

一つのカスタムフィールドについて、値そのものズバリではなく、「含む」などの演算子を利用してURLコンテキストを指定する場合は、次のように書きます。

https://www.penpale.jp/カスタムフィールド名/演算子/値1/orまたはand/演算子/値2/orまたはand/演算子/値3/

つまり、上記の例の場合は、
https://www.penpale.jp/field/memo/lk/cms/or/lk/ゲーム/or/lk/raspiberry_pi/
これで、想定通りの表示がされるはずです。