発行
毎年恒例、今年を振り返り来年を見据える座談会をお届けします。前半となる今回は、フレームワークの動向やTypeScript、テストツール事情、そしてWeb Componentsの状況です。
デザインの考察の後編です。今回は、確認用のメールアドレス表示、登録ボタン、エラー通知部分のデザインを検討しています。どのような点に着目し、何に配慮しているかを見てみましょう。
「Atomic Design」という言葉を聞いたことがある人は多いかと思いますが、実際それがどのようなものなのか、理解しにくい部分があります。本記事ではAtomic Designについて学び、それをCSS設計に活かすにはどうしたらよいかを考えます。
発行
webpackはモジュールバンドラと呼ばれるツールのひとつです。シリーズ第一回は、webpackがどのような問題を解決しようとして生まれたツールなのか、特徴的な機能にはどのようなものがあるかを解説します。
シリーズ最終回となる本記事では、ジェネリクスや直和型といった、少し応用的な書き方を学びます。どれも、TypeScriptの特徴である型付けの利点を活かすための書き方です。
コードスタイルについて、座談会形式で話した様子をお届けします。そのメリットから、個人のルールのプリセットカスタマイズまで。大規模なWebアプリケーション開発が多くなってくる今だからこそ考えたい、コードスタイル議論です。
発行
CSSプロパティやAPIがどのブラウザのどのバージョンでサポートされているか、またそのサポートの動向を知るときに、エンジニアなら知っておきたい情報サイトを紹介し、その活用方法を解説します。
スコープに適した変数宣言を行うことを踏まえた実装や、スコープの性質を応用したJavaScriptでのプライベート変数の実装など、より実践に近い形でのスコープの活用を見ていきます。
モダンブラウザには挙動の差こそあれ実装されているパスワード保存と、そのデータを利用した自動入力機能について解説します。仕様とブラウザごとの挙動を理解してフォームを実装しないと思わぬ事故を起こすことにもなりかねません。
発行
シリーズで検討してきたUIを、実際のデザインに落とし込んでいきます。デザインはUIを含め、一連の操作をまとまったひとつの全体としてユーザーに届けるために、とても重要なものです。
今回の問題は「インクリメンタルサーチの実装」です。データ検索と処理と、input要素への入力やクリックのハンドリングといったUIを扱う処理が並存します。これらをどうわかりやすくコードにするかがポイントです。
インターフェース構文を使うと別の箇所の定義を参照できるようになり、型注釈をすっきりと書くことができます。