HTML&CSS

Pythonでスクレイピング(1)seleniumの導入とh1要素のテキストを取得する

スクレイピングとは クローラーとスクレイピングは似たようなことをするので混同されてしまいますが、大きく違いがあります。 クローラーとは自動的にWebページの情報を収集して回るプログラムのことをいいます。そしてスクレイピングは、やはり自動的にWebページの情報を収集して回りますが、それに留まらずに収集  >>続きを読む

chart.jsで描いた円グラフにラベルと値を表示する方法

chart.jsを使うと簡単にグラフが描けます。 chart.js公式ページ ところで、どういうわけかグラフ上にラベルの表示ができないようになっています。 デフォルトの円グラフ ラベルと値を追加した円グラフ ラベルと値を追加するにはプラグインを使います。プラグインはどこからか持ってくるのではなく、自  >>続きを読む

スプレッド演算子〜モダンなJavaScript

スプレッド演算子は…(ピリオド3つ) で記述します。スプレッド演算子を使った構文では配列では0 個以上の要素として展開され、Objectの場合に0 個以上の keyとvalueでオブジェクトを展開します。 スプレッド演算子でできること 配列の展開 配列の展開は次のようにします。 cons  >>続きを読む

Vue.jsの基本(5)コンポーネント作成

Vue.jsの基本(1)Vue.jsの基本的な使い方 Vue.jsの基本(2)dataプロパティについて Vue.jsの基本(3)computedとmethodsの違い Vue.jsの基本(4)監視プロパティについて Vue.jsの基本(5)コンポーネント作成 Vue.jsの基本(6)親コンポーネン  >>続きを読む

Vue.jsの基本(4)監視プロパティについて

Vue.jsの基本(1)Vue.jsの基本的な使い方 Vue.jsの基本(2)dataプロパティについて Vue.jsの基本(3)computedとmethodsの違い Vue.jsの基本(4)監視プロパティについて Vue.jsの基本(5)コンポーネント作成 Vue.jsの基本(6)親コンポーネン  >>続きを読む

srcsetの使い方とpictureタグの使い方

今回はレスポンシブ画像の表示方法についてです。 HTML5からimgタグで複数の画像を選択できる2つの新しい属性ができました。 それは「srcset」 と 「sizes」属性です。 サンプル 具体的なコード <img srcset="img/train1_small.jpg 300w  >>続きを読む