I'd like to round at most two decimal places, but only if necessary. Input: 10 1.7777777 9.1 Output: 10 1.78 9.1 How can I do this in JavaScript?
I'd like to round at most two decimal places, but only if necessary. Input: 10 1.7777777 9.1 Output: 10 1.78 9.1 How can I do this in JavaScript?
# ドローコール数などの指標を取得する (three.js)ここでは、3D空間でのパフォーマンスを最大限に引き出すために欠かせない、 フレームレートやドローコール数の取得方法についてご紹介いたします。 let prevTime = performance.now(); let frames = 0; renderer.info.autoReset = true; renderer.setAnimationLoop(() => { ... frames++; const time = performance.now(); if (time >= prevTime + 1000) { window._fps = (frames * 1000) / (time - prevTime); prevTime = time; frames = 0; } }); const updateStats =
ブラウザに広くサポートされていない CSS を検証する require-baseline ESLint ルール 2025.02.22 Baseline はブラウザで利用可能な JavaScript や CSS のサポート状況を明確化するプロジェクトです。ESLint/CSS の require-baseline ルールを使用することで、Baseline でサポートされていない CSS プロパティや値を検出することができます。 ブラウザによる CSS のサポート状況の差異は、Web 開発者にとって頭痛の種です。新しい CSS プロパティや値を使用する際には、それがどのブラウザでサポートされているかを確認する必要があります。Baseline はそのような問題を解決するためのプロジェクトです。ブラウザで利用可能な JavaScript や CSS のブラウザのサポート状況を明確化することで、We
はじめに 皆様こんにちは、 クラウド事業本部コンサルティング部のあかいけです。 突然ですが、弊社では業務用PCとしてMac or Windows が支給されます。 私は前職でMacを使っていたので、なんとなくMacを選びましたが、 過去設定した際の手順を残しておらず、今回も検索しながら丸々設定する羽目になりました...。(自業自得) というわけで今後新しいMacをGetした方の手間を軽減するために、 個人的におすすめの設定をまとめておきます。 ※筆者の環境は以下の通りです 機種 - MacBook Pro OS -macOS Sequoia 15.3 基本設定 画面の表示やキーボード、マウスの挙動などMacを使うにあたり、 ちょっとだけ便利になる設定達です。 なおmacOSのバージョンによって設定画面が若干変わることがあるので、 今回はできる限りコマンドで設定してみます。 ソフトウェア ア
しんじ@理科実験あそびプロジェクト復興のためお仕事承り中 @oekakimaestro 聴力には全く問題ないのに人の声が聴き取りづらいという若者が増えているのは、ノイズキャンセリングイヤホンを長時間常用し続けたために周りの騒音からヒトの声を選り分けて聴く能力が低下しているのではという仮説bbc.com/news/articles/… 2025-02-18 10:09:21 しんじ@理科実験あそびプロジェクト復興のためお仕事承り中 @oekakimaestro APD(聴覚情報処理障害)という、幼少期の中耳炎の後遺症やある種の神経疾患などで起きることが知られているが、正しく診断をつけるには耳鼻科専門医による2時間近い検査が必要で、年齢層によっては認知症や学習障害など、人の話を聞いても理解できない他の原因の除外診断も必要になる場合があるそうだ。 2025-02-18 10:31:08 リンク
シンプルなスタンダード・ルームや、独立したベッドルームのあるワンランク上のスイートルーム、さらにキッチンや洗濯機などを備えたヴィラタイプなど人数や目的に合わせた客室が揃っています。ここではお部屋からのビュータイプの違いや、客室情報などをご紹介します。
いつも応援してくれてありがとうございます。 KAMITSUBAKI STUDIOプロデューサー、PIEDPIPERです。 花譜の4thアルバム「寓話」がいよいよリリースとなります。 前作「狂想」で、花譜のデビュー当初からのコンポーザーである盟友カンザキイオリが神椿から卒業し、 花譜の音楽の制作体制は複数のクリエイターによる新たな段階へと突入しました。 新しい制作体制から生まれた曲を「歌承曲」と名付け、彼から受け継いだ想いを胸に、 今迄なんとか頑張っていきました。 その成果を是非皆様にご覧頂けたらと思います。 バーチャルの世界から現実の世界へ、この「寓話」を自信を持ってお届けします。 新たな可能性の拡張、 そして喪失の果ての獲得とはなんなのか。 この物語の続きを是非観測して下さい。 KAMITSUBAKI STUDIOプロデューサー 花譜プロデューサー V.W.Pプロデューサー PIEDPI
25 min read6 CSS Snippets Every Front-End Developer Should Know In 2025 2025; I think every front-end developer should know how to enable page transitions, transition a <dialog>, popover, and <details>, animate light n' dark gradient text, type safe their CSS system, and add springy easing to animation. AI is not going to give you this CSS. This post is a theme continuation; checkout previous year
SPA（シングルページアプリケーション）向けのGA4の公式タグ設定ドキュメントが更新され、updateという見慣れないパラメータについての記述が追加されました。updateパラメータの利用は必須ではありませんが、今後新たにSPA計測設定を行うときには便利な選択肢の一つです。 本記事ではupdateパラメータを利用したオススメのGA4タグSPA計測設定とupdateパラメータの役割をご紹介します。 GA4の自動SPA計測設定は万能ではない updateパラメータを使ったオススメのSPA計測設定 拡張計測機能「ブラウザの履歴イベントに基づくページの変更」をオフ Google設定タグに必要なパラメータを設定 page_viewイベントを計測するGA4イベントタグを作成 Google設定タグとGA4イベントタグに適切なトリガーを設定する updateパラメータの機能 updateパラメータを利用す
We are getting spoiled with so many new features involving animations with CSS, from scroll-driven animations to view transitions, and plenty of things in between. But it’s not always the big features that make our everyday lives easier; sometimes, it’s those ease-of-life features that truly enhance our projects. In this article, Brecht De Ruyte puts two features on display: @starting-style and tr
パスにオプションパラメータ locale を含める† ３つの URL で実質的に同じ内容を表示することになるので１つにまとめたい /some/path/to/file /ja/some/path/to/file /en/some/path/to/file これには、 src/routes/[[locale=locales]]/some/path/to/file というパスにファイルを置けばよい。 [ [locale=locales] ] でオプショナルなパラメータを指定する ← https://learn.svelte.jp/tutorial/optional-params lib/params/locales.ts の export const match: ParamMatcher で locale として渡せる文字列を限定する lib/params/locales.ts LANG:
MPA でページ遷移アニメーションを行う `@view-transition` CSS アットルール 2025.01.18 View Transition API はページを遷移する際に簡単にアニメーションを追加できる API です。SPA では `document.startViewTransition()` メソッドを DOM が変更される前に呼び出すことでページ遷移アニメーションを追加できます。MPA の場合 CSS アットルール `@view-transition` を使用できます。SPA の場合と異なり、JavaScript を使用せずに CSS だけでアニメーションを追加できる点が特徴です。 View Transition API はページを遷移する際に簡単にアニメーションを追加できる API です。単一ページアプリケーション（SPA）においては document.startV
去年の11月に GPU for the Web ワーキンググループで話し合われた内容のサマリが Chrome のブログ記事になっています。知らない概念ばっかりだったので、勉強がてらメモっていきます。 現状 WebGPU 仕様の GitHub レポジトリの Milestone 0をクローズして問題ないか、というのがこの会議の重要な議題でした。ちなみに結論としては問題なかったのでクローズとなったらしいです。 このマイルストーンは、W3C の「Candidate Recommendation」（勧告候補）に達するかどうか、という基準らしいです。W3C のプロセスでは、以下の4つのフェーズがあり、ここから W3C 勧告となるにはここからさらに2つのステップが残っています。 Working draft Candidate recommendation Proposed recommendation
プラットフォームはゴミだ。いいねやフォロワー数に振り回され、邪悪な推薦アルゴリズムに支配されている。 数多の「プラットフォーム」たちは、結局ユーザーを商品として扱うシステムだ。俺たちが投稿すれば、それを元に広告が回り、データが収集され、マーケティングが行われる。そうして俺たちは「消費者」にされてしまう。俺達はプラットフォームの奴隷なのか？ でも、ちょっと待ってほしい。いまこそ、元の場所に戻るべきじゃないか？ そう、ブログだよ！！！ 確かにブログも「ブログサービス」を提供しているのはプラットフォームだ。でも、SNSのそれとはレイヤーが全然違う。ブログには、いわば自分の家みたいなものがある。そこでは誰かの「いいね！」に左右されることもないし、フォロワー数に怯えることもない。言いたいことを、ただ好きなように書けるのだ。 いまこそ、ブログに回帰するときだ。ゴミみたいなプラットフォームに振り回される
Leafletでゲームマップを作る！L.CRS.Simpleの使い方からエラー解決まで L.CRS.Simple の使用方法L.CRS.Simple を使用する場合は、以下の手順で Leaflet マップを作成する必要があります。 マップを作成するvar map = L.map('map', { crs: L.CRS.Simple }); マップの境界を設定するvar bounds = [[0, 0], [1000, 1000]]; 画像オーバーレイを追加するvar image = L.imageOverlay('uqm_map_full.png', bounds).addTo(map); マップ全体を表示するmap.fitBounds(bounds); 注意事項 L.CRS.Simple は、Leaflet 0.7.2 以降でのみ使用できます。 L.CRS.Simple を使用する場合は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く