HTML5プロフェッショナル認定試験レベル１の学習について
はじめに 前回に引き続き、HTML５の学習に関する記事になります。 前回の記事はHTML５やCSSの記述で実際に画面上で動きを確認する場合に便利だったツールを紹介しています。 記事はこちら ⇒ https://bsblo…
続きを読む →カテゴリー: HTML/JavaScript
Angular Materialのダイアログを画面内でのみ移動できるようにする
はじめに Angular Materialの公式サイトにドラッグで移動できるダイアログのサンプルがありますが、 こちらのサンプルはダイアログを画面外に移動できてしまいます。 公式サイトのサンプルは以下のリンクから項目「A…
続きを読む →HTML学習中にVSCodeの拡張機能が役に立ったお話
はじめに 個人的にHTML5プロフェッショナル 認定試験の学習をしており、 使ったことのないタグやタグの使い方についてをイメージするときに テキストのみだと理解に時間がかかったりどんな画面表示されるのかイメージしにくい時…
続きを読む →Angular Materialのセレクトボックスにフィルタリング機能を付ける
はじめに Angular Materialで用意されているセレクトボックスにはフィルタリング機能がありません。 しかし、カスタマイズをすることで簡単にフィルタリング機能を付けることができます。 今回はその一例をご紹介した…
続きを読む →EventEmitter利用時のExpressionChangedAfterItHasBeenCheckedErrorの暫定的回避法
はじめに Angularでの開発中、ngIfでExpressionChangedAfterItHasBeenCheckedErrorが発生する現象に遭遇しました。 こちらの原因と暫定的対応案に関しての記事になります。 発…
続きを読む →Angular Materialのツリービューをキー操作できるようにカスタマイズする
はじめに Angular Materialで用意されているツリービューは、デフォルトでキー操作ができないため、自分でカスタマイズする必要があります。今回は矢印キーでツリービューを操作するための一例をご紹介したいと思います…
続きを読む →Electronで作成したアプリをIntelliJ IDEAでデバッグする
はじめに Electronで作成したアプリをIntelliJ IDEAでデバッグするための設定をご紹介したいと思います。 本設定をすることで、Electronのメインプロセス、レンダラープロセス共にIntelliJ ID…
続きを読む →セレクトボックス内を検索できるjQueryプラグイン「Select2」
開発中、セレクトボックスのリスト内の件数が100件を超えてしまい、目で探すには非常に大変になってしまいました。 そこで、セレクトボックス内を検索できるプラグインはないものかと探してみたところ、便利なjQueryプラグイン…
続きを読む →郵便番号を入力すると住所が自動入力されるJavaScriptのライブラリの紹介
今回は、Webアプリケーションの入力フォームで、郵便番号を入力しただけで住所が自動入力されるJavaScriptのライブラリをご紹介したいと思います。 ライブラリの名前は、yubinbangoです。そのままですね。もとも…
続きを読む →非同期通信(Ajax)を使わず、セレクトボックスのリストを動的に変更する
はじめに 開発をしている際に、以下のような要件が出てきました。 ①セレクトボックスを3つ使う（以下ボックスA、ボックスB、ボックスC）。 ②ボックスA以外のセレクトボックスのリストは最初は空。 ③ボックスAを変更したらボ…
続きを読む →