Vol.346

Embrace the Platform Jump to heading #

プラットフォームを活かす Jump to heading #

JavaScriptですべてを実装しようとする昨今のフロントエンドの傾向に対して、JavaScriptを使用しないプラットフォームを活かした実装方法を推奨している。この記事ではその利点を紹介していく。HTML、CSS、JavaScriptの順で可能な限り単純な実装にすること、プログレッシブエンハンスメントを念頭に置いて実装することで、より壊れにくいサイトを構築することができると指摘している。

Working With Web Feeds: Its More Than RSS Jump to heading #

Webフィード実装のベストプラクティス Jump to heading #

Google Chromeはサイトのフォローの機能を実験している。この機能ではWebサイト側はRSSを提供することで、最新のコンテンツをユーザーに届けることができる。この記事では、昨今こういった事情によりRSSフィードへの関心が高まっていることを紹介しながら、具体的にRSSにはどのような形式があるのか、どのように実装するべきなのかなどについて解説をしていく。

Three Foundational IA Concepts Jump to heading #

3つの基本的なIA概念 Jump to heading #

IAを作成するために理解しなければならない3つの概念についての紹介を行う。

• 区別: 要素感の区別を明確にする
• 関係: 要素感の関係によって意味が変わることを考慮するべき
• パターン: パターン認識されることを考慮するべき

mess with dns Jump to heading #

DNSレコードの設定を試すことができるWebアプリ。DNSの基本の設定方法から、実際によくある設定方法、変わった設定方法を行ったときにどのような挙動になるか、などをチュートリアル形式で学ぶ事ができる。

SVGcode: a PWA to convert raster images to SVG vector graphics Jump to heading #

Thomas氏はラスタ画像をSVGにするアプリをPWAで作成した。この記事では、このアプリの説明とそれに使用されているAPIを解説しながらPWAがOSと調和して動作することについて強調して解説している。

In Brief Jump to heading #

• Using WebAssembly (created in Rust) for Fast React Components: Reactのコンポーネントを高速化するために、WebAssemblyを使った方法を紹介

• Where do you put spacing on design system components?: デザインシステムにおいてスペースをどのように扱うかについて考察する

• Day 6 Following the Unix philosophy without getting left-pad: UNIXの哲学を実際のプログラミングにどのように適用できるのか

• Reduce Your Websites Environmental Impact With a Carbon Budget: Webサイトの二酸化炭素排出量を計測する方法とそれを改善するためのアイディアを紹介している

• Running an Effective Design Kickoff Meeting: 優れたプロジェクトキックオフミーティングを行うためのアイディアを紹介している