HTML/CSS
ファイルを選択するボタンの画像やスタイルを設定する方法＜input type=”file”＞
input要素において、「確認する」ボタンを ＜input type = “image”＞ でsrc属性に画像のパスを設定すると、「確認する」ボタンを画像に設定することができます。 しかし、ファイ […]
HTML/CSS
HTML/CSS
【JavaScript】非同期処理と処理の順番について【初心者・入門】
JavaScriptは同期的でシングルスレッドの処理で実行されていますが、非同期処理が可能な言語です。ここでは、非同期処理と同期処理・スレッドについてまず説明し、その後処理の順番について説明していきます。 同期処理と非同 […]
Access
【Access】無作為抽出（ランダム・サンプリング）[Rnd,VBA他]
今回は、Access無作為抽出の方法をいくつかご紹介します。 無作為抽出とは、ある母集団から、ランダム（無作為）にサンプルを抽出する方法です。使う状況でいえば、例えば企業の市場リサーチを目的としたアンケート等がありますね […]
HTML/CSS
【Bingo Game】JavaScriptでビンゴカード作成【サンプル付】
こんにちは。今回はJavaScriptを使ってビンゴカードを作成してみました。Jqueryも使用していますので、ご注意ください。 HTMLの設定 まずは、枠作りのHTMLからです。 ビンゴカードの枠と作成用のボタンを設定 […]
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関数の使い方を説明していきます。 デバッグについて まずは「デバッグ」につ […]