2019年10月の記事一覧
「HTMLElementに存在しない」エラーを解消（TypeScript）
チェックボックスがチェックされているかどうか、を
TypeScript側でキャッチしようとしたところ、
エラーでストップ…。
「HTMLInputElement」というHTMLElementを継承したインターフェースには
valueプロパティが存在するので、これを利用すれば良い、ということで
修正…。
HTMLElementインターフェースのドキュメント
https://developer.m
jQueryを使う（jQuery）
Webデザイン技能検定２級の受験勉強にあたって、
実技試験で「jQuery（JavaScript）＋ HTML ＋ CSS」を使った
アニメーション付きのバナー作成問題が出題されるということで
・flash／Dreamweaverを使ったアニメーションファイル作成
・jQueryを使ったアニメーションファイル作成（.html）
の２択から後者を選択することに。
（１）jQueryをダウンロ
自動切り替えバナーの作成（jQuery）
Webデザイン技能検定２級の受験勉強用に、
画像が自動で切り替わるバナーを作った時の備忘録。
（１）htmlファイルを記述<!DOCTYPE html><html language="ja"><!-- 文字コードセット --><meta charset="utf-8"><!-- ヘッダ情報 --><head> <!-- jQuery情報 --> <script type="text/ja
Replace置換処理（JavaScript）
いつもコケる、replace( )処理について…。
テキストボックス（TodoList.index）に入力された内容のうち、
空白文字のみは警告メッセージを表示して
Return falseする仕組みを作る。
if ( (this.TodoList.index.replace(/ /g, '')).replace(/ /g , '') === '') { alert('内容を入
ブラウザデバッグ（Angular）
ブラウザでデバッグするのにどうやるのか分からなかったので、メモ。
①Chrome上で右クリック → 「検証」メニューを開く
②「Source」タブの「webpack://」配下に…
いた！
ここにブレイクポイントを立てると、OK。
【出典】
「lowercase」警告の解消（VSCode）
Angularを使って書いたHTMLソース内で「ngModel」を記載すると、
「小文字で書きなさい」的な警告文が出ている。
（一応、警告を無視しても正しく動作する。）
「[(ngModel)]」を「[(ngmodel)]」として書きなさい、ということなんだけれど
いや、小文字にするとコレ動かないし。
ということで、プラグインに「小文字にしなさい」を
「false」設定にする一文を追記。
双方向データバインディング（Angular）
まだまだ全然分かっていないけれど、双方向データバインディング（ngModel）をやってみたいと思ったのでggりながら実装。
今回は、Input要素に入力した内容を画面に反映する
仕組み。
（完成形は、TodoListとして使えるように入力内容を
画面にどんどん追加表示したい。）
１）tsファイルへインポート情報を追記双方向データバインディングのために「app.module.ts」ファイルに