[B! javascript][development] heavenshellのブックマーク

私のフロントエンドディレクトリ構成・テスト観点 2022

近日連投していた Next.js 記事のサンプルコードを公開しました。このサンプルコードを元に、私のフロントエンドディレクトリ構成・テスト観点を紹介します（あくまで執筆現在の脳内アウトプットになりますのでご了承ください）フロントエンドディレクトリ構成の事情タイトルの「フロントエンドディレクトリ構成」をさす「Components」のディレクトリ構成は、いつも悩みのタネです。このモジュールシステムは「デザインシステム観点・アクセシビリティ観点・フロントエンド実装観点」の 3 つの観点が混在するため事情が複雑です。どうせ作るのなら「デザイナー・フロントエンド」どちらの開発基盤にもなりえる、盤石なモジュールシステムを目指したいですよね。 "AtomicDesign やめました"という声をたまに聞くのですが「デザインシステム的に捨てていいの？」と思うこともあるので、とくに要望がなければ、筆者は「

heavenshell 2022/06/25

リンク

データ取得で try...catch しない理由

try { const data = await fetchSomething(); // 正常系レスポンスの処理 } catch (err) { if (isAxiosError(err)) { // 異常系レスポンスの処理 } } 動機はつぎの 3 つです。データ取得も宣言的に書きたいからデータ取得に関係ない例外も catch してしまうから HttpError の集計に不便だからデータ取得も宣言的に書きたいから要約すると、データ取得時は常にこのように書きたい、という話です。useSWR・useQuery や apollo/client でお馴染みのインターフェイスです。 const { data, err, status } = await fetchSomething(); if (data) // 正常系レスポンスの処理 if (err) // 異常系レスポンスの処理

heavenshell 2022/04/28

リンク

なんでもSPAにするんじゃねぇ！という主張のその先 - console.lealog();

Your shopping website is not an SPA. I repeat: your shopping website is not an SPA. Stop trying to sculpt David with a JS chainsaw and get yourself an HTML/CSS chisel.— Alex Russell (@slightlylate) 2021年8月10日この主張、界隈（少なくとも自分の観測範囲）では割とよく見かけるし、なんか定期的に話題になるトピックなのかなーと。まあ持論としてもコレには概ね同意しており、会社のスタンスとも相まって、常日頃からぼんやり考えてたりすることでもある。で、そんな折にこのツイートを発見して、さらにそれに言及してる人々を見て、ふと自分でも現状を整理しておきたいなーという気持ちになったので筆を執った次第。

heavenshell 2021/08/12

リンク

大型フロントエンド開発におけるTypeScriptとDDD // Speaker Deck

All slide content and descriptions are owned by their creators.

heavenshell 2016/10/06

リンク

毎週のように依存パッケージを上げ続ける努力 - CARTA TECH BLOG

皆さんこんにちは。fluctにてfluct SSPという広告配信システムの管理画面を中心にクライアントサイドの開発を行っております、大関です。依存パッケージの更新、どうしてますか？今や数多くの言語でパッケージマネージャが提供されており、みなさんも日常的にコミュニティによるパッケージエコシステムを活用していることと思います。ですが、この依存パッケージの更新については、どのようにしていますか？　セキュリティfixなどを除き、以下のようなことになっていることが多いのではないでしょうか？チームの「いい人」が頑張って更新し続けるその人の謎の情熱が消えると更新されなくなってしまうたまに気がついたら頑張る「いい人」が頑張るタイプの亜種気が付かなかったら更新されない更新はリスクなので塩漬けにするプロダクトは定期的に作り直す前提 CIでテストを回し続けているのに更新しないなんて……とモヤ

heavenshell 2016/06/27

リンク

Framer: Create a professional website, free. No code website builder loved by designers.

Framer is the site builder trusted by leading startups and Fortune 500 companies. Build fast and scale more easily with an integrated CMS, analytics, localization, and SEO. Framer is the site builder trusted by leading startups and Fortune 500 companies. Build fast and scale more easily with an integrated CMS, analytics, localization, and SEO.