カテゴリー: JavaScript

JavaScript

jQuery 文字数制限を行う

文字数制限を100文字以内、AjaxでAPIに送信するという内容     jQuery $(function() { // 初期状態はアラートを隠す $(‘#count_allert’).hide(); // 100文字制限の入力フォーム $(‘#weapon_textarea’).on(‘input’, function() { var cnt = $(this).val().leng …

JavaScript

JavaScript正規表現

  JavaScriptの正規表現     /^yuu/ 「yuu」を検出   /^yuu\d/ \d 数字を表す この場合は「yuu1」, 「yuu9」などを検出   /^\d{4}-?\d{3}$/ ^ 行の先頭 $ 行の先頭 d{4} 4桁の数字 -? -、または-がない場合がある   moge? ? 直前の一文字がある場合、ない場 …

JavaScript

jQuery通貨区切り・正規表現

  フォームに入力した時に通貨に自動で区切り文字を行う 1000000 ↓ 1,000,000   jQuery function addCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, “,”); } x.toString() 正規表現使うのでString型に変換しているよ!🐱   $( …

JavaScript

Tinder スワイプ自動化やってみた

スワイプというか緑のハートマークのLIKEボタンを5秒毎に押す。 1秒毎でも良いけどBANされそうなので5秒で。   やっていく ブラウザ版のTinderをChromeブラウザで開いて いいねボタンのところで右クリックして【検証】をクリックします。   クラス名がわかります。 クラス名はこれです button Lts($ls-s) Z(0) CenterAlign Mx(a) …

JavaScript

Chart.jsでグラフ作成

Chat.js 最新のファイル https://github.com/chartjs/Chart.js/releases/tag/v2.9.3   dist/Chart.bundle.js dist/Chart.bundle.min.js バンドル版には、Moment.jsも含まれています。時間軸を利用したい場合で、インクルードは1つのファイルで済ませたい場合は、このバージョンを使用すべ …

JavaScript

anime.js inview.js スクロールイベントアニメーション メモ

      スクロールで指定した要素が表示された時にclassを追加する   ある要素までスクロールしたらアクションをさせるJavascriptを作成する時に気をつけること。       anime.js   CSSライクでデザイナーに優しい!anime.jsはDOMアニメーションの新定番だ!     inv …