発行
「JavaScriptにおける静的型付け」について考える座談会をお届けします。前編ではJavaScriptで明示的な「型」が必要になってきた背景や、導入コストについて触れています。また、開発者支援のための「型」機能だけでなく、CPUの計算に最適化された型を提供するasm.jsも話題になりました。
マージンには、「マージン・コラプス」と呼ばれる特殊な挙動があり、思ったとおりに隙間が空かないことがあります。その仕組みと、それが起こる条件を解説します。
ホスティング、ビルド、デプロイなど統合的な機能を持つサービス「Netlify」は、フロントエンド開発に付随する、必要不可欠な作業を引き受けてくれます。ここではフロントエンド開発において、Netlifyを利用して得られるメリットを紹介します。
発行
CSS Gridで用いられるプロパティの値として活用できるrepeat()関数を解説します。この関数はauto-fill、auto-fitというキーワードを指定することで、グリッドトラックやグリッドアイテムで適宜、余白を埋めてくれます。
React + MobXを用いたメモアプリケーションが一通り動作するようになったところで、ストア分割、Observableのチューニングなどのリファクタリングを行います。リファクタリングの考え方、ポイントがわかります。
発表スライドや動画は、動きがある分、見る人に強い印象を与えます。数多くのスライドや動画の中から、ピクセルグリッドのエンジニアがおもしろかった、ためになった、というものを紹介します。
発行
スティッキーナビとは、ある一定の位置までスクロールしていくとナビゲーションが画面上に固定配置されるという動作のUIです。違和感のない動作になるように、注意して実装してみましょう。
前回に引き続き、さまざまなXSSのパターンを紹介していきます。今回は、正規表現による置換処理の際に生じるXSSと、外部リソースの読み込み先指定によるXSS、eval() によるXSSです。
Viewの土台が完成したメモアプリにメモの追加、削除、編集の機能を実装していきます。メモの状態をどのように管理するかと同時に、ReactとMobXの役割分担も考慮して実装を進めましょう。
発行
今回と次回の2回にわたって、XSSのさまざまなパターンを紹介します。まずはjQueryの$()のオーバーロードによるXSSと、javascript:スキームのURLによるXSSです。
1回目につくった土台のView部分をmobx-reactというバインディングライブラリを使って置き換えていきます。Reactのコンポーネントをobserver()でラップすることで、値の変更があると、Viewを更新するという仕組みが構築できます。
2016年にCodeGridで連載された「これからのグリッドレイアウト」の続編です。前回紹介できなかったトピックのひとつmixmax()関数。これをプロパティの値にを使うと、レスポンシブな画面に対応することができます。