Web
Webアプリケーションのある処理によって画面の更新頻度が多く、CPUが弱いマシンだとフリーズしてしまう問題が起きた これを解決するために、デバウンスを実行しようと考えた時、遅延方法として requestAnimationFrame がいいのではないかと聞いた requestAni…
JSConf2024で@kosamariさんのセッション「Web標準の進化を止めない！Baselineというブラウザサポートの考え方」を聞いた jsconf.jp このセッションでは、ある機能が主要ブラウザでサポートされた機能なのかを判断する方法やそれを調べる方法が話されていた …
あるときトレイリングスラッシュと呼ばれるURL末尾の「/」のありなしが話題になったので調べた 結論気にしなくてよい 以下の記事を読むと、ありなしは気にする必要はがないことがわかった www.suzukikenichi.com サブディレクトリのありなしは意味が変わって…
コピペで使えるHTML, JS, CSS の便利パターン集というものを知ったのでみてみた web.dev ちょっとみただけで興味があるのがたくさんあった Advanced apps patterns Animation patterns Clipboard patterns 画像をコピーする方法 テキストをコピーする方法 フ…
JavaScriptとReactでつくるWebアプリのデザインパターンがまとめられたサイトを知ったのでみてみた javascriptpatterns.vercel.app まずは、よくきく以下のようなデザパタをJSでやる方法がめちゃめちゃわかりやすく載っている モジュールパターン シングルト…
Adobeのフォーム設計のベストプラクティスなる記事を知ったので読んでみた xd.adobe.com 今後気をつけていきたいもの、知らなかったことだけメモしておく ● 1 つの列と複数の列だったら１つの列がよい ● フィールド数はフォームのデザインに関して言えば、経…
Web3と同時にDAOというワードもよく聞くので、前回の続きでDAOについても調べた www.bridge-salon.jp DAO DAOはDecentralized Autonomous Organization（自律分散型組織）の略 特定の企業や人に依存するのではなく、誰でも使えるし、誰でも変更できるように…
急に去年くらいからWeb3というワードを聞くようになった Web3がざっくり何なのかを知るため@Jxckさんのmozaic.fmを拝聴した mozaic.fm Web3はイーサリアムの創業者の一人がイーサリアムを使ってやりたいこととしてWeb3という言葉がでてきたとのこと ブロック…
以下の記事を読んでフロントエンド開発のベースラインの認識をアップデートした engineering.linecorp.com 気になったところだけ記載しておく ユーザーの端末とブラウザー ユーザーがどの端末とブラウザーを使っているか gs.statcounter.com Global Chrome 6…
スマートフォンで入力フォームにフォーカスをあてるとソフトウェアキーボードが出現するが、position: fixedで画面の下部に固定した領域（フローティング領域）がiOSとAndroidで挙動が異なっていた 特に困ったのはAndroidの方で、キーボードが呼び出されると…
atama plusさんのデザインシステムの取り組みでWebアクセシビリティの知見についてfreeeさんのイベント動画がよかったという話を聞いて拝聴した connpass.com www.youtube.com かなりタメになる情報が満載で本当によかった それと同時に、自分はここまでやれ…
App Shell モデルというワードを知らなかったので調査した developers.google.com 上のドキュメントより アプリケーション シェル（App Shell）アーキテクチャは、ネイティブ アプリのように瞬時に、そして確実にユーザーの画面に読み込める Progressive Web…
