技術ブログ

プログラミング、IT関連の記事中心

JavaScriptで一定時間後に処理を実行する方法(setTimeout)

目次 はじめに 一定時間後に処理 はじめに 本記事では、一定時間後に処理を実行する方法を記載します。 ボタン押下したX秒後に処理を行うなどの場合に使用することができます。 一定時間後に処理 以下が、サンプルボタンです。 押下する事で、5秒後にダイア…

HTMLとJavaScriptでプログレスバーの実装(progress)

目次 はじめに プログレスバー はじめに プログレスバーとは、ダウンロードや何らかの処理の進捗を表示するバーのことです。 ゲームのインストール中などによく表示されます。 ここでは、HTMLの標準のprogressタグを使用して、プログレスバーの表示と進捗変…

JavaScriptで入力ダイアログを表示する方法(prompt)

目次 はじめに 入力ダイアログ 入力ダイアログに初期値を設定 入力ダイアログの入力結果取得 はじめに ダイアログには様々な種類があります。 通常のダイアログ(alert)と、YesかNoかを選択させるダイアログ(confirm)と、入力を受け付けるダイアログ(pro…

JavaScriptで確認ダイアログを表示する方法(confirm)

目次 はじめに 確認ダイアログ 確認ダイアログのボタン押下結果を確認 はじめに ダイアログには様々な種類があります。 通常のダイアログ(alert)と、YesかNoかを選択させるダイアログ(confirm)と、入力を受け付けるダイアログ(prompt)などがあります。…

JavaScriptでアラートダイアログを表示する方法(alert)

目次 はじめに アラートダイアログ はじめに ダイアログには様々な種類があります。 通常のダイアログ(alert)と、YesかNoかを選択させるダイアログ(confirm)と、入力を受け付けるダイアログ(prompt)などがあります。 本記事では、通常のダイアログ(al…

HTML/CSSで入力項目のプレースホルダーの文字色を変更する方法

目次 プレースホルダーの色を変える方法 特定のテキストフィールドのプレースホルダーの文字色を変更する方法 プレースホルダーの色を変える方法 以下のようにCSSを定義する事でプレースホルダーの色を変える事ができます。 ::placeholder { color: orange; …

HTMLでオートコンプリートを無効化する方法(autocomplete)

目次 自動補完(オートコンプリート)とは 自動補完(オートコンプリート)の無効化 Chromeでの自動補完(オートコンプリート)の無効化 自動補完(オートコンプリート)とは ログイン画面などでよくある、メールアドレスやパスワードなどが自動で入力される…