Node.js Node.jsをさくらのレンタルサーバにインストールする方法(ソースからコンパイル) さくらのレンタルサーバに Node.js をインストールするための OpenSSL と Node.js のインストール方法のメモ。(*「さくらのレンタルサーバ上で Node.js (npm) を使えるようにする」を拝見させていただき無事イン... 2023.02.04 Node.jsさくらのレンタルサーバー
jQuery WordPress | Ajaxで非同期に記事データを追加で読み込む方法 アーカイブページの記事一覧で「もっと見る」や「View More」のようなボタンを置いてクリック時にページ遷移せず次ページの記事一覧データをAjaxで読み込み追加する方法のメモ。 functions.php に設定 admin-ajax.p... 2023.01.17 jQueryWordPress
CSS JavaScript | 指定要素をクリックしてページ遷移できるようにする。マウスポインタも指アイコンに変更 JavaScriptでヘッダー画像やその他指定した要素をクリックした際にページ遷移出来るようにする方法のメモ。またマウスポインタも指アイコンになるようCSSで設定します。 指定IDクリック時にホームへ遷移させる <script> docum... 2021.11.02 CSSJavaScript
Node.js Node.js | dotenvで “.env” ファイルから変数をロード dotenvをインストール npm install dotenv $ npm install dotenv added 1 package, and audited 2 packages in 513ms found 0 vulnerabi... 2021.09.07 Node.js
Node.js Node.js | Nodemailerを使ってメールを送信する Nodemailerをインストール Nodemailerが未インストールの場合はインストールします。 npm install nodemailer $ npm install nodemailer added 1 package, and ... 2021.09.07 Node.js
Node.js Node.js | npmをアップデートする(v6.14.13 → v7.22.0) 新しいアプリ用のディレクトリで初期化したら npm の新しいバージョンのメッセージが表示されていたので、アップデートしてみました。 新バージョンのアナウンス New major version of npm available! 6.14.... 2021.09.07 Node.js
Node.js Node.js | foreverでデーモン化(永続化)する Node.jsで作ったアプリをエックスサーバー上で常に動くようにしたかったので forever をインストールしてデーモン化(永続化)してみました。 foreverインストール 以下のインストールコマンドでforeverをインストールします... 2021.09.06 Node.js
Node.js Node.js | Express Generatorでアプリケーション作成から実行 macOSの環境下で Express Generator を使ったアプリ作成から実行までの内容を書いていきます。 Express Generator インストール Express Generator をインストールしていない場合は npm ... 2021.09.02 Node.js
Node.js Node.jsをエックスサーバーにインストールする方法(nodebrew利用) Node.jsの複数のバージョン管理ツールの nodebrew を利用してエックスサーバーにNode.jsをインストールします。 nodebrewのダウンロードとセットアップ curl を利用する方法1か wget を利用する方法2の何れか... 2021.07.17 Node.js
JavaScript JavaScript キャッシュを無視してreloadでページを更新 ボタンクリック後に表示しているページをreloadメソッドでキャッシュを無視してページを更新する方法のメモ。 ページキャッシュを無視して更新する reloadメソッドの引数に true を指定することで、ページキャッシュを無視してページを更... 2021.06.01 JavaScript
fancybox3 fancybox3でYouTube動画をサクッと開く方法 画像や動画をページ内に簡単にオーバーレイ表示させることが出来るjQueryのプラグインfancyboxを利用してYouTube動画をサクッと表示させる方法をご紹介します。 サクッと対応するためjQueryとfancyboxはCDNを利用した... 2021.05.20 fancybox3
jQuery JS / jQuery パラメータで指定された計測用コードをページ内のaタグ全てに付与する方法 アフィリエイトやアクセス解析で利用する計測用のパラメータがURLに付与されている場合に同ページ内の全てのaタグに強制的に付与する方法メモ。 ページ内のaタグ全てに指定パラメータを付与する <script> //現在ページURLのプロトコルと... 2020.11.07 jQuery
JavaScript CDNサービス UNPKGから読み込んでいた Swiper が突然動かなくなった時に確認すること CDNサービス UNPKG から Swiper の JSとCSSを読み込んで利用していたスライダーが突然動かなくなった時に確認したこと。 UNPKGの稼働確認 UNPKG のURL "" にアクセスして表示出来るか確認。 読み込んでいるJS... 2020.07.19 JavaScript
jQuery jQuery changeやclickイベントをトリガーにデータ加工してsubmitする方法 ボタンやセレクトボックスなどの選択状況(change / click イベント)に応じてデータ加工やバリデーションを行った後にsubmitする方法のサンプル(※バリデーションやデータ加工の詳細は割愛)。 change / click イベン... 2020.05.22 jQuery
jQuery jQuery フォーム内の必須項目の入力状況をみて送信ボタンを有効/無効にする方法 お問い合わせなど入力フォーム内に "required" がついた必須項目の入力状況をみて送信ボタンを有効/無効にする方法を書きます。 必須項目の状況をみて送信ボタンを有効/無効にする jQueryコードサンプル <script type="... 2020.05.21 jQuery
jQuery jQuery チェックボックスの数とチェック済み数を比較する方法 ウェブサービスへの登録や退会をユーザーが行う際に規約に同意した後に登録 Or 退会してもらう際、ページ内に複数のチェックボックスを用意して全ての同意がとれた場合にのみ登録ボタンをアクティブにしたい場合などに利用します。 要素内チェックボック... 2020.04.23 jQuery
jQuery jQuery 指定要素にclassを追加・削除する方法 classを追加・削除 追加 $("要素").addClass("classname"); 削除 $("要素").removeClass("classname"); hasClassでclassが指定されているか判定して追加・削除 $('#... 2020.04.21 jQuery
jQuery jQuery “Syntax error, unrecognized expression” というエラーで Mac Safari のみ不具合が出る原因と対処法 jQueryでセレクトボックスの選択状況に応じて商品金額の合計値をテキストボックスに適用するスクリプトを書いていたのですが、Chrome や Firefox は動く処理が Mac Safari のみ動かない不具合がありました。 エラー確認 ... 2020.04.15 jQuery
jQuery jQuery 親要素のN番目の後にコンテンツを追加する方法 jQueryで指定した親要素のN番目の後に広告タグなどコンテンツを追加する方法のメモ。 コード 記事一覧ページなどの5番目の記事の後にコンテンツを追加する jQuery(function ($) { $("#content > div.in... 2020.03.05 jQuery
jQuery jQuery ブラウザの横幅を条件に処理を変える方法 レスポンシブデザインのサイトやブラウザの横幅を条件に何らかの処理を変えたい場合に利用できます。 サンプル このサンプルはブラウザの横幅が660px以下かどうかを分岐点に div#content の width を変更する処理をしています。 ... 2020.01.10 jQuery