Nuxt.jsでTypeScriptを使用した際、Webpackでよくやるimportエイリアスを適用したかったのでやってみました。 TypeScriptコンパイル時のエイリアスルールを設定 先ずはコンパイル時に怒られないよう tsconfig.ts にエイリアスを設定します。 tsconfig.ts { "…

yarnでインストールしたパッケージキャッシュを全て削除する場合、下記のコマンドを実施すればOK。 $ yarn cache clean 削除するパッケージキャッシュを指定する場合は以下。 $ yarn cache clean nuxt なお、キャッシュされているyarnパッケージは、記コマン…

Hikari CPの本家Githubで良Wikiを見つけたのでメモ。 github.com コネクションプールの接続プール数は、以下の式で導出した数を初期値に調節していくのが良いとのこと。 プール数 = CPUコア数 * 2 + スピンドル数 スピンドル数は、HDDなどディスク型ストレー…

VueのUIフレームワークVuetifyでは、テキストボックスである v-text-field に値削除ボタンを表示するオプションが clearable が指定できるのですが、この仕様が少し気になったのでメモします。 v-text-field に適当な文字列プロパティをバインドし、フォーム…

Spring SecurityでCORSを使用した設定を行う方法を紹介します。 Spring Securityを導入することで、Springアプリケーションに手軽に認証・認可を仕組みを設定することができますが、認可の一環としてCORSの設定も行うことができます。 例えば、以下のような …

Springアプリケーション内で発生する例外をSpring AOPでハンドリングする方法を紹介します。 ある特定の例外を別の例外として再スローするシーンがたまにあるのですが、SpringではこのようなときにAOPによる横断的な例外キャッチを使うと便利です。 例えばDD…

jQueryと同様に、Vueコンポーネントへハンドル可能なイベントを登録する組み込みのメソッド $on は、同一イベントに対し複数回ハンドラ登録を行うと、その全てがハンドラとして有効になります。 function hello () { console.log('hello.'); } function yee …

一般に、Vueで親コンポーネントから子コンポーネントへのプロパティ操作を行う場合、親コンポーネントの値を子コンポーネントにバインドします。 では子コンポーネントのメソッド操作を行う場合はどうするかというと、直接的には $refs を通して子コンポーネ…

Vue + Typescript + vue-property-decoratorでコンポーネントをクラス宣言的に記述する際、data はクラスのインスタンス変数として定義し、 method はクラスのメソッドとして記述できます。 <template> <p v-for="(b, i) in books" :key="i">{{b.name}}</p> </template> <script lang="ts"> import { Component, Vue } from 'nuxt-property-de…

親コンポーネントから子コンポーネントへデータを受け渡す手段として props を使用できます。 これは非常にベーシックかつ便利な手段で、動的なデータであっても親コンポーネントの変更があれば子コンポーネントにその状態変化を伝えることができます。 （た…

Spring Initializrで生成したばかりのSpring Bootプロジェクトからアプリを実行すると、Component Scanの対象となるパッケージがデフォルトでトップレベルから実行されていることがわかります。 これは、下記の様な @SpringBootApplication アノテーションが…

@AuthenticationPrincipal Spring Securityでは、セッションユーザ情報をシンプルに取得できるアノテーション @AuthenticationPrincipal が存在します。 （Javadocより） メソッドのパラメーターまたはメソッドの戻り値に Authentication.getPrincipal()をバ…

Cloud Foundly上のアプリケーションログをLogDNAに転送し、可視化してみます。 1. LogDNAのSyslogパスを取得する LogDNAダッシュボードに移動し、「All Apps」->「Add apps」->「syslog」をクリックします。 するとSyslogのパスが表示されるので、これをコピ…