最新版で学ぶwebpack 4入門 - JavaScriptのモジュールバンドラ

みなさん、エントリーフォームを制作する際、どのような施策をおこなっていますか？　コンバージョン率をあげるために、入力項目を見直したり、入力ステップを明確にしたりなど、ユーザーがストレスを感じないように入力フォーム最適化（EFO対策 = Entry Form Optimization）をおこなっていると思います。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。

JavaScriptでコードを記述する際、配列の各要素について処理をするケースは頻出します。開発の現場で配列操作の処理を見ていると、次のようなケースがよくあります。 - filter()やevery()など配列のメソッドで処理を簡潔に書けるのに、forEach()メソッドやfor ... of文の冗長なコードを書いている- 書いても意味のないArray.from()を使っている コード的には問題なく、アプリケーションは意図的に動作しているかもしれません。しかし、冗長な処理は可読性が低下し、予期せぬバグを誘発し、開発現場に混乱をもたらします。

Vue.jsでCSSを利用する際にScoped CSSやCSS Modules、CSS-in-JSなどの手法があります。とくにScoped CSSは気軽に利用できるため、利用する機会も多くなって来るかと思います。 Scoped CSSがあればCSS設計を使わなくてもよいという意見もありますがはたして本当なのでしょうか？ ICSではScoped CSSにおけるCSS設計に関する議論が活発におこなわれており、本記事では私たちが考えた方式を紹介します。本記事はVue.jsのSFC（シングル・ファイル・コンポーネント）でScoped CSSを利用しているものを想定しています。