tanakahdaのプログラマ手帳

プログラミングとかソフトウェア開発とかの備忘録

JavaScript

Hello Next.js 13 @Next.js

アプリのテンプレートを作成 tanakahda@MacBook-Air Sample% npx create-next-app@latest Need to install the following packages: create-next-app@13.4.4 Ok to proceed? (y) y ✔ What is your project named? … hello-nextjs ✔ Would you like to use Ty…

M1 MacbookAirでHello React@React.js

Node.js環境の構築 Homebrewはインストール済みとする brew install nodebrew インストールされた nodebrewのバージョンを確認 nodebrew -v nodebrew 1.2.0 安定版のnode.jsをインストールする (base) tanakahda@MacBook-Air ~ % nodebrew install stable Fe…

async/awaitで非同期処理の順次実行する方法@JavaScript

var func1 = () => { return new Promise((resolve, reject) => { setTimeout(() => { console.log("func1"); resolve(); }, Math.random() * 1000); }); } var func2 = () => { return new Promise((resolve, reject) => { setTimeout(() => { console.log(…

Node.js v8.x でChromeでのデバッグ方法@JavaScript

1) Chrome Extension NIMをインストールする Node.js V8 --inspector Manager (NiM) - Chrome Web Store 2) --inspectオプションをつけて起動する $ node --inspect app.js Debugger listening on ws://127.0.0.1:9229/c7ed3076-1eed-45dd-9ad0-4xxxxxxx…

Promiseで非同期処理を順次実行する方法@JavaScript

var func1 = () => { return new Promise((resolve, reject) => { setTimeout(() => { console.log("func1"); resolve(); }, Math.random() * 1000); }); } var func2 = () => { return new Promise((resolve, reject) => { setTimeout(() => { console.log(…

dropzone.jsでサーバーにアップロードした画像を削除@JavaScript

フロントエンド Dropzone.options.myAwesomeDropzone = { ・・・ 省略 ・・・ addRemoveLinks: true, // 削除リンクを表示する dictRemoveFile:'削除', // 削除リンクのラベルを設定 /** * 削除リンクを押下したときの処理を実行する * @override */ removed…

実行中の関数名をコンソールに表示する @JavaScript

OSSライブラリの調査の為、実行された関数をトレースしたい。 また下記の様な無名関数の場合、代入された変数名を表示したい。 var doSomething = function() {元のソースのfunction宣言の後にconsole.logを差し込むことにし、 正規表現(vim)で置換してみた…

はじめてのjQueryプラグイン

指定された要素内に「Hello World!」を出力するプラグインを作成する。jQueryにメソッドを定義するには、jQuery.fnオブジェクトをメソッド名で拡張する。 jQueryオブジェクトは複数の結果に対処できなければならないので、 each()関数の呼び出しでラップし、…