JavaScript

v-data-table使用時に、スクロールで複数列を固定したい場合はありませんか。 ヘッダーの行を固定するのはfixed-headerで簡単に可能ですが、複数列固定を行う方法は手軽な方法がなかなか見つかりません。

Vuetifyを使用していて、リンクを作成したい場合はありませんか？ しかし、折角Vuetifyを使っているのにaタグを用いてリンクを作成したくはないですよね。 この記事では、Vuetifyのv-btnを使ってリンクを作成する方法を紹介します。

オブジェクトのプロパティにアクセスする際、そのプロパティが存在しない場合でもエラーが発生せずに安全に処理を続けることができます。 オプショナルチェーンを使うことで存在しないプロパティにアクセスしてもエラーが発生せず、undefinedが返されるようになります。

v-textareaを使用する際に改行されたことを分かりやすくする方法に関して、画像を加えながら説明します。 auto-grow をv-text-area内に記述することで、textareaのサイズを自動的に大きくすることが可能です。

TypeScriptを使っていて、型定義ファイルの扱いをどのような構成にするか悩む場面があるかと思います。 今回は、そのような場面で役立つindex.ts(バレル)を使用した整理方法を説明します。

v-text-fieldで数値を入力したいケースで、文字列型に暗黙的に変換される場合があります。 この記事ではその解決方法に関して説明します。

Vuetifyを使っていて、v-selectの中身を変更したい時ってありませんか？ 一部強調したい文字があったり、選択させたくないものがあったり、色々あるかと思います。 そのような要望に応えてv-selectをカスタマイズする方法を記載します。

Nuxt.jsでファイルをビルドした際に、途中でメモリが不足してエラーとなり止まってしまう現象が発生しました。 package.jsonの"build"に、ヒープのメモリ容量を設定する--max_old_space_sizeのオプションを入れることで解決しました。