2018-11

HTML&CSS

object-fitプロパティとobject-positionプロパティを活用した正円形の画像表示

CSSのborder-radiusプロパティを使用すると簡単に角丸を作成することができます。 border-radiusプロパティの使い方は MDN web docs ページを参考にしてください。 border-radiusプロパテ...
lecture

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

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

ajaxやfetch、axiosをPOSTでAPI接続する方法〜リクルート A3RTのTalk APIを取得例

ajaxやfetch、axiosなどでAPI接続するための方法をリクルートのA3RTで試しました。 getなら比較的簡単に取得できますが、post指定の場合はちょっと難易度が上がります。参考にしてください。 今回はリクルート A3R...
JavaScript

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

chart.jsを使うと簡単にグラフが描けます。 chart.js公式ページ ところで、どういうわけかグラフ上にラベルの表示ができないようになっています。 デフォルトの円グラフ ラベルと値を追加した円グラフ ...
JavaScript

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

スプレッド演算子は...(ピリオド3つ) で記述します。スプレッド演算子を使った構文では配列では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...
スポンサーリンク
タイトルとURLをコピーしました