はじめに
Chart.js (vue-chartjs) でツールチップの表示位置を変更する方法
TL;DR
Chart.Tooltip.positioners
に{ x, y }
で表示位置を返却する関数を追加options.tooltips.position
に追加したkey
を指定
Chart.js (vue-chartjs) でツールチップの表示位置を変更する方法
Chart.Tooltip.positioners
に { x, y }
で表示位置を返却する関数を追加options.tooltips.position
に追加した key
を指定Vue でローソク足(OHLC)チャートをプロットする方法。
npm i chart.js vue-chartjs vue-chartjsfinancial
でインストールfrom 'vue-chartjs-financial'
で import
するのが安全そうSimonwep/pickr でカラーピッカー(Color Picker)を作成する方法
NPM でインストール可能なカラーピッカー(Color Picker)について調べたので簡単にメモ。
mailto
スキームについて調べたので、mailto
リンクを使って 宛先(To)/CC/BCC/件名(Subject)/本文 を指定する方法を簡単に整理した。
cc
, bcc
, subject
, body
で CC/BCC/件名/本文 を設定可能,
区切りnew URL('mailto:to@example.com')
を使うと楽cc
などは searchParams.set()
で設定toString()
でエンコードもやってくれるCordova Android アプリのビルド時に This project uses AndroidX dependencies, but the 'android.useAndroidX' property is not enabled. Set this property to true in the gradle.properties file and retry.
のエラーとなる場合の対処方法。
platforms/android/gradle.properties
を修正するbefore_compile
フックを使うと良いconfig.xml
に追加npm run cordova-serve-android
を使う場合は after_prepare
フックも設定1 |
|
Laravel で Vue を使うときに実施したことなどのメモ。
以下について簡単に整理した
Instagram の画像だけ表示する(埋め込む)方法。
Instagram の投稿を普通に埋め込むと以下のように表示されるが、これの画像だけ表示したいという話。
JavaScript, HTML が分かる人向け。あと、Post ID(https://www.instagram.com/p/CCCxoXvBX0_/
の CCCxoXvBX0_
部分)が予め分かっている、という前提条件あり。
通常の Instagram の投稿埋め込みについては Instagram の埋め込みコードに関する調査メモ を参照
GET https://api.instagram.com/oembed/?url=https://instagram.com/p/xxxx
thumbnail_url
を使えば OK