Intro React や lit-html などにより、 DOM 操作の抽象化に加えて最適化が提供されることが一般的となった。 見方を変えれば、本来ブラウザがやるような最適化を、ライブラリが肩代わりしていると捉えることもできる。 これは、現在の標準 API には、規模が大きく処理が複雑なアプリケーションを開発する際に、足りてないものがあると考えることが可能だ。 課題の 1 つとして「DOM 操作が同期処理である」という点に着目し、 Async DOM という文脈でいくつかの提案が行われた。 今回は、その提案の 1 つであり Chrome で実装が進んでいる Display Locking について現状を解説する。 現状の DOM 操作の課題 まず、以下のような処理を考える。 body.appendChild($div) この処理が JS の途中で出現すれば、その瞬間 Window にある
こんにちは! refeiaです。 今回はiPadの液タブ化の夢を見ていこうと思います(自費購入で)。「iPadの液タブ化? それはもうSidecarで結論が出たはずでは?」ですか? いいえ。今回はWindowsの話です。 iPadはApple Pencilの登場以来、ダイレクト感のある描き味、イラストアプリの充実などで、イラスト機材としての立場を確立してきました。一方で、PCは柔軟さやスペックの高さ、豊富なアプリといった利点があり、まだiPadだけでいいとも言いづらいのは確かです。 どうせPCもiPadも両方持つ……それなら、iPadが液タブの代わりになったらいいな、と考えるのも人情でしょう。そこにさっそうと現れるのが、2021年10月に正式リリースとなった「Luna Display for Windows」です。 このドングルを使うと、iPadがサブディスプレイとして動作して、タッチ操作
iPhone SE(第3世代)・M1 iPad Air・M1 Ultra・Mac Studio・Studio Display。 #AppleEvent で発表されたものまとめ【更新終了】2022.03.09 07:30227,796 かみやまたくみ satomi 眠気ピークな時間の開催でしたが、ぶっ飛びましたね…。 今回のApple Eventの副題は「最高峰を解禁。」。英語だとPeak Performance、すごいものが出そうな響き。 この記事では、同イベントの様子をリアルタイムでお伝えしていましたが… ・新色グリーンのiPhone 13/13 Pro ・iPhone SE(第3世代) ・M1搭載のiPad Air ・新型Mac「Mac Studio」 ・Apple純正27インチディスプレイ「Studio Display」 と大量の新製品が発表に! YouTubeライブも行なっていまし
はじめに みなさんは、CSSのdisplayプロパティを知っていますか? CSSを扱う上で、一番使うのがdisplayプロパティではないのでしょうか? 最近では、display: flex; や display: grid; が追加され、いろいろなレイアウトが作りやすくなったのは、記憶に新しいかと思います。 そんな中で、CSS Display Module Level 3で、displayプロパティに2つの値を入れることができるようになることがわかりました。 ※ まだ、Firefox 70以上・Safari 15以上でのみ再現できます。(2022年1月20日) そのため、この記事では、displayプロパティに2つの値を入れられることについて解説しようと思います。 背景 まずは、displayプロパティに2つの値を入れられるようにした背景について解説します。 最近displayプロパティに
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く