Googleが、デスクトップとモバイルの検索結果で無限スクロールを廃止すると決定した話を聞いた searchengineland.com 無限スクロールはユーザーが検索結果画面の下までスクロールすると自動的に結果を読み込んでいく機能であるが、Google によると検索の満足…

デジタル庁が行政や公共機関、民間企業の人々が見やすいダッシュボードを効率的に作るための方法を提供している 内容がとても良かったのですぐ引き出せるようにメモ www.digital.go.jp ダッシュボードには、２つの類型があるらしい 現状を基準と照らし合わせ…

freeeのデザインシステム「vibes」をみた corp.freee.co.jp vibes vibes.freee.co.jp freeeはアクセシビリティに力を入れている印象で、そのあたりのフロントエンド開発のノウハウが詰まったデザインシステムらしい 一番上のnewsになぜ、freeeはアクセシビリ…

UI Stackという考え方について知ったので調査 www.scotthurff.com 上の記事はスコット・ハーフ氏による著書「愛される製品をデザインする方法」から抜粋された彼自身が投稿した記事 デジタル製品の優れたUIをデザインするための、UI Stack と呼ばれる包括的…

@songmuさんの記事を読んだ blog.song.mu 新人の頃、大規模なウォーターフォール開発をやっていて、取り戻しが効かない開発スタイルにヤキモキしていたことがあった そんな中でアジャイル開発を知って、工程行ったり来たりしていいものだと安直に解釈して憧…

tubo v2から環境変数がデフォルトでstrictモードになるという話を聞いて、そもそもstrictモードを知らなかったので調べた turbo.build strictモードは、タスクのランタイムに使用される環境変数を、turbo.json内の globalEnv と .env のキーで指定されたもの…

コード品質がビジネスに与える影響についての記事を読んだ mtx2s.hatenablog.com コード品質がビジネスにどれだけの影響を与えるかは、私も例に漏れず定性的な説明しかできていなかった この記事は「市場投入までの時間」と「コード品質」との間の関係性を定…

Next.js v14で/fooというリクエストがあった時に、URLはそのままで/foo/barというページを表示させるようにrewriteしたい この時、フォルダの階層は以下のようになっていて、/fooはindexルートと呼ばれるルーティングになっている（foo.tsx, bar.tsxでもいい…

Next.js v14で /foo?page=3 というリクエストがあった時に、URLはそのままで /foo/page/3 のページを表示するようにrewriteしたい ファイルの階層は以下のようになっている ├── pages │ ├── foo │ │ ├── page │ │ │ └── [page].tsx │ │ └── index.tsx ここで…

Googleのサーチアルゴリズムが漏洩して話題になった このあたりの記事がよく引用されていたので読んでみる ipullrank.com 漏洩した文書には、Google が検索結果のランク付け方法を決定するために考慮する 14,014 の属性を持つ 2,596 のモジュールがあると記…

Storybook v8.1 のアプデ情報を確認した storybook.js.org New UI for creating and editing stories 画面からStoryが作れる機能が追加された 左ペインの検索フォーム横の「＋」を押すとStoryを新しく作るポップアップが表示される 存在するコンポーネント名…

any-hoverというメディア特性を知らなかったので調べた developer.mozilla.org any-hover は CSS のメディア特性で、要素の上で停止することができる入力メカニズムが何らか利用できるかどうかを検査するために使用することができます。 mdnのドキュメントは…

ICSさんのfont-familyに関する記事を読んだ font-familyは昔考えたまま更新してなかったので、こちらの記事で2024年に相応しいfont-familyを学んだ ics.media 記事の結論を拝借すると、以下の組み合わせがオススメとのこと body { font-family: "Helvetica N…

Next.js の Server Actions にフォームの入力値以外の情報を渡す方法としてbindというのがあるのを知った nextjs.org これを使うことで、従来のようにhidden フィールドを使用して アクションにデータを渡す代わりに、追加の引数を渡すことができる bindを使…

State of HTML 2023を眺めていて、Form や Interactivity に関して理解が曖昧だったことを調べた 2023.stateofhtml.com HTMLInputElement: invalid イベントとHTMLInputElement: checkValidity()メソッド invalid イベントは、送信可能な要素が制約検証を受…

Module Harmonyの話を聞いた speakerdeck.com Module Harmonyを知らなかったのでざっくりメモっておく JavaScript(Ecmascript)の仕様策定は合議制で、プロポーザルという提案を出し合って実装してみて意見を出し合いながら新しい仕様が決まる そんな中でModu…

@kawasimaさんのアーキ部「Grokking Simplicity探訪」を拝聴した その時のスライド www.slideshare.net 内容は「Grokking Simplicity」という本で書かれている「Stratified Design」の紹介が主 Grokking Simplicityは以前読んでいてブログに書いていたので内…

commitlintというコミットコメントを規約に沿わせるツールを知った commitlint.js.org 始め方はドキュメントより インストール $ npm install --save-dev @commitlint/{cli,config-conventional} コンフィグの用意 echo "export default { extends: ['@commi…

以前調べたNode標準のテストランナーでtypescriptで書かれたテストを実行したい uga-box.hatenablog.com ただ単に$ node --test demo.test.ts と実行してもfailしてしまうため、TypeSctipt → JavaSctipt に変換しなければならない 調べたところ、このやり方…

「BIG THINGS どデカいことを成し遂げたヤツらはなにをしたのか？」という本を読んだ BIG THINGS どデカいことを成し遂げたヤツらはなにをしたのか？作者:ベント・フリウビヤ,ダン・ガードナーサンマーク出版Amazon 目次 ゆっくり考え、すばやく動く - 「じ…