HTML/CSS
【JavaScript】アナログ時計を表示してみた
こんにちは。先日JavaScriptでカウントダウンタイマーを作成してみました！詳しくはこちらをご欄ください。 今回はDateオブジェクトを使用して、アナログ時計を作成してみました。良かったら試してみてください。 HTM […]
HTML/CSS
JavaScript
【JavaScript】変数について【var let constの違い】
こんにちは。変数の宣言で皆さん、var、let、constそれぞれどの状況で使用していますか？私自身、特にvarとletについては良く分からなかったので、今回を機に調べてまとめてみました。良かったら参考にしてください。 […]
JavaScript
【JavaScript】簡単に文字をカーブ状に配置するプラグイン【Arctext.js】
文字をカーブさせるためには、CSSやJavaScriptで一から作成するのはかなり難しいです。今回は、JavaScriptのプラグインを使って、簡単に文字をカーブ状に配置する方法をご紹介します。 プラグインの設定 Arc […]
JavaScript
JavaScriptでカウントダウンタイマーを作ってみた
こんにちは。今回はJavaScriptでカウントダウンタイマーを作成してみました！オリンピックやワールドカップ、お正月のタイマーとしても使えますね！今回はシンプルなスタイルで作成していますが、派手なスタイルにしても面白い […]
JavaScript
JavaScriptを使ってビンゴマシンを作成してみた
こんにちは。前回はJavaScriptを使って、ビンゴカードを作成してみました。 今回はビンゴマシンを作成してみましょう！ HTML まずはHTMLを作成しています。divのwrapperで全体的に囲み、・ルーレット d […]
HTML/CSS
＜input type=”file”＞で読み込んだ画像を表示させよう【JavaScript】
前回は、＜input type = “file”＞で選択するボタンの装飾について説明しました。詳しくは、こちらをご覧ください。 今回はinput要素で読み込んだ画像を表示させてみようと思います。そ […]
HTML/CSS
ファイルを選択するボタンの画像やスタイルを設定する方法＜input type=”file”＞
input要素において、「確認する」ボタンを ＜input type = “image”＞ でsrc属性に画像のパスを設定すると、「確認する」ボタンを画像に設定することができます。 しかし、ファイ […]
HTML/CSS
【JavaScript】非同期処理と処理の順番について【初心者・入門】
JavaScriptは同期的でシングルスレッドの処理で実行されていますが、非同期処理が可能な言語です。ここでは、非同期処理と同期処理・スレッドについてまず説明し、その後処理の順番について説明していきます。 同期処理と非同 […]
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には対応しておらず、別途対応する必要があります。今 […]