javascript JavaScriptの連想配列
JavaScriptの配列 まず、普通の配列はキーが数字のものを指し const array = ; こんな感じで書けますが、実は console.log(array instanceof Object); //true console.l...
javascript
javascript 
javascript 配列のキーが歯抜けだとlengthがundefindになる
axiosで受け取ったレスポンスのサイズを見るためにlengthプロパティーを参照したら何故かundefindになってしまいました。 理由 バックエンド側のレスポンスで { 0: { id: 1 }, 3: { id: 3 }, 5: { ...
javascript [TS]テキスト中からURLを抜き出してリンクタグに変換する
テキストの中からURLを抽出してリンクタグに変換する関数を書いてみた。 だいたいこんな感じ function autoLink(str:string) { const regexp_url = /(https?|ftp):\/\/+/g; ...
Vue.JS3 コンポーネントロード時のエラー
: Error compiling template: Templates should only be responsible for mapping the state to the UI. Avoid placing tags wit...
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) { i...
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('コピーする文字列'); なんだけど、開発環境だと以下のようなエラーになってしまう。 Uncau...
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イベントは発生しません。 ではどうするのか？