プログラムメモ
Category
JavaScript
TypeScript
PHPプログラムメモ
PHPフレームワークLaravel
Stripe / Laravel Cashier
PHPフレームワークCodeIgniter
JavaScript
jQuery
node.js
WEB制作(html, css)
cssスタイルシート
Tailwind CSS
Bootstrap
サーバ構築・管理
Mac / Linux / FreeBSD シェルコマンドメモ
KUSANAGI
Pleskサーバ管理
Amazon AWS クラウド / EC2 , S3, Route53
Mac OSX おすすめフリーソフト
Karabiner-Elements
Auto Hot Key
MySQL
SQL Server(MS-SQL)
React / Next.js
Vue.js
Ionic / Angular フロントエンド
postgreSQL
gulp(タスク自動化ツール)
デザイン関連(Photoshop・Illustrator)
Figma / Adobe XD / Sketch
Mac OSX用 VST AU RTAS プラグイン
フリー素材(写真、アイコン、フォント)
iPhone / iPad
WEBサービス
SQLite
エディタ・WEB開発環境 /VS Code / Sublime Text
Flash / ActionScript
PHP Zend Framework
Windows WEB開発(ASP.NET Core / C#)
Visual Studio for Mac (Xamarin.Mac)
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
クラウド/VPS/レンタルサーバ/専用サーバ
リッチテキストエディタ / TinyMCE / Summer note
git
最近のメモ
Ionic で Firebase ( Cloud Firestore ) を使用する
MacでHeroku の buildpackを使用して Docker イメージを自動で作成しLaravelアプリを起動する
Heroku の buildpackを使用して Docker イメージを自動で作成する
LaravelでDBのトランザクションを使用する
laravel-ide-helper を使用する
LaravelでCSVファイルをインポートする
Laravel Sail で開発環境を整える for Mac + VS Code
Recoil
Next.js で 画面遷移、1つ前の履歴に戻る
React hooksの概要 / useState / useEffect / useContext / useReducer / useMemo / useCallback / useRef
typescriptでコールバック関数の型
firebase emulatorを使用する (例: Authentication)
Laravelで別のコントローラーのメソッドを実行する
LaravelでFirebaseのjwt(accessToken)を認証する
JWTまとめとnode.js で JWTを検証(verify)する auth0 / node-jsonwebtoken
react や nextjs アプリを vscode .devcontainer(Docker) に対応にする
Laravel の イベント/リスナー を同時、または個別に作成する
Laravel で データベース更新時にフックをかけて自動的に処理を行う。
Laravel 5 6 7 8 で admin / user のMulti-Auth を素早く作成する
electron アプリ で hello World !
nuxt3 + typescript + vuetify
javascript の Generator の使いどころ?
nuxt2 + typescript + vuetify
vue.js の ミニマルな形
vue.js 3 + TypeScript 環境を作成する
検索
JavaScript
トップに戻る
新規投稿
tags
typescript
[1]
正規表現
[4]
フォーム
[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]
iPhone
[2]
Google
[2]
Database
[2]
Cookie
[1]
YUI
[2]
json
[1]
高速化
[1]
JavaScriptプログラムに関する各種メモ書き
クイックリンク
javascript の Generator の使いどころ?
「意地でもconst」 は 可読性も悪くない
TypeScript の 「implements Iterable」
console.log ()
svelte + vite + typescript + vitest のはじめ方
javascript で Objectの長さ length を知る
javascriptの条件付き動的import
svelte + TypeScript のはじめ方
ts-node による typescript ファイルの実行
typescript 引数の書き方
type="module"を記述してimport / export をそのままの javascript で使用する
jest で new Date() のモック
JSDocで javascript ファイルにも少しだけ関数の引数の型をつける
Javascriptでの正規表現
TypeScriptからのトランスパイルを試す
vanilla javascript で DBフォーマットで日付を取得する
DDD 値オブジェクト or エンティティ?
浮動小数点で誤差が出る計算式
一度だけイベントを登録する
JavaScriptでブラウザの戻るボタンまたはリロードボタンで画面遷移してきたことを判定する
JavaScriptで Date型 の判別
JavaScriptの日付Dateオブジェクトを比較する
TypeScript の デコレーター
Javascriptで「1. 日付が正しいか?」「2. 実際に存在する日付かどうか」をチェックする
JavaScriptで オブジェクトの配列(コレクション)から 重複する 項目を削除する
Cookie の Secure属性 / HttpOnly 属性
JavaScript オブジェクトから FormDataへの変換。FormDataの中身を表示する
無名関数とアロー式
React クラスコンポーネント と 関数コンポーネントについて
Promise の then() / catch() / finally() と async await
moment.js の 次 date-fns 使用 を使用する
ContentEditable で エンターキーを無効にする
fullcalendar で 次の月 / 前の月 クリック時にイベントを追加する
JavaScriptでカーソル位置に指定したテキストを挿入する
alpine.js で ドラッグドロップ
javascript 現在のウィンドウ アクティブかどうか(ユーザーが見ているかどうか)を調べる
JavaScriptでIPアドレス情報を取得
Javascript でオブジェクトの for
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で表示させる / 今年の年を表示させるWebComponentsを作る
このウィンドウは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プロパティ
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でどのレンダリングモードが適用されているか調べる
javascriptでオブジェクト メンバ変数やプロパティの存在をチェックする
● javascriptでオブジェクト メンバ変数やプロパティの存在をチェックする
var obj = { id: 1, name: 'hoge' }; if ( 'name' in obj ) { // メンバ変数「name」は存在しています }
No.1870
02/06 12:56
edit
edit
delete