JavaScript chart.jsで描いた円グラフにラベルと値を表示する方法
chart.jsを使うと簡単にグラフが描けます。
chart.js公式ページ
ところで、どういうわけかグラフ上にラベルの表示ができないようになっています。
デフォルトの円グラフ
ラベルと値を追加した円グラフ
...
JavaScript JavaScript スプレッド演算子〜モダンなJavaScript
スプレッド演算子は...（ピリオド３つ） で記述します。スプレッド演算子を使った構文では配列では0 個以上の要素として展開され、Objectの場合に0 個以上の keyとvalueでオブジェクトを展開します。
スプレッド演算子でできる...
JavaScript Vue.jsの基本（6）親コンポーネントから子コンポーネントへデータを渡す方法
Vue.jsの基本（1）Vue.jsの基本的な使い方Vue.jsの基本（2）dataプロパティについてVue.jsの基本（3）computedとmethodsの違いVue.jsの基本（4）監視プロパティについてVue.jsの基本（5）...
JavaScript Vue.jsの基本（5）コンポーネント作成
Vue.jsの基本（1）Vue.jsの基本的な使い方Vue.jsの基本（2）dataプロパティについてVue.jsの基本（3）computedとmethodsの違いVue.jsの基本（4）監視プロパティについてVue.jsの基本（5）...
JavaScript Vue.jsの基本（4）監視プロパティについて
Vue.jsの基本（1）Vue.jsの基本的な使い方Vue.jsの基本（2）dataプロパティについてVue.jsの基本（3）computedとmethodsの違いVue.jsの基本（4）監視プロパティについてVue.jsの基本（5）...
HTML&CSS srcsetの使い方とpictureタグの使い方
今回はレスポンシブ画像の表示方法についてです。
HTML5からimgタグで複数の画像を選択できる2つの新しい属性ができました。
それは「srcset」 と 「sizes」属性です。
サンプル
具体的なコード
srcset属性の使い方
...
HTML&CSS Twitterのタイムラインをホームページに埋め込む方法〜2018年更新版
2018年夏に埋め込みタイムラインをtwitter.comのアカウント設定で管理することはできなくなりました。
代わりに、publish.twitter.comで埋め込みコンテンツを設定するようになっています。
publish.tw...
HTML&CSS 「width:100%」と「max-width:100%」の違い
今回は「width:100%」と「max-width:100%」の違いについて焦点を当ててみます。
「width:100%」について
次のサンプルを見てください。
全体を囲むdiv要素に「width: 100%」を指定しています。...
HTML&CSS ブレイクポイントは「em」で指定〜スマホサイト作成
メディアクエリの設定でブレイクポイントの単位を「px」で指定することが多いと思いますが、「px」で指定するとSafariで思わぬ不具合に遭遇します。
これは2016年頃に広がったネタですが、いまだにSafariでは同様の結果になります。
...
JavaScript Vue.jsの基本（3）computedとmethodsの違い
Vue.jsの基本（1）Vue.jsの基本的な使い方Vue.jsの基本（2）dataプロパティについてVue.jsの基本（3）computedとmethodsの違いVue.jsの基本（4）監視プロパティについてVue.jsの基本（5）...