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