#Claude Code #CSSAI にデザインを頼むと「いかにも AI」になる問題と、その避け方(Hallmark)AI に頼んだデザインは、なぜか似てくる Claude Code などの AI にページのデザインを頼むと、悪くはないのに、どこかで見たことのある仕上がりになりがちです。 よくあるのはこういうものです: …
#Hugo #CSSHugo のコードの色付けを CSS クラスにする(highlight.js をやめた)JavaScript はいらなかった 旧サイトのテーマでは highlight.js を読み込んで、ブラウザ側でコードに色を付けていました。 作り直すにあたって調べたところ、Hugo には Chroma というハイライターが入っていて、 ビルドのときに色付けまで済ませてくれます。 JavaScript を読み込む必要がなくなるので、こちらに乗り換えました。 …
#Cloudflare #TypeScriptCloudflare Workers の PBKDF2 は本番だけ反復 100,000 回までテストは全部通っていたのに 個人で作っている Web サービスの API を Cloudflare Workers に載せています。 本番にデプロイして最初のアカウントを作ろうとしたところ、サインアップが 500 エラーになりました。 ログに出ていたのはこれです: …
#PHP #WordPress古い PHP のコードを 8.3 に上げたら落ちたところまとめ警告がエラーになった PHP 7.4 で動いていた古い WordPress のサイトを、PHP 8.3 に上げる作業をしました。 自作のテーマや、WordPress の外に置いてある PHP のフォームなど、年季の入ったコードがたくさんあります。 …
#HugoHugo のテンプレート構成が変わっていた(0.146〜)久しぶりに Hugo のテーマを書いたら このサイトを Hugo 0.168 で作り直し、テーマも外部のものを使わず自分で書くことにしました。 昔の記憶のまま layouts/_default/ や layouts/partials/ を作ろうとしたのですが、 今の Hugo ではディレクトリ構成がすっきり変わっていました。 Hugo 0.146 で入った新しいテンプレートの仕組みのお話です。 …
#JavaScript #NuxtJS #DockerDockerでNuxtJSの開発環境を作成しましたNuxtJS とは NuxtJS(なくすとじぇぃえす)はウェブアプリケーションを構築するためのVueフレームワークです。 ウェブアプリ開発で必要となる多くの機能が予め用意されています。 今回は、Dockerを使って開発環境を作成しました。 …