efclのブックマーク - はてなブックマーク

仕様と実装から読み解くHTMLのloading属性 - dwango on GitHub

こんにちは。ニコニコQセクションのHajime-san(GitHub)です。本稿では、HTMLのloading属性の仕様とブラウザの実装を解いていきます。これにより、ブラウザからのコンテンツ配信の最適化を支える判断材料の1つとなれば幸いです。執筆の動機筆者が開発に携わっているサービスであるニコニコオーディションが間接的に利用している社内ファミリーサービスについて、ふと自分のスマートフォンで見てみたところページの初期表示に時間がかかるように感じました。オーディションシステムはiframe要素によって社内ファミリーサービスなどに専用のUIを埋め込むことが可能になっており、iframe要素のloading属性を用いた﹁遅延読み込み﹂︵以下、遅延読み込みはloading属性によるもの︶が効果的なのではないかと考えました。まずは、実際にloading="lazy"を適用して読み込みが後回し

efcl 2023/11/15

ブラウザごとの`img`/`iframe`の`loading=lazy`の挙動の違いについて

リンク

Sass製SVG爆速表示ライブラリのご紹介 - dwango on GitHub

こんにちは。ニコニコ生放送生放送フロントエンドシステムセクションのmisuken(GitHub/Twitter)です。今回は10月に公開したsmart-svgとreact-sass-inline svgという2つのSVG表示ライブラリに関して、作成に至った経緯、ライブラリの特徴、工夫したポイント、パフォーマンス等の話をしていきたいと思います。ライブラリを作成した経緯これまでのSVGの表示方法ニコニコ生放送ではこれまで、SVGを表示する際にはreact-inline svgというライブラリを使用していました。 react-inline svgは<img>のようにsrcにURLを渡して表示するタイプのライブラリです。 SVG要素がDOMに展開されるため、CSSからスタイルを適用できます。 react-inline svgのREADMEに書いてある使用例。 import React from '

efcl 2022/12/06

CSSを使ってSVGを切り替える方法とそれを実装したライブラリについて。 CSSの`mask-image`を使った方法と`animationstart`で切り替える方法についての比較

リンク

ニコニコ生放送 WebフロントエンドのKubernetes移行ハンドブック 2022

efcl 2022/07/02

Kubernatesにおけるフロントエンドの管理についてのガイド

リンク

エラー処理 · Scala研修テキスト

efcl 2019/03/10

エラー処理について。内部エラー、外部エラー、例外安全性、強い例外安全性について

scala

リンク

Webフロントエンドパフォーマンス改善ハンドブックを公開しました - dwango on GitHub

パフォーマンス改善ハンドブックウェブページにおけるパフォーマンスに関する問題の見つけ方や考え方の事例をまとめた Webフロントエンドパフォーマンス改善ハンドブックを公開しました。 URL: https://dwango-js.github.io/performance-handbook/ このハンドブックでは過去に行ったWebフロントエンドのパフォーマンス改善の事例を中心に紹介しています。注意点としてWebフロントエンドは常に変化しているため、現在の最適な解決方法を提案するものではありません。また、アプリケーションによっても最適な解決方法は異なります。今回の事例ではViewライブラリにReactを用い、映像再生プレイヤーなどある程度複雑な機能を持ったウェブアプリケーションのWebフロントエンドを扱います。具体的にはニコニコ生放送︵以下﹁生放送﹂︶で行った事例を中心に書かれていま

efcl 2018/09/15

ウェブサイトのパフォーマンス改善についてのドキュメント。ランタイムとページロードタイムにおける問題の見つけ方や改善の事例についてまとめられたもの。

リンク

エンジニアが読みたくなる職務経歴書 - dwango on GitHub

この記事はドワンゴ Advent Calendar 2017 24日目の記事です。メリークリスマス！ドワンゴ技術コミュニケーション室の塩谷︵ @kwappa / kwappa@friends.nico ︶です。先日、技術コミュニケーション室のメンバーから﹁友人が転職を検討しているが、職務経歴書の書き方がわからず悩んでいる﹂という相談を受けました。ぼくは以前から職務経歴書についてはなんども書いたり喋ったりしてきたのですが、具体的な書き方やサンプルについてまとめたものはなかったので、この記事を書くことにしました。以下は、ぼくが以前から考えていることと、書類選考をするときに書いてあると嬉しいことをまとめたものです。会社としてオフィシャルに定めた基準ではないことをご了承ください。転職に必要な書類中途採用に応募する場合、﹁履歴書﹂と﹁職務経歴書﹂が必要です。転職サービスを経由しての応募の

efcl 2017/12/28

職務経歴書について