CakePHPでは安全なパスワード生成のために、DefaultPasswordHasherを利用することが推奨されています。公式のCMSチュートリアルのログインの実装でもDefaultPasswordHasherを用いたパスワードの不可逆圧...
経験をもとにプログラミングの知識や、フリーランスとしての体験談について紹介しています。 読者の方の抱えている問題を解決するお手伝いができるように、わかりやすく具体的なノウハウをまとめていますので、ぜひご覧ください。
CakePHPではメールの送信を簡単に実装することが可能です。もっとも基礎的な、コントローラ内でメール送信を行う方法について解説していきます。基本のコード（コントローラ内で実装）以下のように実装します。//src/Controller/Sa
ラジオボタン・チェックボックスの値を受け取る【HTML・PHP】
選択肢を含むフォームを作る際には、ラジオボタン・チェックボックスが用いられます。ひとつだけ選択させる場合にはラジオボタン・複数選択の場合はチェックボックスです。今回はこれらを使ってフォームを作る方法を解説します。ラジオボタンの場合ラジオボタ
CakePHPで構築したサービス内で作成した関数を、コマンドで実行したいケースがあります。例えば、一定時間おきにCron実行する際などです。今回はそのような場合に利用するコードを紹介します。基本のコード●コマンド//src/Command/
ウェブサービスでフォームを作成する際に、ユーザロゴ等画像をアップロードするケースがよくあります。今回はCakePHP4での実装方法について解説していきます。Cake固有の関数等もあるので通常のPHPとは少々記法が違いますが、割と取り扱いやす
Dateから「年・月・日、曜日、時・分・秒」を個別に取得する。【JavaScript】
Dateオブジェクトを、利用する際に、年・月・日、曜日、時・分・秒を個別に取得したいケースもあります。今回はその方法について解説していきます。デモResult上が、取得したDateオブジェクトをそのまま表示したもの。Result下が、Dat
Webサービスを開発していると、前回表示した際の情報をブラウザに保持しておきたいケースがよくあります。そんな時に便利な機能が「ローカルストレージ」です。今回はこちらについて解説していきます。ユーザがページをリロードした時も、リロード前の行動
「ブログリーダー」を活用して、muleさんをフォローしませんか？
指定した記事をブログ村の中で非表示にしたり、削除したりできます。非表示の場合は、再度表示に戻せます。
画像が取得されていないときは、ブログ側にOGP(メタタグ)の設置が必要になる場合があります。
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と組み合わせて利用するのが一般的です。「
概要 自作の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と組み合わせて利用するのが一般的です。「
事例仮にですが、同じサーバ上でWordpressとCakePHPを両方運用していると思います。当然WPにはWP用のDBが、CakeにはCake用のDBがあります。この際にWP側のDBからCake側のデータを取得するには、どうすれば良いでしょ
検索フォームの設置フォーム作成：searchform.php<formmethod="get"action="<?phpechoesc_url(home_url('/'));?&
概要以下のようにControllerで行われる、CakePHPのリダイレクトについて、いろいろなパターンがあったのでメモとして残します。classSamplesControllerextendsAppController{publicfun
やりたいこと・Getパラメータを利用した、テキスト検索フォームの実装（で、文字列"hoge"を含むデータを検索する）・文字列がスペースで区切られている際はAND検索（"hogepiyo"であれば&qu
![FLUX.1 Kontext [dev]を使ってみた](https://img.blogmura.com/sites/718692/post-images/72680042.webp/crop/120x120)
