はじめに
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/xxxxthumbnail_url を使えば OKCordova iOS アプリ, Android アプリで Twitter Timeline の埋め込みを実現する方法。
config.xml に <allow-navigation /> を追加1 | <allow-navigation href="https://*twitter.com/*" /> |