先日から開始したドットインストールの「JavaScriptで文字数チェッカーを作ろう」の学習が終了しました。
数日かかっていますが、実際は１日で一気に学習してしまいました。先日途中まで学習したのですが寝てしまい（苦笑）、今日また最初から動画を見直した次第です。
「JavaScriptで文字数チェッカーを作ろう」を学習してみて
まず思ったのは、これはいつものことなのですが、全８回という短いレッスンで、１つのまとまったプログラムを解説しながら作るということに感心させられます。私も大規模なものではなく、小さいながらもそれなりに実用できる、このくらいの小さなプログラムを沢山作ってみたいと思っています。
今回のレッスンでは、Textareaとボタンを作り、そのTextareaに入力された文字数のチェックをしていきます。まず参考になったのはTextareaのスタイリングです。私は今までフォーム周りのスタイリングはほとんどしてきませんでしたが、CSSでかなりいじれるようですね。今回のレッスンを見て、会社のWebサイトで使っているフォームももう少し見やすく使いやすいスタイルに変更しようと思いました。
また、文字数チェッカーの核となる部分は、設定された文字数からTextareaに入力された文字数を取得し減算し、残り文字数を表示するというシンプルなものです。シンプルではありますが、私は全くこの方法を思いつくことができず、動画を見ていて納得、目からウロコでした（苦笑）。
Textareaで現在何文字入力されているかをリアルタイムにチェックするという機能は、文字数チェッカー以外にも応用できそうです。今後参考にしていきたいと思います。
最後に
ドットインストールのJavaScriptレッスン、とても楽しいです。今後も無料レッスンを続けていき、すべて学習したら有料会員になって全てのレッスンにチャレンジしてみたいと思います。
