javascript JavaScriptの連想配列
JavaScriptの配列まず、普通の配列はキーが数字のものを指しconst array = ;こんな感じで書けますが、実はconsole.log(array instanceof Object); //trueconsole.log(ar...
javascript
javascript 
javascript 配列のキーが歯抜けだとlengthがundefindになる
axiosで受け取ったレスポンスのサイズを見るためにlengthプロパティーを参照したら何故かundefindになってしまいました。理由バックエンド側のレスポンスで{ 0: { id: 1 }, 3: { id: 3 }, 5: { id:...
javascript [TS]テキスト中からURLを抜き出してリンクタグに変換する
テキストの中からURLを抽出してリンクタグに変換する関数を書いてみた。だいたいこんな感じ function autoLink(str:string) { const regexp_url = /(https?|ftp):\/\/+/g; v...
Vue.JS3 コンポーネントロード時のエラー
: Error compiling template:Templates should only be responsible for mapping the state to the UI. Avoid placing tags with...
javascript FormDataで入れ子のデータをPOSTする方法
fetchでこんな感じのデータをPOSTしたい場合どうするのか？[ 0 => [ 'id' => '1', 'name' => 'aaaaa', ], 1 => [ 'id' => '2', 'name' => 'bbbb', ],]入れ子...
TypeScript [TypeScript]オブジェクト配列にしたら型が剥がれた
Vueでこんな型を作ったtype queryOptions = {:Ref|string|number}で、こんな感じでオブジェクト内のキーと値をとってみたのだが・・・for(const key in options) { if(type...
NuxtJS [Vue.JS]Unhandled error during execution of 何たらかんたら の直し方
VueやNuxtをやっていると必ず引っかかるUnhandled error 関連のエラー本当に困りますよね。エラー理由もエラー位置も大雑把で参考になりません。ということでこのエラーの直し方についてといっても、地道に追っていくしかありません。...
NuxtJS server middlewareでuseXXX系のAPIが呼べない
NuxtJS 3 でserver middlewareのコードを書いていたのですがuseXXX系のAPIが呼べない現象が発生。こんな感じでインポートしたら使えるようになりました。import { useCookie, setCookie, ...
javascript navigator.clipboard.writeText()が動かない
javascriptでクリップボードにコピーする機能を実装する場合、今はこれを使うnavigator.clipboard.writeText('コピーする文字列');なんだけど、開発環境だと以下のようなエラーになってしまう。Uncaught...
Docker docker-composeで環境変数付きコマンド実行の方法
Nuxtが外から見えないdocker compose経由でnuxt.jsの開発環境を起動しようとしたけど、dockerサーバーが外部にあるので起動したNuxtにブラウザからアクセスできないという問題が発生。調べたら、configファイルをい...
Docker Node.JS v.17でERR_OSSL_EVP_UNSUPPORTED
node.jsの最新dockerイメージでVue.JSを起動させようとしたら、以下のようなエラーになったError: error:0308010C:digital envelope routines::unsupported at new ...
Vue.JS3 Vue.JS3で波括弧を表示する方法
Vue.JSのHTMLで波括弧を表示する方法です。波括弧は、変数の出力のために使われるので、普通に使うとバグってしまいます。方法1 v-preをディレクティブ使うv-preディレクティブは子要素のコンパイルを省略します。つまり、書いたまま出...
javascript javascriptの文字列内の変数展開
PHPだとテキスト内に変数を展開させたい場合、こんなふうにできます。$name = "ほげほげ";echo "こんにちは${name}さん";出力結果こんにちはほげほげさん文字列中に${変数名} と書くと変数の中身を展開してくれるという便利...
javascript JavaScriptの入門者向けお勧め本
これからWebアプリケーションの作成をしたいという方向けにJavaScript関連のお勧めの入門書をまとめてみました。プログラミング初学者の方へWebアプリケーションエンジニアを目指そうとしている方は、フロントエンドとバックエンドどっちがい...
javascript JavaScriptの変な書き方が嫌い
JavaScriptって、最初はオブジェクト指向の概念がなかったんですよ。ES2015っていうバージョンでできるようになったのすが、2015年ってめちゃくちゃ最近じゃないですか。あとからあとから機能が追加されて、しかも他の言語とちょっと違う...
CakePHP [2021年]プログラミング初学者にお勧めな言語・フレームワーク
現在はフレームワークなしでWebアプリケーションを組むことは必須になっています。どのフレームワークを使うべきかの参考の一つとして記事を書いてみました。PHPのフレームワーク多すぎ問題RubyはRails一択なのですが、PHPはあまりにも多く...
BootStrap daterangepickerで複数のフォーム一つのスクリプト管理する
bootstrap-daterangepicker でいい感じに1つのスクリプトで複数のフォームで動くようにする方法。
javascript JQueryでsubmitボタン連打禁止
JQueryでsubmitボタン連打禁止を実装するのをすぐ忘れるのでメモ！
BootStrap JqueryのDatetimepickerまとめ
Jqueryで日付を入力する場合はJquery UIのdatepickerが有名ですが、時間も同時にセットできないのがネック。というわけでdatetimepickerというのを入れようとするのですが、これが曲者。同じような名前で何種類もあっ...
jquery [jquery]val()メソッドでセットした要素にイベントが発生しない
表題の通りです。val()メソッドで値をセットしてもchangeイベントは発生しません。ではどうするのか？