ChromeAddon 新しいタブを開く【自作chome拡張機能】
概要 自作のchromeアドオン開発時に、新しいタブを開いて操作することが必要なケースがありました。 簡単に実装できまし...
ChromeAddon JavaScript 入力文字量に応じて、高さを自動調整するtextareaを作る【JavaScript・jQuery】
概要 textareaの高さを文章量に応じて自動調整するように作れば、長文テキストを入力した際に内容が把握しやすくなりま...
CakePHP CakePHPにChatGPTのAPIを組み込んで対話型コンソールを作る【CakePHP4・OpenAI】
概要 ChatGPTのAPIを組み込んで、ChatGPTのような対話型のコンソールを実現するとします。 ↓のようなフォー...
CakePHP ひとつのテーブルに対して、複数のデータでリレーションする【CakePHP4】
概要 ユーザテーブルと記事テーブルはすでにリレーションしてるけど、編集者やチェック担当者など、他のリレーションを設けるに...
JavaScript draggableで要素をドラッグアンドドロップで移動する【jQuery】
デモ See the Pen Untitled by masahiro nomura (@masahiroview) o...
ChatGPT GPT4oで画像からWebサイトを作ってみた。
概要 GPT4oは基本的に無料（一部制限あり）で使えるようです。※2024年5月19日現在 「デザイン画像をアップロード...
WordPress 記事編集画面のブロックの種類を限定する ②埋め込みブロックへの対応【WordPress】
概要 WordPressのブロックエディタには、数多くのブロックパターンがありますが、全部使う人は少ないでしょう。 また...
WordPress SVGのアップロード【WordPress】
概要 WEB制作の現場で、SVGファイルを利用するケースはよくあります。 WordPressの場合は、画像はメディアライ...
WordPress プラグインなしで会員限定のページを作る【WordPress】
やりたいこと 概要 wordpressでブログを運営する際に、会員のみを対象とした記事配信をするとします。 仕組み 会員...
WordPress ブロックのマークアップを一部置換する【WordPress】
はじめに WordPressのブロックエディタでは、ブロックに応じたマークアップが自動出力されます。 WEB制作の現場で...