はじめに
Vue でローソク足(OHLC)チャートをプロットする方法。
TL;DR
npm i chart.js vue-chartjs vue-chartjsfinancial
でインストール- JS ファイルと Vue ファイルに分けて実装するのが良い
- リアクティブにグラフを更新できる (癖があるので注意)
- 全部
from 'vue-chartjs-financial'
でimport
するのが安全そう - 細かい設定は chart.js 本家のドキュメントを参照
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
を使えば OKCordova iOS アプリ, Android アプリで Twitter Timeline の埋め込みを実現する方法。
config.xml
に <allow-navigation />
を追加1 | <allow-navigation href="https://*twitter.com/*" /> |