ゲーム作りとかCGとかに関わる数学(初歩)② この記事は2023年アドベントカレンダーの12/24の記事 の続きです。前の記事を読んでない人は前の記事を読んでおいてください。で、良ければいいねとストックもしておいてくださいw 前回は時間がないのと、数式多めのせいかブラウザが編集中に何度も落ちるので切りましたので、その続きを書いていきます。 今回のもブラウザが頻繁に落ち始めたらそこで切ろうと思います。やっぱり数式は負担が大きいのかな? では、ベクトルの続きからやっていきましょう ベクトルの続き… 2点を結ぶベクトルを作る これは分かり切っているし、前回も説明してるのですが一応おさらいとこの後の話の伏線もこめてお話しします。 点Pから点Qに向かうベクトルを作りたいとします。このとき、これを覚えておいてください 「終点から始点を引く」 と。つまりPからQに向かうベクトルを作りたい場合は単純にQ-
CSS Text モジュール レベル 4 の 4 つの国際化 CSS 機能が Chrome に導入されます。この投稿では、すでに発送済みのサービスと今後の予定について説明します。 Chrome 119 以降: 日本語のフレーズが word-break: auto-phrase で改行されるようになりました。 Chrome 120 以降のフラグの背後: text-autospace プロパティによるスクリプト間のスペース 開発中: text-spacing-trim プロパティによる中国語、日本語、韓国語(CJK)の句読点カーニング。 言語間で最小フォントサイズが統一されます。 日本語のフレーズ改行: word-break: auto-phrase 日本語のテキストが読みやすくなるこの機能は Chrome 119 から利用可能 中国語や日本語などの東アジア言語では、単語の区切りにスペースを使
Type Challengesに挑戦しよう!TypeScript好きの方、型パズルに挑戦して型力をつけませんか? mosya<TC>はGitHubで公開されているTypeScriptの問題集Type Challengesに挑戦して解答を判定できるサービスです。 ログインして挑戦(無料)
#htmx in a Nutshell htmx is a library that allows you to access modern browser features directly from HTML, rather than using javascript. To understand htmx, first lets take a look at an anchor tag: <a href="/blog">Blog</a> This anchor tag tells a browser: “When a user clicks on this link, issue an HTTP GET request to ‘/blog’ and load the response content into the browser window”. With that in min
» 【嘘やろ】東京・立川駅前の「高島屋」がリニューアルした結果 → 店舗の並びがヤバイことになる / オーケー、セリア、シャトレーゼ等が大集結 特集 【嘘やろ】東京・立川駅前の「高島屋」がリニューアルした結果 → 店舗の並びがヤバイことになる / オーケー、セリア、シャトレーゼ等が大集結 あひるねこ 2023年12月1日 高島屋といえば伊勢丹や大丸、阪急などと並ぶ大手百貨店の一つであるが、東京・立川市にある『立川高島屋S.C.』がリニューアルした結果、想像の100倍くらい別人になっていて思わず「誰だお前!」と叫びかけてしまった。 新たにオープンした店舗をいくつかご紹介しよう。『オーケー』『セリア』『シャトレーゼ』『サンドラッグ』『おかしのまちおか』……いや誰だお前! ここは本当にあの高島屋なのだろうか? ・高島屋がリニューアル JR立川駅の北口より徒歩3分。『伊勢丹 立川店』のちょうど真向
Interop 2023の重点分野の中からWebページの表示性能に関わるCSS Containmentをご紹介します。 CSS Containmentにはcontainプロパティとcontent-visibilityプロパティが定義されており、コンテンツの一部を独立したサブツリーとしてブラウザに認識させる「封じ込め」に関する指定ができます。「封じ込め」を行うと、ブラウザはレンダリング処理の一部を省略したり、必要なタイミングでレンダリングするようになります。結果、Webページのレンダリングパフォーマン向上につながります。 レンダリングの基本的なフロー CSS Containmentの理解を深めるためにレンダリングについて確認します。 以下のフローはBlinkのレンダリングフローを簡易的にまとめたものです。 Parsing HTMLドキュメントを解析して、DOM(Document Object
TP-Link EasyMeshデバイス今のルーターを使い続けるか、新しいメッシュWiFi対応機器に入れ替えるか迷われていませんか? そんなお悩みにはTP-Link EasyMeshがおすすめです。EasyMeshルーターにEasyMeshと互換性のある中継器等を接続するだけで、シームレスなメッシュWiFiをお楽しみいただけます。 *メッシュネットワークを構築する場合はEasyMeshデバイスのファームウェアを最新バージョンにアップデートしてください 注: “対応予定”マークの付いた製品のEasyMeshファームウェアは今後のリリースを計画しておりますが、対応を確約するものではありません。対応予定を取り消す可能性もあるため予めご了承ください。
The following is a guest post by Ana Tudor. Perhaps you know Ana from her amazing work combining code, math, and art. Here, she shows us how we can change the normal behavior of clipping paths by applying some clever geometry, and then make it work across different technology and browsers. The clip-path property in CSS is used to hide areas of an element outside the path. But we can also cut out a
Web development moves at lightning speed. I still remember when I first started using libraries like jQuery, Prototype, script.aculo.us, Zepto, and many more. Even with modern tools like Angular, VueJS, React, Solid and Svelte, we still have to deal with the Document Object Model (DOM). While these frameworks encapsulate and hide direct DOM management, they still give us access to work with the DO
本記事は<svg>要素のみを持つ<button>要素(アイコンボタン)にアクセシブルな名前(accessible name)を持たせる方法について調査した結果と、WCAG 2.2のSuccess Criterion 1.1.1 Non-text Contentに関する私見をまとめたものです。 結論 アイコンボタンの非テキストコンテンツは装飾ではなく意味を持つ画像なので、ボタンではなくアイコン画像自体にアクセシブルな名前を持たせるべきだと考えます 一方で、非テキストコンテンツの範囲をアイコンのみではなくアイコンボタン全体と捉えると、ボタンにアクセシブルな名前を持たせることも妥当に思えますが、<img>要素や<svg>要素など様々な種類のアイコン画像の実装を想定した場合、やはりボタンにアクセシブルな名前を持たせない方針に倒す方がシンプルだと思います <svg>要素のみを持つ<button>要素
メタルギアソリッドの様に、物陰に隠れることで敵の索敵範囲を回避するようなゲームはよくあると思います。敵の索敵範囲というのは、いわゆる当たり判定で表現されます。この当たり判定の形は、障害物に遮られたり、視界の角度などを考慮する必要があり、...
2023年11月20日07:30 小田急百貨店 新宿本店の解体状況!跡地には地上48階、高さ258.15mとなる新宿駅エリアで最も高い超高層ビル「新宿駅西口地区開発計画」を建設へ(2023.11.14) JR新宿駅の隣接地で解体中の「小田急百貨店 新宿本店」です。2023年11月14日に撮影しました。解体後の跡地には新宿駅エリアでは最も高い超高層ビルとなる「新宿駅西口地区開発計画」(地上48階、高さ258m)が建設されます。この記事では同再開発の概要や既存建物解体状況、地図等を載せています。 イメージパース[出典:東急不動産] 「新宿駅西口地区開発計画」は「小田急百貨店 新宿店本館」跡地の再開発で、規模は地上48階、地下5階、高さ258.15m、敷地面積約1万5718.98㎡、建築面積1万5630.20㎡、延床面積27万9057.38㎡となっています。建築主は小田急電鉄、東京地下鉄(共同事
GitHub.com で利用できる Markdown 記法のアラートは、これまで [!Note]・[!Warning] と 2023 年 7 月 23 日 に追加された [!Important] がありました。 このアラート記法は断続的に更新されており、2023 年 11 月 14 日にいくつかの重要な変更がなされました。 本記事では、これらの変更を紹介します。 追加されたアラート 2023 年 11 月 14 日に、これまでのアラートに [!Tip] と [!Caution] が追加されました > [!NOTE] > Highlights information that users should take into account, even when skimming. > [!TIP] > Optional information to help a user be more su
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く