HTML/CSS
JavaScriptを使ってビンゴカードを作成してみた
こんにちは。今回はJavaScriptを使ってビンゴカードを作成してみました。Jqueryも使用していますので、ご注意ください。 HTMLの設定 まずは、枠作りのHTMLからです。 ビンゴカードの枠と作成用のボタンを設定 […]
HTML/CSS
HTML/CSS
object-fitをIEに対応させる方法【object-fit-imagesライブラリ】
前回まで、CSSのobject-fit、object-positionプロパティの使い方をご紹介しました。ただし、前回までの記事でも記載したように、このプロパティはIEには対応しておらず、別途対応する必要があります。今回 […]
HTML/CSS
【CSS】img要素の画像の配置を設定する方法【object-position】
前回はCSSで「object-fit」プロパティを使って、img要素などの置換要素に対してコンテンツをどのようにはめ込むかを設定しました。よければこちらの記事もご覧になってください。 今回は置換要素に対して、コンテンツを […]
HTML/CSS
【CSS】img要素の縦横比を固定する方法【object-fit】
画像の縦横比を固定する方法で、cssに「object-fit」プロパティで「cover」を設定することにより、画像の縦横比を固定したまま指定のサイズで画像を配置することができます。他にも「object-fit」プロパティ […]
JavaScript
【JavaScript】console.logでフォーマット文字列を使ってデバッグしてみよう
こんにちは。前回はconsole.log関数を使って、基本的なデバッグ方法をご紹介しました。詳しくは良かったらこちらの記事をご覧ください。 今回は、%s, %d, %f, %oなどのフォーマット文字列を使って変数でデバッ […]
Web制作
【WordPress】記事を新規複製できるプラグイン【Duplicate Post】
こんにちは。ワンクリックで記事を新規複製ができる操作ができると便利だと思いませんか？今回はそんなことができるプラグイン、Duplicate Postを紹介します。 プラグインのインストール まずはプラグインをインストール […]
JavaScript
【JavaScript】デバッグ中に値を確認してみよう！【console.log】
皆さん、プログラム中にデバッグをしていますか？今回は基本的な方法でブラウザでコンソールウィンドウを表示させ、デバッグできる、console.log関数の使い方を説明していきます。 デバッグについて まずは「デバッグ」につ […]
HTML/CSS
【HTML5】Canvasとは？使い方の紹介、入門編(1)
皆さんCanvasを使用したことはありますか？今回はCanvasを使って、2Dの簡単な図形を描画する方法を紹介していきます。 Canvasとは？ Canvasとは、HTML5から追加された2Dの図形を描画するための技術で […]
Web制作
【WordPress】パンくずリストを表示させよう【Yoast SEO】
こんにちは。皆さん、パンくずリスト（Breadcrumbs list）は表示させていますか？今回は、パンくずリストの説明と実際の設置方法について、ご紹介します。 パンくずリストとは？ パンくずリストはWebサイト内で自分 […]
python
【Python】環境構築方法
今回はPythonの環境構築について、ご紹介いたします。まずは構築に伴い環境周りのご説明をいたします。 開発環境 開発環境はこちらの表のとおりです。もちろんMac、Linuxでも導入できるようです。Python、VSCo […]