JavaScript

CSS

JavaScript | 指定要素をクリックしてページ遷移できるようにする。マウスポインタも指アイコンに変更

JavaScriptでヘッダー画像やその他指定した要素をクリックした際にページ遷移出来るようにする方法のメモ。またマウスポインタも指アイコンになるようCSSで設定します。 指定IDクリック時にホームへ遷移させる <scr...
Node.js

Node.js | dotenvで “.env” ファイルから変数をロード

dotenvをインストール npm install dotenv $ npm install dotenv added 1 package, and audited 2 packages in 513ms found 0 ...
Node.js

Node.js | Nodemailerを使ってメールを送信する

Nodemailerをインストール Nodemailerが未インストールの場合はインストールします。 npm install nodemailer $ npm install nodemailer added 1 pa...
Node.js

Node.js | npmをアップデートする(v6.14.13 → v7.22.0)

新しいアプリ用のディレクトリで初期化したら npm の新しいバージョンのメッセージが表示されていたので、アップデートしてみました。 新バージョンのアナウンス New major version of npm available...
Node.js

Node.js | foreverでデーモン化(永続化)する

Node.jsで作ったアプリをエックスサーバー上で常に動くようにしたかったので forever をインストールしてデーモン化(永続化)してみました。 foreverインストール 以下のインストールコマンドでforeverをイン...
Node.js

Node.js | Express Generatorでアプリケーション作成から実行

macOSの環境下で Express Generator を使ったアプリ作成から実行までの内容を書いていきます。 Express Generator インストール Express Generator をインストールしていない場...
Node.js

Node.jsをエックスサーバーにインストールする方法(nodebrew利用)

Node.jsの複数のバージョン管理ツールの nodebrew を利用してエックスサーバーにNode.jsをインストールします。 nodebrewのダウンロードとセットアップ curl を利用する方法1か wget を利用する...
JavaScript

JavaScript キャッシュを無視してreloadでページを更新

ボタンクリック後に表示しているページをreloadメソッドでキャッシュを無視してページを更新する方法のメモ。 ページキャッシュを無視して更新する reloadメソッドの引数に true を指定することで、ページキャッシュを無視...
fancybox3

fancybox3でYouTube動画をサクッと開く方法

画像や動画をページ内に簡単にオーバーレイ表示させることが出来るjQueryのプラグインfancyboxを利用してYouTube動画をサクッと表示させる方法をご紹介します。 サクッと対応するためjQueryとfancyboxはCDNを...
jQuery

JS / jQuery パラメータで指定された計測用コードをページ内のaタグ全てに付与する方法

アフィリエイトやアクセス解析で利用する計測用のパラメータがURLに付与されている場合に同ページ内の全てのaタグに強制的に付与する方法メモ。 ページ内のaタグ全てに指定パラメータを付与する <script> //現在ペー...
JavaScript

CDNサービス UNPKGから読み込んでいた Swiper が突然動かなくなった時に確認すること

CDNサービス UNPKG から Swiper の JSとCSSを読み込んで利用していたスライダーが突然動かなくなった時に確認したこと。 UNPKGの稼働確認 UNPKG のURL "" にアクセスして表示出来るか確認。 ...
jQuery

jQuery changeやclickイベントをトリガーにデータ加工してsubmitする方法

ボタンやセレクトボックスなどの選択状況(change / click イベント)に応じてデータ加工やバリデーションを行った後にsubmitする方法のサンプル(※バリデーションやデータ加工の詳細は割愛)。 change / click...
jQuery

jQuery フォーム内の必須項目の入力状況をみて送信ボタンを有効/無効にする方法

お問い合わせなど入力フォーム内に "required" がついた必須項目の入力状況をみて送信ボタンを有効/無効にする方法を書きます。 必須項目の状況をみて送信ボタンを有効/無効にする jQueryコードサンプル <...
jQuery

jQuery チェックボックスの数とチェック済み数を比較する方法

ウェブサービスへの登録や退会をユーザーが行う際に規約に同意した後に登録 Or 退会してもらう際、ページ内に複数のチェックボックスを用意して全ての同意がとれた場合にのみ登録ボタンをアクティブにしたい場合などに利用します。 要素内チェッ...
jQuery

jQuery 指定要素にclassを追加・削除する方法

classを追加・削除 追加 $("要素").addClass("classname"); 削除 $("要素").removeClass("classname"); hasClassでclassが指定されてい...
jQuery

jQuery “Syntax error, unrecognized expression” というエラーで Mac Safari のみ不具合が出る原因と対処法

jQueryでセレクトボックスの選択状況に応じて商品金額の合計値をテキストボックスに適用するスクリプトを書いていたのですが、Chrome や Firefox は動く処理が Mac Safari のみ動かない不具合がありました。 エラ...
jQuery

jQuery 親要素のN番目の後にコンテンツを追加する方法

jQueryで指定した親要素のN番目の後に広告タグなどコンテンツを追加する方法のメモ。 コード 記事一覧ページなどの5番目の記事の後にコンテンツを追加する jQuery(function ($) { $("#co...
jQuery

jQuery ブラウザの横幅を条件に処理を変える方法

レスポンシブデザインのサイトやブラウザの横幅を条件に何らかの処理を変えたい場合に利用できます。 サンプル このサンプルはブラウザの横幅が660px以下かどうかを分岐点に div#content の width を変更する処理を...
タイトルとURLをコピーしました