Web Share API
Web Share API W3C Recommendation 30 May 2023 More details about this document This version: https://www.w3.org/TR/2023/REC-web-share-20230530/ Latest published version: https://www.w3.org/TR/web-share/ Latest editor's draft:https://w3c.github.io/web-share/ History: https://www.w3.org/standards/history/web-share Commit history Test suite:https://wpt.live/web-share/ Implementation report: https://w3
高等な型 | TypeScript 日本語ハンドブック | js STUDIO
交差型(Intersection Types) 共用体型(Union Types) 型の保護と型の識別(Type Guards and Differentiating Types) Nullの型(Nullable types) 型のエイリアス(Type Aliases) 文字列リテラル型(String Literal Types) 判別共用体(Discriminated Unions) 多様性のthisの型(Polymorphic this types) 交差型(Intersection Types) 交差型(intersection type)は複数の型を1つに連結したものです。 これは既存の型を統合し、必要とする機能を全て備えた1つの型を得ることを可能にしてくれます。 例えば、Person & Serializable & Loggableは、PersonとSerializableとL
HTML5による物理シミュレーション環境の構築 ～WebGLライブラリThree.js 入門（１／３）～
HTML5とWebGL 初めにHTML5の位置づけについて簡単に触れます。HTML5とはこれまでのWebページ作成言語で主流だったHTML4やXHTMLの後継言語のことで、 2008年に草案がまとめられ、2014年までにウェブブラウザ各社への正式勧告を目指して策定が進められています。 HTML5は 2012年1月でもまだ「草案」段階で、仕様も流動的な準備段階であるが、開発側からもユーザ側からも非常に注目が集められています。 その大きな理由の一つに挙げられているのが、iPhoneやAndroidなどのスマートフォンの台頭による情報端末の多様化への対応のためです。つまり、様々なWEBコンテンツのクロスプラットフォーム化への重要な貢献が期待されているからです。 というのもスマートフォンの登場までは、Adobe社が提供する FLASH が動画やオーディオなどが組み合わされたマルチメディアコンテンツ
Three.js doc
top THREE.PerspectiveCamera File doc/three.js/src/cameras/PerspectiveCamera.js Instance Variables fov aspect near far fullWidth fullHeight x y width height projectionMatrix Superclass THREE.Camera Examples (122) doc/three.js/examples/canvas_geometry_birds.html (source) doc/three.js/examples/canvas_geometry_cube.html (source) doc/three.js/examples/canvas_geometry_earth.html (source) doc/three.js/ex
JavaScriptでページのレンダリング時間をミリ秒単位で簡易計測する - 小さい頃はエラ呼吸
Webページのレンダリング時間を計測する方法を調べていたら、JavaScriptで簡単に計測する方法を見つけました。 ページ構築（bodyタグ内）のレンダリング（ページの表示時間）を計測するには、ページ構築前のミリ秒を変数に入れます。ページが構築し終わったら onLoadイベントが発生するので、その時点でのミリ秒と構築前のミリ秒の差分を取ればページのレンダリング時間を求めることができます。 （中略） いくらかの誤差が発生します。また、ブラウザのキャッシュ状況によっても異なりますので、計測する場合にはキャッシュなどを消しておくなどの対処が必要です。 ページ構築にかかる時間を計測する JavaScriptでページのレンダリング時間を計測する こんな感じで、スクリプトが読み込まれたらそのときの時間をグローバル変数startに入れます。そして、document.bodyがロードされたら、そのときの
【Javascript】querySelector、querySelectorAll（CSSセレクタで要素取得） at softelメモ
【Javascript】querySelector、querySelectorAll（CSSセレクタで要素取得） XPath好きならdocument.evaluate、CSSセレクタ好きならelement.querySelector、element.querySelectorAll。 こんなことできます document.querySelector('#sample') // → id="sample"の要素を取得 document.querySelectorAll('input') // → input要素を全部取得 document.querySelectorAll("input[type='checkbox']") // → チェックボックスを全部取得 document.querySelectorAll('#xyz > .abc') // → id="xyz" 直下の class="
わずか565バイトテトリスのプログラミング解説
「往年の名作「スーパーマリオブラザーズ」、あの濃い内容でわずか40キロバイト」に載っていたわずか565バイトのテトリス。文字数にして551文字。79文字*7行のプログラミングで、テトリスが動きます。 以下のソースコードをメモ帳に貼り付けて、htmlで保存すればテトリスが動きます。 <body onKeyDown=K=event.keyCode><script>X=[Z=[B=A=12]];h=e=K=t=P=0;function Y() {C=[d=K-38];c=0;for(i=4;i--*K;K-13?c+=!Z[h+p+d]:c-=!Z[h+(C[i]=p*A-Math.round(p/ A)*145)])p=B[i];!t|c+4?c-4?0:h+=d:B=C;for(f=K=i=0;i<4;f+=Z[A+p])X[p=h+B[i++]]=1 if(e=!e){if(f|B){fo
getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記
getComputedStyle とは！？ ある要素にどんなスタイルが当たっているかを計算してくれる。便利な関数。 使いかたはめっちゃ簡単！ var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ちなみに第二引数は疑似要素の style を取りたい場合に使います。通常は空文字列でいい。 でも、 getComputedStyle はこのままでは IE, Safari では動かない。 Safari では window(グローバル領域) に getComputedStyle は定義されてなくて、 document.defaultView だけに getComputedStyle が定義されている。 ちなみに、 Firefox, Op
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://demo.agektmr.com/dialog/
はてなブログ | 無料ブログを作成しよう