CakePHPでは安全なパスワード生成のために、DefaultPasswordHasherを利用することが推奨されています。公式のCMSチュートリアルのログインの実装でもDefaultPasswordHasherを用いたパスワードの不可逆圧...

概要 CakePHP5がリリースされて約1年になりますが、現状ではログインの実装に関する日本語版公式マニュアルに誤りがあり、マニュアル通りにログインを実装するとエラーになります。※2024年9月23日現在 ※英語版のCMS Tutorial

概要 記事一覧を作る際には「投稿日」を表示することが一般的です。 当ブログでも↓のように表示されています。 今回の記事では、CakePHPで日付をそのまま表示するのではなく、現在日時と比較して「〜前」と表示する方法を紹介します。 前提 以下

概要 記事一覧を作る際には「投稿日」を表示することが一般的です 当ブログでも↓のように表示されています では、CakePHPで日付をそのまま表示するのではなく、現在日時と比較して「〜前」と表示するにはどうすればいいのでしょう？ 前提 以下の

概要 自作のchromeアドオン開発時に、新しいタブを開いて操作することが必要なケースがありました。 簡単に実装できましたので、メモとして残します。 コード ディレクトリ構成 manifest.json { "manifest_v

概要 textareaの高さを文章量に応じて自動調整するように作れば、長文テキストを入力した際に内容が把握しやすくなります。 高さの自動調整はJavaScript（jQuery）を使えば簡単に実装することが可能です。 デモ Resultに表

概要 チャットツールなどを作る際に、textareaの高さを文章量に応じて自動調整するように作れば、長文テキストを入力する際に内容が把握しやすくなります。 高さの自動調整はJavaScript（jQuery）を使えば簡単に実装することが可能

概要 ChatGPTのAPIを組み込んで、ChatGPTのような対話型のコンソールを実現するとします。 ↓のようなフォームを作ります。 こんにちは、と入力して送信すると... 会話が成立します。（回答はChatGPTのAPIが生成したもので

概要 ユーザテーブルと記事テーブルはすでにリレーションしてるけど、編集者やチェック担当者など、他のリレーションを設けるにはどうするか？というお話です。 前提 下記のようなUsers（ユーザ）テーブルと、Articles（記事）テーブルがある

概要 ユーザテーブルと記事テーブルはすでにリレーションしてるけど、編集者やチェック担当者など、他のリレーションを設けるにはどうするか？というお話です。 前提 下記のようなUsers（ユーザ）テーブルと、Articles（記事）テーブルがある

概要 Webサービス制作時に、簡単なエディタが必要になったことがありました。 エディタを作るために、「親要素上で、子要素をドラッグアンドドロップで移動する」機能を実装する必要がありました。 その際に『draggable』を利用したので、今回

概要 GPT4oは基本的に無料（一部制限あり）で使えるようです。※2024年5月19日現在 「デザイン画像をアップロードすると、HTMLとCSSを返してくれる」という噂を小耳に挟んだので、実際に試してみました。 もしも再現度が高ければ、「デ

概要 GPT4oは現状（2024年5月19日現在）、制限はありますが基本的に無料で使えるようです。 デザイン画像をアップロードすると、HTMLとCSSを返してくれるという噂を小耳に挟んだので、実際に試してみました。 もしも再現度が高ければ、

概要 WordPressのブロックエディタには、数多くのブロックパターンがありますが、全部使う人は少ないでしょう。 また、自作テーマを作る際には、全ブロックパターンに対応するCSSを指定するのは非常に大変です。 そのような場合に、ブロックエ

概要WEB制作の現場で、SVGファイルを利用するケースはよくあります。WordPressの場合は、画像はメディアライブラリにアップして利用するのが一般的です。しかし、普通にやると画像のように弾かれてしまいます。方法以下、2つの方法いずれかで

やりたいこと概要wordpressでブログを運営する際に、会員のみを対象とした記事配信をするとします。仕組み記事が会員限定か否かは、カテゴリーもしくはカスタムタクソノミーを用いて判定します。会員限定の記事にアクセスした際に、以下の挙動をする

はじめにWordPressの記事編集画面で、ブロックを追加すると、記事表示時にマークアップが自動で書き出されます。WEB制作の現場では、CSSやJSを指定するために、マークアップの変更が必要なケースがあります。そのような場合に利用するコード

概要FormDataオブジェクトとは、フロントエンドのデータをサーバに送るためのオブジェクトです。これを使えば、HTMLのフォームの形式にとらわれずに、サーバにデータを送信することができます。Ajaxと組み合わせて利用するのが一般的です。「