-
- 登録ID
- 2113261
-
- タイトル
めだかと観葉植物『メダカの博多屋』
-
- カテゴリ
- 車(全般) (25位/149人中)
- バイク(全般) (16位/161人中)
- 海釣り (8位/112人中)
- ソロキャンプ (8位/111人中)
- ペット・動物との暮らし (22位/195人中)
-
- 紹介文
- 現在に至るまで趣味も多く、色々な物を集めたり出かけたりしていたのですが断念せざる負えない今日この頃、貴方のコレクションも見てみたいと思い始めてみました。
-
1
記事一覧
再読込
-
- DefaultPasswordHasherの仕組みと使い方【CakePHP5】
- CakePHPでは安全なパスワード生成のために、DefaultPasswordHasherを利用することが推奨されています。 公式のCMSチュートリアルのログインの実装でもDefaultPasswordHasherを用いたパスワードの不可逆圧縮（ハッシュ化）が利用されています。 …
TOP | muleの技術ブログ -
- ログインの実装 【CakePHP5】
- 概要 CakePHP５がリリースされて約１年になりますが、ログインの実装に関する日本語版公式マニュアルにおそらく内容がアップデートされていないと思われる箇所があり、マニュアル通りにログインフォームを作成するとエラーになります。※2024年9月23日現在 ※英語版のCMS Tuto…
TOP | muleの技術ブログ -
- 投稿日の表示を「日時」から「〜前」に置換する【CakePHP4】
- 概要 記事一覧を作る際には「投稿日」を表示することが一般的です。 当ブログの記事一覧でも↓のように表示されています。 しかし、サービスによっては日付をそのまま表示するのではなく、「〜前」という表示をしたいケースもあります。 今回の記事では、年月日のデータを「〜前」と表示する方法を…
TOP | muleの技術ブログ -
- 投稿日を「日時」から「〜前」に置換する【CakePHP4】
- 概要 記事一覧を作る際には「投稿日」を表示することが一般的です 当ブログでも↓のように表示されています では、CakePHPで日付をそのまま表示するのではなく、現在日時と比較して「〜前」と表示するにはどうすればいいのでしょう？ 前提 以下のようなarticles（記事）テーブルが…
TOP | muleの技術ブログ -
- 新しいタブを開く【自作chome拡張機能】
- 概要 自作のchromeアドオン開発時に、新しいタブを開いて操作することが必要なケースがありました。 簡単に実装できましたので、メモとして残します。 コード ディレクトリ構成 manifest.json { "manifest_version": 3, "name": "My C…
TOP | muleの技術ブログ -
- 入力文字量に応じて、高さを自動調整するtextareaを作る【JavaScript・jQuery】
- 概要 textareaの高さを文章量に応じて自動調整するように作れば、長文テキストを入力した際に内容が把握しやすくなります。 高さの自動調整はJavaScript（jQuery）を使えば簡単に実装することが可能です。 デモ Resultに表示されているフォームに文字を入力すると、…
TOP | muleの技術ブログ -
- 入力文字量に応じて、高さを自動調整するtextareaを作る【JavaScript・jQuery】
- 概要 チャットツールなどを作る際に、textareaの高さを文章量に応じて自動調整するように作れば、長文テキストを入力する際に内容が把握しやすくなります。 高さの自動調整はJavaScript（jQuery）を使えば簡単に実装することが可能です。 デモ See the Pen U…
TOP | muleの技術ブログ -
- CakePHPにChatGPTのAPIを組み込んで対話型コンソールを作る【CakePHP4・OpenAI】
- 概要 ChatGPTのAPIを組み込んで、ChatGPTのような対話型のコンソールを実現するとします。 ↓のようなフォームを作ります。 こんにちは、と入力して送信すると… 会話が成立します。（回答はChatGPTのAPIが生成したものです。） 事前準備 以下の状態を前提とします。…
TOP | muleの技術ブログ -
- ひとつのテーブルに対して、複数のデータでリレーションする【CakePHP4】
- 概要 ユーザテーブルと記事テーブルはすでにリレーションしてるけど、編集者やチェック担当者など、他のリレーションを設けるにはどうするか？というお話です。 前提 下記のようなUsers（ユーザ）テーブルと、Articles（記事）テーブルがあるとします。 Users・id(int)・…
TOP | muleの技術ブログ -
- draggableで要素をドラッグアンドドロップで移動する【jQuery】
- デモ See the Pen Untitled by masahiro nomura (@masahiroview) on CodePen. 仕様 背景オレンジの要素をドラッグで移動可能。 移動範囲は親要素（黒い枠線）の範囲内とする。 移動中は、枠線の左上からの位置を表示する。 …
TOP | muleの技術ブログ -
- GPT4oで画像からWebサイトを作ってみた。
- 概要 GPT4oは基本的に無料（一部制限あり）で使えるようです。※2024年5月19日現在 「デザイン画像をアップロードすると、HTMLとCSSを返してくれる」という噂を小耳に挟んだので、実際に試してみました。 もしも再現度が高ければ、「デザイン画像をアップロードするだけでWEB…
TOP | muleの技術ブログ -
- GPT4oで画像からWebサイトを作ってみた。
- 概要 GPT4oは現状（2024年5月19日現在）、制限はありますが基本的に無料で使えるようです。 デザイン画像をアップロードすると、HTMLとCSSを返してくれるという噂を小耳に挟んだので、実際に試してみました。 もしも再現度が高ければ、「デザイン画像をアップロードするだけでW…
TOP | muleの技術ブログ -
- 記事編集画面のブロックの種類を限定する ②埋め込みブロックへの対応【WordPress】
- 概要 WordPressのブロックエディタには、数多くのブロックパターンがありますが、全部使う人は少ないでしょう。 また、自作テーマを作る際には、全ブロックパターンに対応するCSSを指定するのは非常に大変です。 そのような場合に、ブロックエディタの種類を絞る方法を、以前に下記の記…
TOP | muleの技術ブログ -
- SVGのアップロード【WordPress】
- 概要 WEB制作の現場で、SVGファイルを利用するケースはよくあります。 WordPressの場合は、画像はメディアライブラリにアップして利用するのが一般的です。 しかし、普通にやると画像のように弾かれてしまいます。 方法 以下、２つの方法いずれかで対応可能です。 ①functi…
TOP | muleの技術ブログ -
- プラグインなしで会員限定のページを作る【WordPress】
- やりたいこと 概要 wordpressでブログを運営する際に、会員のみを対象とした記事配信をするとします。 仕組み 会員限定の記事にアクセスした際に、以下の挙動をするようにします。 ・管理画面にログインしていれば、記事を表示 ・ログインしていなければ404ページにリダイレクト 「…
TOP | muleの技術ブログ -
- ブロックのマークアップを一部置換する【WordPress】
- はじめに WordPressのブロックエディタでは、ブロックに応じたマークアップが自動出力されます。 WEB制作の現場では、CSSやJSセレクタを指定するために、マークアップの一部変更が必要なケースがあります。 そのような場合に利用するコードを、今回の記事では紹介していきます。 …
TOP | muleの技術ブログ -
- Web制作やシステム開発における「修正指示」を効率化するアプリを開発しました！
- はじめに Web開発では頻繁に「修正指示」のやり取りが行われます。私は長年、この修正指示に課題を感じてきました。 そこで、Webサイトの問題をワンクリックでエンジニアに報告できるバグレポートアプリ「Catply（キャプトリー）」を、クラスリー株式会社と共同開発しました！ ↓↓↓ …
TOP | muleの技術ブログ -
- 保護中: 「Captly」で解消したい、ウェブ制作現場の悩み
- このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。 パスワード: The post 保護中: 「Captly」で解消したい、ウェブ制作現場の悩み first appeared on muleの技術ブログ.
TOP | muleの技術ブログ -
- FormDataの基本【JavaScript】
- 概要 FormDataオブジェクトとは、フロントエンドのデータをサーバに送るためのオブジェクトです。 これを使えば、HTMLのフォームの形式にとらわれずに、サーバにデータを送信することができます。 Ajaxと組み合わせて利用するのが一般的です。 「Ajaxって何？」という方は以下…
TOP | muleの技術ブログ -
- 他のDBにアクセスする 【WordPress】
- 事例 仮にですが、同じサーバ上でWordpressとCakePHPを両方運用しているとします。 当然WPにはWP用のDBが、CakeにはCake用のDBがあります。 この場合、WPのDBからCakeのDBのデータを取得するには、どうすれば良いでしょうか？ コード WP側のテンプレ…
TOP | muleの技術ブログ -
- 検索フォームの基本 【WordPress】
- 検索フォームの設置 フォーム作成：searchform.php "> 検索ボタン フォーム設置 任意のテンプレートで下記のコードを利用。 検索結果を表示 search.php //検索ワード have_posts()): ?> have_posts()): $wp_query->…
TOP | muleの技術ブログ -
- Controllerからリダイレクト【CakePHP4】
- 概要 CakePHPではControllerからのリダイレクトは、以下のように行います。 class SamplesController extends AppController { public function test(){ return $this->redirect(…
TOP | muleの技術ブログ -
- GetパラメータでWord検索フォームを作る【CakePHP4】
- やりたいこと ・Getパラメータを利用した、テキスト検索フォームの実装（https://samples.com?word=hogeで、文字列”hoge”を含むデータを検索する） ・文字列がスペースで区切られている際はAND検索（”hoge piyo”であれば”hogeかつpiyo…
TOP | muleの技術ブログ -
- templateで利用する関数を作る【CakePHP4】
- 概要 CakePHPではControllerで利用する関数については、Componentを利用すれば簡単にできます。 Componentによる共通処理の作成【CakePHP４】Conponentについて公式では以下のような説明がなされています。 『コンポーネントはコントローラー間…
TOP | muleの技術ブログ -
- URLSearchParamsの基本：getパラメータを管理する【JavaScript】
- 概要 これまではURLのパラメータを管理するときに、文字列としてパラメータの追加・削除等を行なっていました。 しかし、URLSearchParamsを使ったところ、制御がより容易になったで、メモとして残します。 使い方 前提 以下のURLでサイトを表示しているとします。https…
TOP | muleの技術ブログ -
- Query Builderの基本【CakePHP4】
- 概要 CakePHP4のQueryBuilder（DBからデータを取得するクエリの生成）についての基本を簡単にまとめる。 前提：ControllerからTableを呼び出す。 ※model、entityはbakeコマンドで生成済みの状態を前提とする。 Table呼び出しのサンプル…
TOP | muleの技術ブログ -
- CakePHP5のインストール
- 概要 前回、下記の記事でCakePHP5のCakePHP4との変更点をまとめました。 CakePHP5がリリースされました！CakePHP4との変更点まとめ概要先日(2023年9月10日)についにCakePHP5が公開されました。CakePHP4が2019年だったので、約4年..…
TOP | muleの技術ブログ -
- CakePHP環境でTCPDF 【CakePHP4】
- TCPDFとは？ PHPでPDFを生成するためのライブラリです。 HTMLとCSSを用いてデザインを作り、それをPDFとして書き出すことができます。※ただし、利用できるHTMLタグ・CSSプロパティにはかなり制限があります。こちらの外部サイト様をご参照ください。 GitHubで一…
TOP | muleの技術ブログ -
- ロギングによるデバッグ 【CakePHP4】
- 概要 デバッグや変数の内容のチェックを行う際に、通常であればvar_dump()等の関数を使います。 しかし、controllerではvar_dumpを使ってもviewが描画されないのでチェックができません。 そこで、ロギングをして、確認したい内容をログファイルに書き出す必要があ…
TOP | muleの技術ブログ -
- GD（Graphics Draw）で画像サイズ変更・圧縮【PHP】
- 概要 GD（Graphics Draw）はPHPで画像処理を実装するためのライブラリです。 画像の圧縮やサイズ変更、回転だけではなく、フォーマット変換や複数画像の組み合わせ等、さまざまな操作を行うことができます。 今回は、画像のサイズ変更・圧縮の方法について紹介します。 環境構築…
TOP | muleの技術ブログ