はじめにWordPressの記事編集画面で、ブロックを追加すると、記事表示時にマークアップが自動で書き出されます。WEB制作の現場では、CSSやJSを指定するために、マークアップの変更が必要なケースがあります。そのような場合に利用するコード
経験をもとにプログラミングの知識や、フリーランスとしての体験談について紹介しています。 読者の方の抱えている問題を解決するお手伝いができるように、わかりやすく具体的なノウハウをまとめていますので、ぜひご覧ください。
「ブログリーダー」を活用して、muleさんをフォローしませんか?
はじめに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
概要CakePHPではControllerで利用する関数については、Componentを利用すれば簡単にできます。しかし、ここで定義した関数はtemplateからは利用できません。templateで利用する関数を作成するには、src/Vie
概要これまではURLのパラメータを管理するときに、文字列としてパラメータの追加・削除等を行なっていました。しかし、URLSearchParamsを使ったところ、制御がより容易になったで、メモとして残します。使い方前提こんなURLでサイトを表
概要CakePHP4のQueryBuilder(DBからデータを取得するクエリの生成)についての基本を簡単にまとめます。応用的な内容(matching)については以前に以下の記事で紹介したのですが、基本的な内容についても検索すると、旧バージ
概要前回、下記の記事でCakePHP5のCakePHP4との変更点をまとめました。前回の記事の時点では、公式にの日本語ページのインストール情報が4系のままだったので、インストールはしませんでしたしかし、改めて確認したところ、5系のインストー
TCPDFとは?PHPでPDFを生成するためのライブラリです。HTMLとCSSを用いてデザインを作り、それをPDFとして書き出すことができます。※ただし、利用できるHTMLタグ・CSSプロパティにはかなり制限があります。こちらの外部サイト様
概要デバッグや変数の内容のチェックを行う際に、通常であればvar_dump()等の関数を使います。しかし、controllerではvar_dumpを使ってもviewが描画されないのでチェックができません。そこで、ロギングという方法を使って、
概要GD(GraphicsDraw)はPHPで画像処理を実装するためのライブラリです。画像の圧縮やサイズ変更、回転だけではなく、フォーマット変換や複数画像の組み合わせ等、さまざまな操作を行うことができます。今回は、画像のサイズ変更・圧縮の方
概要今回はCakePHP4でのviewの一部分を共通化する方法について解説します。フロント構築をする際に、ヘッダーやフッター、サイドバーなど、各ページに共通して読み込む要素は、別ファイルに切り分けて読み込むのが一般的です。例えば、WordP
概要先日(2023年9月10日)についにCakePHP5が公開されました。CakePHP4が2019年だったので、約4年ぶりのメジャーアップデートとなります。2019年当時に初めてCakePHP4に初めて触ったのですが、CakePHP3の情
概要DBのデータをdelete()等で削除する際に一定の処理を実行する。前提条件以下のようなデータを持つusersテーブルがあるとする。●テーブル名:users・データ:id(通し番号)・データ:name(名前)・データ:thumbnail
概要親テーブルを消した際に、子テーブル・孫テーブルもまとめて削除する。前提条件以下の3つのテーブルがあるとする。・ParentsTable・ChildrenTable・GrandChildrenTable以下のようなリレーションである。・P
概要下記の記事で以前、Sessionの継続時間の設定について解説しました。今回はCakePHPにおけるSessionの基本的な使い方について解説していきます。コード一覧書き込みwrite()$this->request->get
概要chome拡張を作っていると、content_script.jsとbackground.jsでデータのやり取りをする必要性があります。例えば、サイト内をクリックした際に、FetchAPIを起動したい時ですね。昔はcontent_scri
概要先月くらいから仕事(プログラミング)にChatGPTを使い始めました。具体的なコードに関する質問については、ほとんど100%正しい(少なくとも動く)回答を返してくれました。じゃあ、もうちょっとざっくりした質問をしてみたらどんな回答が来る
概要WoredPressのブロックエディタには、数多くのブロックパターンがあります。画像で紹介したものはごく一部です。しっかり数えてはいませんが、上記の3倍以上はあると思います。大変便利ではあるのですが、当然使わないものも数多くあります。.
前回の記事のおさらい以前、下記の記事で、ChatGPTについての所感について、プログラマとしての視点でまとめました。今回は、「実際に仕事の現場でどんなふうに使っているのか」をまとめていきます。概要ざっくり言うと、「質問をして、返ってきた答え
前回の記事のおさらい以前、下記の記事で、ChatGPTについての所感について、プログラマとしての視点でまとめました。今回は、「実際に仕事の現場でどんなふうに使っているのか」をまとめていきます。概要ざっくり言うと、「質問をして、返ってきた答え
どんな時に起きる?固定ページのパーマリンクと同名のディレクトリが存在する。403エラーがが発生するのは、静的ページのディレクトリと同名の固定ページコンテンツが存在するケースです。これだけではピンと来ないと思うので、具体的な事例を見てみましょ
ContactForm7では、デフォルトで送信完了画面に遷移する機能がありません。フォーム画面下部に送信完了メッセージが表示されて、送信完了となります。しかし、案件では、クライアントが送信完了画面の設置を希望することも多くあります。今回は、
ContactForm7では、デフォルトで送信完了画面に遷移する機能がありません。フォーム画面下部に送信完了メッセージが表示されて、送信完了となります。しかし、受託の案件をしていると、クライアントが送信完了画面の設置を希望することも多くあり
昨今話題のチャットGPTについて昨今話題のチャットGPTですが、やはりものすごく便利なようです。大手企業でも社員が業務に使ってしまうケースが多かったようで、禁止令を出す企業もあるほど。「禁止令が出る」ということはそれだけ便利なのは間違いない
templatesディレクトリとはsrcディレクトリでは、ウェブアプリケーションの中心となる、MVCモデルのうちV(View)の設定を行います。MVCモデルの解説については、下記外部サイト様をご参照ください。srcディレクトリと同様に、WE
概要MVCモデルにおいてModelで取得したデータを、View(表示)に渡すのが主な役割になります。CakePHPでウェブサービスを作る際には、もっともよく触る箇所のひとつです。MVCモデルとは?下記外部ページ様をご参照ください。Model
srcディレクトリとは?srcディレクトリでは、ウェブアプリケーションの中心となる、MVCモデルについての設定を行います。MVCモデルの解説については、下記外部サイト様をご参照ください。Webサービスのコアとなるディレクトリですので、Cak
srcディレクトリとは?srcディレクトリでは、ウェブアプリケーションの中心となる、MVCモデルについての設定を行います。MVCモデルの解説については、下記外部サイト様をご参照ください。Webサービスのコアとなるディレクトリですので、Cak
ディレクトリ構成の概要下記の画像をご参照ください。開発時によく触るファイルについて抜粋して解説します。各ファイルの概要app_local.php全文<?php/* * Local configuration file to provi
はじめにCakePHPはウェブフレームワークとして非常に多機能で便利なのですが、多機能なだけに構成しているファイルが非常に多いです。なので、慣れないうちは、「これをするにはどこを触ったらいいんだろう」ということになりがちです。今回の記事では
前提・MacOSのバージョンmacOS Monterey 12.3.1作業の流れ①homebrewをインストールする②node、npmをインストールする。パスを通す③実際に動かしてみる:Pupeteerでスクショを撮影する①nodebrew
前提・MacOSのバージョンmacOS Monterey 12.3.1作業の流れ①homebrewをインストールする②node、npmをインストールする。パスを通す③実際に動かしてみる:Pupeteerでスクショを撮影する①nodebrew
概要APIGatewayって何?Lambdaって何?という方は下記の記事をチェックしてください。LambdaとAPIGatewayの基本設定先ほどと同じ記事の「実装に作ってみよう」の項目をチェックしてください。※Lambda関数の設定で「N
ライブラリのパス等を、複数のコントローラーやその他ファイルで利用することがあると思います。その際に、いちいちそれぞれのファイルで変数を定義するのは非効率ですし、コードがわかりづらくなる可能性もあります。そこで、「定数を定義しよう」となるわけ