JavaScriptの.offsetHeightでページ最下部に到達した時にモーダルを表示
今回は、JavaScriptの.offsetHeight プロパティを使って、ページ最下部に到達した時にモーダルを表示させてみます。 カスタマイズもしやすく、コード自体も簡単な内容なので、是非チェックしてみてください。 …
JavaScriptの.getAttribute()で複数のYouTube動画をモーダルで再生
今回は、JavaScriptの.getAttribute() でYouTube動画をモーダルで再生させます。 比較的、HTMLは簡素でメンテしやすい形で作っているので、最後までご覧いただけると嬉しいです。 目次.getA …
JavaScriptの.clipboard.writeText() で指定タグをクリックでURLをコピー
今回は、.clipboard.writeText() メソッドを使って、指定タグをクリックでURLをコピーするコードについて解説します。 目次.clipboard.writeText()指定タグをクリックでURLをコピー …
ターミナルでMySQLにログインしてデータベースを見るコマンド
この記事では、ターミナルからMySQLにログインして「データベースを見る」ための基本的なコマンドについて紹介します。 MySQLを見るまでの、ログイン方法・データベースの一覧表示・テーブルの内容表示・ログアウトのコマンド …
複数のjpgイメージから1個のPDFドキュメントに結合
ファイルを選択 PDFに変換 変換したPDFをダウンロード
JavaScriptの.preventDefault()でaタグのリンククリックで離脱防止のモーダルを出してOKでページ遷移
今回は、BtoBの申し込みフォーム・資料ダウンロードフォームでよく見る「離脱防止」で表示されるモーダルをJavaScriptで作ってみます。 関連記事 モーダルの基本的な使い方とデザイン モーダルは、強制力が強くユーザー …
WP REST APIでキーワード検索をしたら非同期で検索結果を表示
「外部からWordPressにアクセスすることができる」WP REST APIを使って、この記事では検索を作ってみます。 デフォルトで使える「WordPress検索の代替え」にも使えるので、最後までご覧いただけると嬉しい …
プラグイン無しでシナリオ型のチャットボットを表示するスニペット
シナリオ型のチャットボットは、ユーザーの選んだ質問の選択肢に対して、あらかじめ決められた回答を返してくれるボットで、よくECサイトで見かけます。 今回の記事では、そんなシナリオ型のチャットボットの作り方とコピペ用コードに …
プラグイン無しで送信された質問に自動応答する辞書型のチャットボットを表示するスニペット
簡単にWordPressへチャットボットを導入できる「Chatbot with IBM Watson」のようなプラグインがあります。今回の記事では、そんなプラグインを使わずに、WordPressへ「チャットボット」を導入 …
JavaScriptのwindow.pageYOffsetでスクロール量に応じてパララックスエフェクト
パララックスエフェクトは、通常のウェブページと比べて動的な印象を与えることができます。 中でも、背景画像を用いたパララックスエフェクトは、コンテンツの重要性を強調して、ウェブページの視覚的な魅力を高めることができます。 …