サーバ[MySQL]バックスラッシュが含まれたデータがインポートできない場合の解決法
概要 mysqldumpなどで生成したSQLデータにバックスラッシュのデータが含まれている場合、インポート時にYou have an error in your SQL syntaxとなってしまうことがある。 原因 MySQLのバージョンや設定によって状況は異なるが、エクスポートするMySQLとインポートするMySQLのcharsetやcollationの相違が原因と考えられる。 解決方法 インポ...
サーバ
WordPress[WordPress]Advanced Custom Fieldsの日付に曜日を表示させる方法
概要 WordPressのAdvanced Custom Fieldsプラグインを使って作成した日付型カスタムフィールドは日付しか表示されないため、テーマファイルに曜日表示処理を追加してみました。 修正前 <?=get_field('the_date')?> <!-- the_dateはカスタムフィールドのフィールド名 --> 修正後 <?php $week = array( "日", "月", ...
WordPress[WordPress]投稿ページや固定ページのテンプレートが反映されない？
概要 WordPressのテンプレートには優先順位がある。 固定ページであればpage-xxx.php⇒page.php⇒singular.php⇒index.phpの優先順位となっている。 singular.phpは投稿と固定ページの両方で適用されるファイルであり、古いWordpressにはなかったものである。 これを知らないと、index.phpが適用されていると勘違いしてしまうことになる。 ...
WordPress[WordPress]Contact Form7で確認用アラートを表示させる方法
概要 WordPressのContact Form 7プラグインでは、送信ボタンをクリックするとすぐに送信が実行されてしまう。 Contact Form 7 add confirmなどのプラグインを使えば確認画面を表示させることができるが、確認用アラート（JavaScriptのconfirm）を表示するだけであればプラグインを使わずに実装することができる。 手順 1. Contact Form 7...
React(書評)「Next.jsでつくるフルスタックアプリ後編」の感想・備忘録2
posted with ヨメレバAmazonで見るKindleで見る 「Next.jsでつくるフルスタックアプリ後編」の感想・備忘録1の続き アイテムページ 編集ページの作成 mkdir pages/item/update touch pages/item/update/.jspages/item/.jsは既に存在するのでpages/item/update/.jsとする。 import { use...
React(書評)「Next.jsでつくるフルスタックアプリ後編」の感想・備忘録1
posted with ヨメレバAmazonで見るKindleで見る 点数 80点 感想 前編で作成したAPIを使用するためのページをNext.jsで作成していく、という内容だった。 特に複雑な処理もなく、問題なく最後まで読み終えることができた。 ユーザー関連ページ ユーザー登録ページの作成 mkdir pages/user/ touch pages/user/register.js Reactで...
React(書評)「Next.jsでつくるフルスタックアプリ前編」の感想・備忘録2
posted with ヨメレバAmazonで見るKindleで見る ログイン機能 スキーマの作成 import mongoose from 'mongoose' const Schema = mongoose.Schema; const ItemSchema = new Schema({ title: String, image: String, price: String, descripti...
React(書評)「Next.jsでつくるフルスタックアプリ前編」の感想・備忘録1
posted with ヨメレバAmazonで見るKindleで見る 点数 78点 感想 Next.jsについての書籍だが本書は前編ということで、Next.jsとmongoDBを使ってのサーバサイドの実装のみだった。 内容自体は分かりやすかったが、Next.jsとmongoDBでサーバサイドを実装することは少ないと思うので、Next.jsに関する情報としては後編だけで十分だと思う。 毎回思うことだ...
React(書評)「はじめてつくるNext.jsサイト」の感想・備忘録2
posted with ヨメレバAmazonで見るKindleで見る 「はじめてつくるNext.jsサイト」の感想・備忘録1の続き 基本 next/image 画像のサイズやフォーマット、遅延ローディングなどを全て自動で行ってくれる。import Image from 'next/image'として以下で表示。<Image src="/images/9736.jpg" alt="fumika" w...
React(書評)「はじめてつくるNext.jsサイト」の感想・備忘録1
posted with ヨメレバAmazonで見るKindleで見る 点数 84点 感想 Next.jsの基礎がわかりやすく説明されていた。 最低限の使い方としては、本書の内容で十分だと思う。 基本 環境構築 npx create-next-app next-portfolio --use-npm cd next-portfolio 不要ファイルを削除rm -rf pages/api/ pages...