プログラムメモ
Category
JavaScriptプログラムメモ
PHPプログラムメモ
PHPフレームワークLaravel
Stripe / Laravel Cashier
PHPフレームワークcodeIgniter
PHP Zend Framework
JavaScriptプログラムメモ
jQuery
node.js
gulp(タスク自動化ツール)
WEB制作(html, css)
css3
Tailwind CSS
Bootstrap
サーバ構築・管理
UNIX ( Linux FreeBSD )シェルコマンドメモ
KUSANAGI
Pleskサーバ管理
Amazon AWS クラウド / EC2 , S3, Route53
Mac OSX おすすめフリーソフト
Karabiner-Elements
Auto Hot Key
MySQL
SQL Server(MS-SQL)
Vue.js
Ionic / Angular フロントエンド
postgreSQL
デザイン関連(Photoshop・Illustrator)
Sketch / Adobe XD
Mac OSX用 VST AU RTAS プラグイン
フリー素材(写真、アイコン、フォント)
iPhone / iPad
WEBサービス
SQLite
エディタ・WEB開発環境
Flash / ActionScript
Windows WEB開発(ASP.NET Core / C#)
Visual Studio for Mac (Xamarin.Mac)
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
クラウド/VPS/レンタルサーバ/専用サーバ
リッチテキストエディタ / TinyMCE / Summer note
git
最近のメモ
EF Core での文字列補間式による生SQLクエリ発行
テキストエリアに「文字数」「改行禁止」制限を加える
PHPで isNullOrEmpty() メソッド
gitlab へ ssh接続で失敗する時の対処法
Laravel の 複数形を事前に調べる
git で commit の変更をバッチファイル(パッチ)にする
git diff で 特定の 2つのコミットの差分を表示させる
(Windows)[alt]キーのダブルプレスのショートカットで Chromeアプリに切り替える
(Windows)[alt]キーのダブルプレスのショートカットで Chromeアプリに切り替える
c# で変数の型名を取得する
(Windows)[alt]キーのダブルプレスのショートカットで Chromeを起動する
electron で URL や ローカルのフォルダを開く
electron + Vue.js で Hello World !
electron アプリの記述方法
Laravel のページャー(ページネーション)の表示とカスタマイズ
● jQuery でのフォーム操作
● Laravel の 1対多 リレーション
● phpの便利な日付、時刻オブジェクト Carbon を使用する。平成、令和などの和暦を表示させる
Karabiner-Elementsで(Option+Shift+S)でクリップボードにスクリーンショットを保存(Command+Control+Shift+4)
Laravelのキャッシュクリア
Laravel 5 6 7 で admin / user のMulti-Auth を素早く作成する
JavaScriptの便利なライブラリ
electron アプリ で hello World !
Tiny MCE の<span>タグが消える問題の回避方法
c# entity frame core で IN句 と NOT IN句
検索
JavaScriptプログラムメモ
トップに戻る
新規投稿
tags
フォーム
[13]
配列
[6]
vue.js
[1]
iMacros
[4]
jQuery
[48]
DOM
[9]
xpath
[1]
node.js
[1]
画像
[6]
css
[1]
日付
[1]
HTML5
[9]
Ajax
[7]
日本語
[1]
prototype.js
[12]
エラー対処
[5]
Firefox
[2]
Bookmarklet
[3]
YouTube
[1]
正規表現
[4]
iPhone
[2]
Google
[2]
Database
[2]
Cookie
[1]
YUI
[2]
json
[1]
高速化
[1]
JavaScriptプログラムに関する各種メモ書き:
タグ「アニメーション」での検索
クイックリンク
alpine.js で ドラッグドロップ
javascript 現在のウィンドウ アクティブかどうか(ユーザーが見ているかどうか)を調べる
JavaScriptでIPアドレス情報を取得
Javascript でオブジェクトの foreach
input type="text" の 候補リストを JavaScript で動的に変更する
javascriptでオブジェクト メンバ変数やプロパティの存在をチェックする
Javascript で moment.js を使って2つの日付の差を求める
JavaScript で正しく小数点計算を行う
JavaScriptのHTMLCollection を ループさせる
WEBサイトに自由にショートカットキーを設定できる mousetrap
Web Font Loader で webフォントを遅延ロードする
送信ボタンをボタン連打や二重送信を防止しつつ「送信中」を表示する
Angular8 の インストールと Hello World
IE11でも使用可能な Promise
JavaScript で フォームに入力可能な文字を限定する
Javascript でグラフ・チャートを表示させる apexcharts
canvas に描画した画像をファイルとしてダウンロードさせる
HTML5 Canvas を操作するJavascript ライブラリ
HTML5 Canvas の toblob を全てのブラウザで使用する
Javascript で ある値を配列から削除する
Javascript で スマホのフリック操作を制御する
Summernote で コピペするときに プレーンテキストでペーストする
JavaScriptの便利なライブラリ
JavaScriptでWEBサイトからのプッシュ通知を行う
javascriptでファイル名から拡張子を取り除く
JavaScript で実現する WYSIWYGエディタ
JavaScriptでスクロールして要素が画面内に入るとアニメーションする ScrollTrigger
JavaScriptでスムーズにするするとスクロールさせるやつ (jQuery非依存)
javascriptで全てのチェックボックスにチェックをつける・外す
JavaScriptでオブジェクトの配列をランダムにシャッフルする
JavaScriptで配列を参照渡しではなく実際にコピーする
Javascript の 命名規則(スタイルガイド)のケース(記法)について
JavaScriptの array.map
vue.js の ミニマルな形
iMacros for Google chrome で htmlからマクロを動作させる
javascript 難読化する
😊😊😊iPhoneの絵文字をWindowsで表示・入力する
JavaScript の querySelector の書式入門
JavaScriptのメモリ使用量を知る
JavaScript( node.js )でAES暗号を使う
ES6( ECMAScript 2015)フレンドリー + 他ライブラリ非依存のスムーススクロール sweet-scroll.js
背景画像の遅延読み込み(lazy load)をするlazysizes.js
アニメーションライブラリ velocity.js の記述方法
Copyrightの今年の年をJavaScriptで表示させる
このウィンドウはx秒後に自動的に閉じられます
jqueryでフォームのふりがな自動入力
jQuery(Javascript)で表示中のディスプレイが retina対応か判別する
クリックでクリップボードにコピーするボタンを作るjQueryプラグイン【clipboard.js】
jQueryを使用しできない環境でjQueryメソッドを使用したい時に参照するサイト
JavaScriptでオブジェクト、配列の要素数を取得する
ドラッグ&ドロップで複数ファイルアップロード + 進捗(プログレスバー)表示する Dropzone.js
JavaScriptで文字列を指定バイト数で切り取る
JavaScript の getElement系メソッドによる HTMLタグ(DOMオブジェクト)の取得
入力途中のフォーム内容を保存して自動的に復元する 『Sisyphus.js』
prototype.js の フォーム操作
IE8以下で console.log がエラーになる問題の対処
ブラウザ自動運転iMacrosの使い方と細かいテクニック
iMacrosでマクロによる変数代入とJavaScriptによる変数代入
フォームのプレースホルダーをjQueryで再現する
JavaScript(jQuery)でギターのタブ譜を表示する
jQueryでフォームの全ての要素に入力や選択があるかどうかを調べる
ドロップダウンリスト(オプション・メニュー)のスタイルを変更するjQueryプラグイン【jquery.customSelect】
ブックマークレット作成に便利なサイト
jQueryでのクラス表示方法・クラス指定方法
jQueryでフォームの入力値をチェックする(Validation)プラグイン
JavaScriptでアルファベットの大文字と小文字を区別せずソートする。
JavaScriptで全角→半角変換を行う
最も簡単にYouTube動画を貼り付けるjqueryプラグイン
JavaScriptでPHPのin_arrayのような関数を作る
JavaSriptで入力値のサニタイズ(PHPの htmlspecialchars()関数 )
SWF Object 不要。jqueryのFlashムービー(swf)貼り付けプラグイン
jQueryで<ul><li>の最後の要素を選択する
JavaScriptでBlowfish暗号を利用する
jQueryで "ある要素" が画面内にあるかどうかを判別する
IE8 IE7 IE6 でCSS3の background-size: contain; を使用できるようにするjQueryプラグイン
ウィンドウサイズ変更を検知してサイズによって画像サイズを変更する
iPad, iPhone, スマートフォン用にviewportをJavaScriptで設定する
ある日にちからの経過日数(経過時間)を取得する
JavaScriptで xx日前の日付け、今日の日付を求める
JavaScriptに sptintf 関数を実装する
jQueryで画像やリンクのクリック状態(マウスイベント)やキーボード入力状態を強制的に作り出す
配列かどうかを判別する
JavaScript(jQuery)でスマートフォン(iPhone, iPad, Android)を判別する
JavaScriptの正規表現で変数を使う
GoogleによるJavaScriptホスティング(CDN)を使用する
jQueryのテンプレートプラグイン【 jQuery.tmpl 】を使用する
JavaScriptファイル自身のURLを取得する。またドキュメントルートを取得する。
文字列型を数値型(整数型)に変換する(parseInt)
jQueryでオブジェクト(HTMLタグ要素)の存在、表示、アニメーション中を判別する
Windows版IE6, IE7, IE8 での<label>タグがきかない不具合に対応する。
Google Maps を住所から自動生成するサンプル ( Google Maps Platform API 使用)
任意の範囲のフォーム項目をリセットするjQueryプラグイン【jquery.clearform.js】
jQueryのアニメーションにイージングをかける
jQueryで画像にマスクをかける画像ギャラリー【mbmaskedgallery】
Appleの検索窓のようにフォーカスするとサイズが変わるテキスト入力を実現する
jQueryでiPhoneの電話帳のように画面左に「A〜Z」のショートカットインターフェースを再現する
Googleサジェストライクなプラグイン
JavaScriptでクリップボードを操作する【zeroclipboard】
JavaScriptでヒアドキュメントもどき + ヒアドキュメントライブラリ
リファラー(REFERRER)を消して外部ページに移動する
ドラッグ、ドロップで要素を順番変更するjQuery UI Sortableモジュール
JavaScriptでPHPのisset関数みたいなものを使う
JavaScriptで外部サイトをスクレイピング【Cross-Domain-Ajax】
jQueryによるAjax操作の基本
HTML5またはcssまたはJavaScript(jQuery未使用)で画像の先読み(プリロード)を行う
オブジェクト(クラス)のメソッドを SetInterval する
HTML5のClient-side database(JavaScript Database)のSQL文サンプル
JavascriptでSmartyライクなテンプレートエンジン Jarty
HTML5のClient-side database storage(JavaScript Database)を試す
Javascriptで(GPS,Wifi)位置情報を検出する
JavaScriptでCookie(クッキー)を簡単に扱う
JavaScriptで半角カタカナを判別する
JavaScriptで現在時刻を取得する
FlashのバージョンをJavaScript(SWFObject)で取得する
フォームに適当な値を自動で入力するブックマークレット(フォーム自動入力BookMarklet)
JavaScriptでURIをパースする parseuri.js
ドロップダウンリストを動的にJavaScriptで生成する
ラジオボタン <radio name="form_name"></radio>の状態を変える
ドロップダウンリストの状態をJavaScriptで動的に変更する
Gmailのように「shift + クリック」でチェックボックスの複数選択を可能にするjQueryプラグイン
JavaScript(jQuery)でリッチテキスト編集(wysiwyg)エディタ
prototype.js を使わずにDOMオブジェクトのスタイルを取得する
IE6 で<select></select>より上にレイヤーを配置する
最も簡単な画像のロールオーバー導入方法 (jQuery)
jQuery , prototype.js 用「ツールチップ(吹き出し説明)」表示ライブラリ
DOMプロパティ
Javascriptでの正規表現
adobe の Javascript フレームワーク【spry】を使ってみる
jQuery html()メソッドと DOM.innerHTML の違い
prototype.js のフォームシリアライズ(Form.serialize)をテストする
window.onload 前でも DOM 処理が可能なら通知してくれる domready.js
JavaScript で 動的に hidden属性<input type=”hidden” name=”name” value=”value”>を作成する
JavaScriptで小数点xxケタで四捨五入する
JSON記述の基本とデコード( json2.js )
これは便利!好きなブラウザで JavaScript を即座に実行【jsbin】【jstests】
<input type="button">にname=”submit” は使用できない
入力文字数によってテキストフィールド<textarea>のサイズを変える
外部JavaScriptによるWindows IE7 の「ランタイムエラー」に対処する
外部JavaScriptやcssファイルを動的に読み込み(遅延読み込み)HTMLページ描画を高速にする
JavaScriptソースコードを圧縮してサイズを小さくする。またはソースを整形する
DOM要素(<div>タグ)をJavaScriptで削除する
JavasScriptでウィンドウの幅、高さを取得する。
htmlソースからDOM生成用のJavaScriptコードを吐くツール【DOM Tool】
Ajaxによって動的に書き換えられたhtmlソースコードを表示する方法。
n桁のランダムなIDを作成する
ソースコードを色づけするJavaScriptライブラリ【google/code-prettify】
prototype.js を使ってイベントを登録する。
JavaScriptで数字3桁ごとにコンマを打つ
JavaScriptでURIエンコード(URLエンコード)を行う
script.aculo.usを使ったフェードイン、フェードアウト エフェクト
ある要素にCSS、スタイルシートプロパティをJavaScriptでセットする
htmlページ内のdiv のX,Y座標位置を取得する
配列をランダムに並び替える
JavaScriptのSetTimeoutで 疑似sleep(遅延実行) を実現する / 変数を渡す
jQuery, prototype.js でラジオボタンの値を取得する
IEでどのレンダリングモードが適用されているか調べる