javascript [TS]テキスト中からURLを抜き出してリンクタグに変換する
テキストの中からURLを抽出してリンクタグに変換する関数を書いてみた。だいたいこんな感じ function autoLink(str:string) { const regexp_url = /(https?|ftp):\/\/+/g; v...
javascript 
開発 Raspberry PiへのVS Code経由のリモートSSH接続
Raspberry PiへのVS Code経由のリモートSSH接続で開発してみようと思ったのですが、結論から言うと簡単にできました。普通のサーバーへの接続と同じように設定すればいつも通りそのままつながります。ただし、古いCPUのものはできな...
開発 SSHで接続しようとするとWARNING: REMOTE HOST IDENTIFICATION HAS CHANGED が出る
ラズパイにSSH接続しようとしたらこんなメッセージが出てログインできない@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ WARNING: REMOTE HOST ID...
Laravel LaravelAdminで複数カラムのUniqueValidationを行う方法
LaravelAdminで複数カラムのUniqueValidationを行う方法がわからなかったので調査しました。前提環境は Laravel８ユーザーにタグを付与する場合を例にします。テーブル構成はこんな感じuserstagstag_use...
Laravel laravel8のUnitTestでfackerが使えない
UnitTestとFactoryを作成してテストを実行してみたらUnknown formatter "関数名" fakerというエラーになってFakerが使えなかった。作成時に利用したコマンドはこんな感じartisan make:test ...
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', ],]入れ子...
Laravel [Laravel]孫の集計を行う
Laravelで孫テーブルの集計をしたい場合は hasManyThrough を使ってリレーションを定義した上で、hasManyThroughで定義したリレーションに対してwithCount()などの集計関数を使う。具体的にはこんな感じpu...
Laravel [Laravel]WebAPIの内容がソートされていない
LaravelでCollectionでソートしたデータをJSONで返却して、JavaScriptで表示させたが、なぜかソートされていない。理由JSONオブジェクトは連想配列は順番は保証されずキー名基準になるため無意味。Collection:...
Laravel Laravelのモデルを共通化する(Scope)
Queryの共通化例えばこんなQueryがあったとして$users = \App\User::where('age', '>=', 20)->whereDate('created_at', today())->get();modelでpub...
Laravel model::update()で更新するとObserverでキャッチできない
LaravelにObserverという機能があって、モデルが作成されたり変更された時のイベントコールバックを登録することができるのですが、なぜかUpdate時のイベントがキャッチできない問題に遭遇しました。原因単一モデルじゃないとキャッチで...
Laravel observerをキャンセルする
Laravelにはobserver機能があって、Modelに書き込みが会った時のイベントをキャッチして何かやらせるということができます。CakePHPで言うところのafterSave()みたいなものですね。Observer自体は公式マニュア...
Laravel [Laravel Mix] 型定義ファイル(.d.ts)を作ったら”TypeScript emitted no output”エラーになる
環境Laravel-mix ６Vue 2.7型定義ファイルがないモジュールがあったので、@typeフォルダを作って型定義ファイルを入れてビルドしてみたが・・・Module build failed (from ./node_modules/...
開発 Vue2.7でteleportが使えない
Vue2.7でVue3の teleport使えないのか？: Unknown custom element: <Teleport> - did you register the component correctly? For recursi...
TypeScript [typescript]変数の型が何か調べたい時
プリミティブ型なのかオブジェクトなのか調べたい時は typeofでしらべるobject とか number などの文字列が返ります。オブジェクトがclassの場合は instanceof でClass判定ができる。こんな感じclass Fo...
TypeScript [TypeScript]type の 型の名称
typeで定義した変数の型の名前を取得したい場合typeof()だと、object としか出てこないがobject.constructor.nameなどとすると、型の名称まで取得できる。
TypeScript TS7053: Element implicitly has an ‘any’ type because expression of type …..
可変のオブジェクトキーの存在チェックをしたかったのだがif(requestOptions.headers && !requestOptions.headers)){ requestOptions.headers = { ...request...
TypeScript [TypeScript]オブジェクト配列にしたら型が剥がれた
Vueでこんな型を作ったtype queryOptions = {:Ref|string|number}で、こんな感じでオブジェクト内のキーと値をとってみたのだが・・・for(const key in options) { if(type...
TypeScript [TypeScript]ジェネリクス型のデフォルト
TypeScriptで呼び出し時にジェネリクスを指定しなかった場合にデフォルトで型を指定したい場合はこうするfunction hoge<T=string>(val:T)ジェネリクスを指定することも可能function hoge<T,S=T>...
Laravel Laravel adminでユーザーのパスワードを管理する
Laravel Adminを使ってユーザーの情報を管理したい場合があると思います。ただ、FormやModelが通常とは違いAdminで独自なので、前処理、後処理をどうやってけけばいいのか悩みますね。結論から言うとこんな感じにすると良いかと思...