JavaScript kintone(kintone REST API)でのCRUD操作をPHPとJavaScriptで実装する方法
前回の記事では、Googleスプレッドシートを利用してCRUD操作を行う方法を紹介しました。今回は、そのデータ保存場所をGoogleスプレッドシートからkintoneに変更した内容を紹介します。 準備 1. kintone APIの設定 k...
JavaScript
JavaScript 
Googleスプレッドシート Google Sheets APIを使ったPHPとJavaScriptによるCRUD操作の実装と認証機能の追加
前回の記事で紹介したGoogle Sheets APIを使ったPHPとJavaScriptによるCRUD操作の実装に、認証機能を追加する方法をご紹介します。認証機能を追加することで、ログインしたユーザーのみがデータを操作できるようにします。...
Googleスプレッドシート Google Sheets APIを使ったPHPとJavaScriptによるCRUD操作の実装
Google Sheets APIを使って、PHPとJavaScriptでCRUD（Create, Read, Update, Delete）操作を実装する方法を紹介します。 必要なもの Googleアカウント Composer（PHPの依...
JavaScript JavaScript | イベントデリゲーションは効率的なイベントハンドリングの技法
JavaScriptにおけるイベントデリゲーションは、効率的にイベントを管理するための強力な技法です。このブログ記事では、イベントデリゲーションの基本概念から具体的な実装方法、そしてイベントリスナーだけで対応する場合の問題点について解説しま...
Node.js Node.jsをさくらのレンタルサーバにインストールする方法（ソースからコンパイル）
さくらのレンタルサーバに Node.js をインストールするための OpenSSL と Node.js のインストール方法のメモ。（＊「さくらのレンタルサーバ上で Node.js (npm) を使えるようにする」を拝見させていただき無事イン...
jQuery WordPress | Ajaxで非同期に記事データを追加で読み込む方法
アーカイブページの記事一覧で「もっと見る」や「View More」のようなボタンを置いてクリック時にページ遷移せず次ページの記事一覧データをAjaxで読み込み追加する方法のメモ。 functions.php に設定 admin-ajax.p...
CSS JavaScript | 指定要素をクリックしてページ遷移できるようにする。マウスポインタも指アイコンに変更
JavaScriptでヘッダー画像やその他指定した要素をクリックした際にページ遷移出来るようにする方法のメモ。またマウスポインタも指アイコンになるようCSSで設定します。 指定IDクリック時にホームへ遷移させる <script> docum...
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...
Node.js Node.js | Nodemailerを使ってメールを送信する
Nodemailerをインストール Nodemailerが未インストールの場合はインストールします。 npm install nodemailer $ npm install nodemailer added 1 package, and ...
Node.js Node.js | npmをアップデートする（v6.14.13 → v7.22.0）
新しいアプリ用のディレクトリで初期化したら npm の新しいバージョンのメッセージが表示されていたので、アップデートしてみました。 新バージョンのアナウンス New major version of npm available! 6.14....
Node.js Node.js | foreverでデーモン化（永続化）する
Node.jsで作ったアプリをエックスサーバー上で常に動くようにしたかったので forever をインストールしてデーモン化（永続化）してみました。 foreverインストール 以下のインストールコマンドでforeverをインストールします...
Node.js Node.js | Express Generatorでアプリケーション作成から実行
macOSの環境下で Express Generator を使ったアプリ作成から実行までの内容を書いていきます。 Express Generator インストール Express Generator をインストールしていない場合は npm ...
Node.js Node.jsをエックスサーバーにインストールする方法(nodebrew利用)
Node.jsの複数のバージョン管理ツールの nodebrew を利用してエックスサーバーにNode.jsをインストールします。 nodebrewのダウンロードとセットアップ curl を利用する方法１か wget を利用する方法２の何れか...
JavaScript JavaScript キャッシュを無視してreloadでページを更新
ボタンクリック後に表示しているページをreloadメソッドでキャッシュを無視してページを更新する方法のメモ。 ページキャッシュを無視して更新する reloadメソッドの引数に true を指定することで、ページキャッシュを無視してページを更...
fancybox3 fancybox3でYouTube動画をサクッと開く方法
画像や動画をページ内に簡単にオーバーレイ表示させることが出来るjQueryのプラグインfancyboxを利用してYouTube動画をサクッと表示させる方法をご紹介します。 サクッと対応するためjQueryとfancyboxはCDNを利用した...
jQuery JS / jQuery パラメータで指定された計測用コードをページ内のaタグ全てに付与する方法
アフィリエイトやアクセス解析で利用する計測用のパラメータがURLに付与されている場合に同ページ内の全てのaタグに強制的に付与する方法メモ。 ページ内のaタグ全てに指定パラメータを付与する <script> //現在ページURLのプロトコルと...
JavaScript CDNサービス UNPKGから読み込んでいた Swiper が突然動かなくなった時に確認すること
CDNサービス UNPKG から Swiper の JSとCSSを読み込んで利用していたスライダーが突然動かなくなった時に確認したこと。 UNPKGの稼働確認 UNPKG のURL "" にアクセスして表示出来るか確認。 読み込んでいるJS...
jQuery jQuery changeやclickイベントをトリガーにデータ加工してsubmitする方法
ボタンやセレクトボックスなどの選択状況（change / click イベント）に応じてデータ加工やバリデーションを行った後にsubmitする方法のサンプル（※バリデーションやデータ加工の詳細は割愛）。 change / click イベン...
jQuery jQuery フォーム内の必須項目の入力状況をみて送信ボタンを有効／無効にする方法
お問い合わせなど入力フォーム内に "required" がついた必須項目の入力状況をみて送信ボタンを有効／無効にする方法を書きます。 必須項目の状況をみて送信ボタンを有効／無効にする jQueryコードサンプル <script type="...
jQuery jQuery チェックボックスの数とチェック済み数を比較する方法
ウェブサービスへの登録や退会をユーザーが行う際に規約に同意した後に登録 Or 退会してもらう際、ページ内に複数のチェックボックスを用意して全ての同意がとれた場合にのみ登録ボタンをアクティブにしたい場合などに利用します。 要素内チェックボック...