Vue.jsの基本(8)v-ifのポイント

Vue.jsの基本(1)Vue.jsの基本的な使い方 Vue.jsの基本(2)dataプロパティについて Vue.jsの基本(3)computedとmethodsの違い Vue.jsの基本(4)監視プロパティについて V  >>続きを読む

Vue.jsの基本(7)classとスタイルのバインディング

Vue.jsの基本(1)Vue.jsの基本的な使い方 Vue.jsの基本(2)dataプロパティについて Vue.jsの基本(3)computedとmethodsの違い Vue.jsの基本(4)監視プロパティについて V  >>続きを読む

「Webサイト制作AI活用入門科」が開講のお知らせ

平成31年2月20日より開講する「Webサイト制作AI活用入門科」を担当します。 今回の講座の目玉はAI入門のカリキュラムを実施することです。データーサイエンスの基礎からディープラーニングを学習してAIの基礎力を付け、さ  >>続きを読む

AI入門〜Google Colaboratoryの使い方

Google Colaboratoryとは Colaboratoryとはgoogleが提供する教育や研究機関へ機械学習の普及を目的としたGoogleの研究プロジェクトの一つでです。 Colaboratory へようこそペ  >>続きを読む

Pythonでスクレイピング(4)Flickr APIを使って画像収集

データの収集はFlickrの写真をクローリングします。今回の内容はFlicKrのAPIを使用してプログラムから収集する方法です。 作業フローは次の通りです。 YahooアカウントでFlickrのAPIキーを取得 ファイル  >>続きを読む

CSSグリッドを可変レイアウトにする方法

CSSグリッドでレイアウトしたのはいいが、固定サイズはできたけれどもリキッドレイアウトにならないと頭を抱え込んでいませんか。 CSSグリッドは慣れると紙のデザインをやっていた人には馴染みやすいかもしれませんが、あまり細か  >>続きを読む

XAMPPやMAMPでバーチャルホストの作成

バーチャルホストとは1つのサーバで複数のドメインを運用することです。 バーチャルホストはXAMPPやMAMPでも作成することができます。 今回はXAMPPやMAMPでのバーチャルホスト作成の手順について説明します。 XA  >>続きを読む

Gutenbergで気になるポイント3〜WordPress

WP Multibyte Patchプラグインの導入 WordPress5.01になってGutenbergが採用されましたが、それと同時にプラグインのWP Multibyte Patchがデフォルトでインストールされなく  >>続きを読む

Gutenbergで気になるポイント2〜WordPress

グーテンベルグに変わってどのように活用しているでしょうか。色々問題点を挙げてグダグダ言うよりも、積極的に使って使いこなす方が良いと思っています。 「下書きへの切り替え」機能 記事を一旦公開した後に、何らか記事を更新した時  >>続きを読む

seleniumでブラウザ操作する際に出る問題〜hostsファイルが原因

seleniumはブラウザを操作するためのライブラリです。これを使うことで便利にブラウザを操作することができます。 Pythonでスクレイピング seleniumの導入とh1要素のテキストを取得する ところがある日突然ブ  >>続きを読む

Gutenbergで気になるポイント1〜WordPress

CSS Gridの導入 「ブロックをインタラクションのパラダイム (枠組み) として受け入れる」と本家がいうようにブロックでレイアウトしていくことができます。その辺の仕組みは多くのライターの人が書くでしょうからそちらを見  >>続きを読む

Pythonでスクレイピング(3)seleniumで画像収集

特定の要素を取得できるようになったら、Pythonの画像処理ライブラリ「Pillow」を使った画像の収集を行ってみましょう。 簡単な画像の読み込み方法 Jupyter notebookのファイルと同じフォルダにサンプル画  >>続きを読む

Pythonでスクレイピング(2)seleniumの使い方

seleniumとブラウザ用driverを導入します。ブラウザはChromeを使用する事とします。 情報収集するサンプルページ

seleniumを使った要  >>続きを読む

JavaScript,PHP,Pythonの型についてまとめ

JavaScriptの型 プリミティブデータ型 真偽値 (boolean) null値 (Null) 未定義 (Undefined) 数値 (Number) 文字列 (String) シンボル (Symbol (ECMA  >>続きを読む

click()の使い方〜JavaScript

jQueryでクリックイベントを設置するには、on()を使ったりclick()を使ったりします。 今回はclick()の使い方の説明です。 通常、click()は次のような記述をします。jQuery基礎で学ぶおなじみの書  >>続きを読む

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

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

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

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

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

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

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

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

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

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

Vue.jsの基本(6)親コンポーネントから子コンポーネントへデータを渡す方法

Vue.jsの基本(1)Vue.jsの基本的な使い方 Vue.jsの基本(2)dataプロパティについて Vue.jsの基本(3)computedとmethodsの違い Vue.jsの基本(4)監視プロパティについて V  >>続きを読む

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

Vue.jsの基本(1)Vue.jsの基本的な使い方 Vue.jsの基本(2)dataプロパティについて Vue.jsの基本(3)computedとmethodsの違い Vue.jsの基本(4)監視プロパティについて V  >>続きを読む

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

Vue.jsの基本(1)Vue.jsの基本的な使い方 Vue.jsの基本(2)dataプロパティについて Vue.jsの基本(3)computedとmethodsの違い Vue.jsの基本(4)監視プロパティについて V  >>続きを読む

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

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

Twitterのタイムラインをホームページに埋め込む方法〜2018年更新版

2018年夏に埋め込みタイムラインをtwitter.comのアカウント設定で管理することはできなくなりました。 代わりに、publish.twitter.comで埋め込みコンテンツを設定するようになっています。 publ  >>続きを読む

「width:100%」と「max-width:100%」の違い

今回は「width:100%」と「max-width:100%」の違いについて焦点を当ててみます。 「width:100%」について 次のサンプルを見てください。 全体を囲むdiv要素に「width: 100%」を指定し  >>続きを読む

ブレイクポイントは「em」で指定〜スマホサイト作成

メディアクエリの設定でブレイクポイントの単位を「px」で指定することが多いと思いますが、「px」で指定するとSafariで思わぬ不具合に遭遇します。 これは2016年頃に広がったネタですが、いまだにSafariでは同様の  >>続きを読む

Vue.jsの基本(3)computedとmethodsの違い

Vue.jsの基本(1)Vue.jsの基本的な使い方 Vue.jsの基本(2)dataプロパティについて Vue.jsの基本(3)computedとmethodsの違い Vue.jsの基本(4)監視プロパティについて V  >>続きを読む

Vue.jsの基本(2)dataプロパティについて

Vue.jsの基本(1)Vue.jsの基本的な使い方 Vue.jsの基本(2)dataプロパティについて Vue.jsの基本(3)computedとmethodsの違い Vue.jsの基本(4)監視プロパティについて V  >>続きを読む

CSS〜インライン要素に使えるbox-decoration-breakプロパティについて

インライン要素に対してCSSで装飾することは珍しいかもしれません。 box-decoration-breakプロパティとは、要素の断片が複数の行、段、ページに渡る場合に描画する方法を指定します。 具体的にはインライン要素  >>続きを読む