テストピラミッド万歳 | POSTD

2024/02/28 207 users

クイックサマリー：「テストピラミッド」は、自動テストをUI、サービス、ユニット単位に整理することで、開発に自動テストを組み込む方法を示すために作成されました。2012年に定義されて以降、このモデルは次第に使われなくなってきたように思いますが、本当に廃れてしまったのでしょうか。この記事では、最新のテスト... 続きを読む

フロントエンドパフォーマンスのチェックリスト2021年版（PDF、Apple Pages、MS Word）-後編 | POSTD

2023/07/24 14 users 後編 フロントエンドパフォーマンス PDF MS Word

目次＃ 前編 準備段階：計画と指標 パフォーマンスを重視する文化、Core Web Vitals、パフォーマンスのプロファイル、CrUX、Lighthouse、FID、TTI、CLS、端末。 現実的な目標の設定 パフォーマンスバジェット、パフォーマンス目標、RAILフレームワーク、170KB/30KBバジェット。 環境の定義 フレームワークの選択、パフォ... 続きを読む

既存のバンドラの手法は間違っている | POSTD

2023/01/31 6 users アプリケーションコード 既存 手法 パンドラ 遅延

最近のバンドラは、アプリケーションコードのどの部分をいつ遅延読み込みするかを開発者が決めなければなりません。 開発者は以下のように、コードベースにdynamic importを挿入することによって、遅延読み込みをする場所とタイミングを決定します。 async function doSomething() { const chunk = await import('./my-c... 続きを読む

HTMLを最初に、JavaScriptを最後に：Webを高速化する秘訣 | POSTD

2022/12/23 8 users HTML 秘訣 最初 最後 web

すべてのフレームワークはステートを保持する必要があります。フレームワークはテンプレートを実行することでステートを構築します。ほとんどのフレームワークは、このステートをリファレンスやクロージャとしてJavaScriptヒープに保持します。Qwikのユニークな点は、ステートが属性としてDOMに保持されることです（リフ... 続きを読む

Qwikの紹介 – HTMLファーストのフレームワーク | POSTD

2022/11/24 97 users Qwik ビジュアルエディタ angular フレームワーク

Builder.ioは、強力なビジュアルエディタにより、開発者ではない人が超高速なサイトを開発・編集できるようにしています。 私たちのビジュアルエディタが優れている点の1つは、AngularからWeb Components、 そしてその間にあるすべてのフレームワークに至るまで、 さまざまなツールで同じサイトを生成できることです。 ... 続きを読む

クロージャによる死（とQwikによる解決方法） | POSTD

2022/11/24 11 users クロージャ Qwik フレームワーク 前提 設計思想

世界中にQwikを紹介した前回の記事では、 多くの要素についてざっと触れるに留まり、詳細については後で説明するとお約束していました。 Qwikとその背景にある設計思想を知る前に、まず私たち（業界）が現在の場所までどのようにたどり着いたかを理解しておくことが重要です。 現代のフレームワークはある前提のもとに成... 続きを読む

人材マネジメント🤯 | POSTD

2022/10/14 345 users 人材マネジメント

初めて会社を起業する人のほとんどは、集団をマネジメントする方法を学ぶ間に、創業当初の従業員を燃え尽き症候群にさせてしまうと思います。 筆者のアドバイスがそのようなケースを減らせるなら、ここに書いておく価値があるでしょう。 筆者は小規模なチームやスタートアップ企業のマネージャーのためにこの記事を書き... 続きを読む

変化するフロントエンドエンジニアの役割。「モダンフロントエンド」開発組織のつくりかた | POSTD

2022/09/12 18 users モダンフロントエンド フロントエンドエンジニア 役割

by 古川陽介 POSTD読者の皆さんはじめまして、本メディアでキュレーターを担当させていただいている古川陽介と申します。 株式会社ニジボックスでデベロップメント室室長を務める他、株式会社リクルートでプロダクト開発部署のマネージャーも兼務しています。 また、Japan Node.js Associationの代表理事として、Node.js... 続きを読む

モダンWebにおけるキャッシングのための新HTTP標準 | POSTD

2022/08/31 14 users キャッシング モダンWeb

一般ユーザー向けの大規模なWebサイトや、モダンWeb上で動作するWebアプリケーションを運営する場合、CDNなどのキャッシングサービスによって静的コンテンツをキャッシュすることが極めて重要です。 しかしこうしたサービスは、非常に複雑で分かりにくいものです。 幸い、IETF（Internet Engineering Task Force）のHTTP... 続きを読む

React Server Componentsの仕組み：詳細ガイド | POSTD

2022/07/27 99 users RSC React バンドルサイズ ビルダー 関心

React Server Components（RSC）は、ページの読み込みパフォーマンスやバンドルサイズのほか、Reactアプリケーションの書き方に近い将来大きな影響を与えることになる、素晴らしい新機能です。 Plasmicでは、Reactのビジュアルビルダーを開発しており、Reactのパフォーマンスには大きな関心を持もっています。 当社のク... 続きを読む

tscをGoに移植 | POSTD

2022/06/13 15 users rust TypeScript tsc ジレンマ 移植

筆者はTypeScript型チェッカーtscをRustではなく、Goに移植しようと思います。拡張可能なRustプラットフォームSWCの作者の発言としては、奇妙に聞こえるかもしれません。理由を説明したいと思います。 なぜtscを移植するのか TypeScriptの普及が進むにつれて、大規模プロジェクトではあるジレンマに直面しています。型チ... 続きを読む

Next.jsアプリのローカライゼーション | POSTD

2022/05/16 12 users ローカライゼーション Next.jsアプリ

クイックサマリー ‐ 国際化ルーティングは、厳密にはNext.jsの新機能ではありません。（v.10以降搭載されています。）この記事では、この機能のメリットだけではなく、こうした機能を利用して最高のユーザ体験と円滑な開発者体験を実現する方法についても見ていきます。自己文書化コードやバンドルサイズの削減、さらに... 続きを読む

あまり知られていないPostgreSQLの機能 | POSTD

2022/04/18 354 users ユーザ マイクロソフト社 Microsoft Office

あなたが知らない既存機能があるかもしれません！ マイクロソフト社は2006年、Microsoft Officeの新バージョンで追加してほしい機能について、顧客調査を実施しました。驚いたことに、ユーザが希望した機能の90%以上はすでに実装されており、その存在が知られていないだけであることが判明しました。機能の「見つけにく... 続きを読む

Core Web VitalsはWebを高速化したか？ | POSTD

2022/02/14 17 users CWV 順位 ページエクスペリエンス web Google

Core Web Vitals（CWV）は2020年5月に発表されました。Googleはこの発表の中で、「より良いWebのためにページエクスペリエンスを評価する」と述べています。特に重要なのは、この評価がGoogleの検索順位アルゴリズムの一部を構成することでした。つまり、高速なWebサイトは、同等の遅いWebサイトよりも順位が上になり、G... 続きを読む

Rustのビルドを高速化する方法 | POSTD

2022/01/24 35 users rust コンパイル CIサーバー ビルド 筆者

Rustコードのコンパイルが遅いことは誰でも知っています。しかし筆者は、世の中のほとんどのRustコードはコンパイルをもっと速くできると強く感じています。 例えば、つい最近の記事にこのように書かれていました。 一方、Rustでは、プロジェクトやCIサーバーの性能にもよりますが、 CIパイプラインの実行に15～45分かか... 続きを読む

中身のないnpmパッケージ「-」が70万回以上ダウンロードされる— その理由とは | POSTD

2021/12/13 11 users レジストリ npmパッケージ パッケージ 一体 コード

名前が1文字の「-」という謎めいたnpmパッケージは、2020年にレジストリで公開されて以来、70万回以上ダウンロードされています。 さらに、このパッケージには有効なコードが含まれていません。では、一体なぜこれほど多くダウンロードされているのでしょうか？ npmパッケージ「-」の中身 「-」というnpmパッケージは、2... 続きを読む

JavaScriptのバンドルとトランスパイルが不要なモダンWebアプリ | POSTD

2021/11/15 306 users トランスパイル ハンドル JavaScript

筆者はES6以前のVanilla JSがあまり好きではありませんでした。 そこで、バニラJavaScriptをなるべく書かなくていいように、2000年代を通じてさまざまなアプローチを追求してきました。最初はRJS（Ruby-to-JavaScript）、次はCoffeeScriptでした。どちらのアプローチも、バニラJavaScriptより楽しく書けるソースコードを... 続きを読む

CDNは5時間で開発できる | POSTD

2021/10/18 645 users CDN ハードウェア Webアプリケーション 事実 様子

「CDN」（content delivery network）という言葉からは、Googleのような大企業がいくつもの巨大なハードウェアを管理し、1秒当たり何百ギガビットものデータを処理する様子が想像されます。しかし、CDNは単なるWebアプリケーションです。私たちのイメージとは違いますが、それが事実です。8年前に買ったノートパソコンを... 続きを読む

フロントエンドのテストは皆のためのもの | POSTD

2021/09/13 300 users 反応 混乱 種類 多く 実際

テストとは人によって反応が分かれるものの1つであり、大喜びする人もいれば、見ないようにして去ろうとする人もいます。あなたがどちらの側であるにせよ、ここではフロントエンドのテストは皆のためのものであるということを説明します。実際、テストには多くの種類があり、それがテストに対して初めに恐れや混乱を感じ... 続きを読む

フォント読み込みの影響を軽減するための新しい方法：CSSフォントディスクリプタ | POSTD

2021/08/18 20 users フォント Webフォント パフォーマンス 戦略 オプション

クイックサマリー ‐ Webフォントは往々にしてWebのパフォーマンスをひどく低下させており、この問題に対して特に効果的なフォント読み込みの戦略は存在しません。しかし、今後公表されるフォントのオプションによって、フォールバックフォントを最終的なフォントに合わせやすくなるかもしれません。 フォントの読み込み... 続きを読む

パフォーマンスの文化を創る | POSTD

2021/07/12 24 users ケーススタディ コンバージョン テクノロジー 一体 利益

パフォーマンスの文化を創る Webパフォーマンスの向上は、コンバージョンの改善と利益の増加につながります。これに関しては極めて多くのケーススタディが存在しており、テクノロジーの専門知識を持たないプロダクトマネージャーでさえこの事実を知っていることも珍しくありません。それでは一体なぜ、最後の差し迫った... 続きを読む

アクセシブルなフロントエンドコンポーネントの完全ガイド - 後編 | POSTD

2021/06/15 13 users アクセシブル 後編 完全ガイド

※前編がこちらにあります 目次 icon links inputs keyboard navigation navigation menu modals prefers-reduced-* “skip” links SVGs tabs tables toggle switches tools tooltips video/audio players アクセシブルなインプット 2019年、WebAIMは上位100万件のWebサイトのアクセシビリティを分析し、エラーがないペー... 続きを読む

アクセシブルなフロントエンドコンポーネントの完全ガイド - 前編 | POSTD

2021/05/24 5 users アクセシブル 前編 完全ガイド

クイックサマリー‐私たちは一連の短い記事で開発者とデザイナーにとって有用なツールやテクニックを紹介しており、直近の記事ではCSS監査ツールとCSSジェネレータを取り上げました。この記事ではタブやテーブルからトグルやツールチップまで、信頼性の高いアクセシブルなコンポーネントを見ていきます。 目次 以下にすべ... 続きを読む

POSTDをGatsby.jsベースに変更しました | POSTD

2021/04/28 29 users Gatsby.js ニジボックス 前述 リクルート 過程

POSTDの運用がリクルートからニジボックスに移管される際に、デザインのリニューアルと同時にコードベースをGatsby.jsに変更しました。 本記事では、運用移管に至るまでの過程を踏まえつつ、現在のPOSTDの構成を紹介します。 移管前のPOSTD 前述の通り、POSTDは株式会社リクルートのインキュベーション部門Media Technol... 続きを読む

PHPはもうダメだ、PHP万歳！ | POSTD

2019/03/28 373 users Gutenberg スモールビジネス トロール PHP 深呼吸

GutenbergとWordPressに関する騒動は、PHPの終焉につながる最新記事です。深呼吸をしてください、みなさん。トロールは無視し、Mark TwainとFidel CastroとPHPとの共通点を見ていきましょう。そして、もっと重要なのは、スタートアップやスモールビジネスにとって、PHPが今でも合理的な選択である理由です。 PHPはいつか... 続きを読む