[B! javascript] n2szのブックマーク

Webブラウザ上で3D/2Dモデルをぬるぬる動かせる「Babylon.js 6」正式版に。レンダリング性能が最大50倍、WASM化した物理演算エンジン搭載、液体のレンダリングも

マイクロソフトは、Webブラウザ上で2Dや3Dモデルの高速なレンダリングなどを可能にするオープンソースのJavaScriptライブラリ「Babylon.js」の最新版「Babylon.js 6.0」正式版をリリースしました。 We are thrilled to officially announce the release of Babylon.js 6.0! The web just got a WHOLE lot more exciting!https://t.co/q0JVsQaTSd#babylonJS6 #gamedev #indiedev #webdev #Metaverse #3D #webgl #gamedevelopment #IndieGameDev #webdeveloper pic.twitter.com/owV6YLp1zc — Babylon.js (@bab

n2sz 2023/04/26

リンク

Auth.js | Authentication for the Web

// auth.ts import NextAuth from "next-auth" import GitHub from "next-auth/providers/github" export const { auth, handlers } = NextAuth({ providers: [GitHub] }) // middleware.ts export { auth as middleware } from "@/auth" // app/api/auth/[...nextauth]/route.ts import { handlers } from "@/auth" export const { GET, POST } = handlers // src/auth.ts import { SvelteKitAuth } from "@auth/sveltekit" impor

n2sz 2023/01/01

javascript

リンク

setTimeout の真の力、あなたは知っていますか？ - Qiita

こんにちは。ぬこすけです。皆さんは﹁ setTimeout とはどんな関数でしょう？﹂と聞いたら、どう答えますか？おそらく、ほとんどの人が﹁指定した時間に処理が走るようにする関数﹂と答えるのではないでしょうか？ function main() { console.log('動いたよ！！'); } // 大体3秒後にmain関数が動き出す setTimeout(main, 3000); 大雑把な理解としては問題ないですが、実は setTimeout の隠された能力はそれだけではありません。 setTimeout の隠された能力を知るとどんな良いことがあるのでしょうか？例えば、次のような良いことがあります。ブラウザに対する理解が深まる Web サイトのパフォーマンスを向上させることができるドヤれるまず、ブラウザに対する理解が深まります。かのアリストテレスはこう言い残

n2sz 2022/11/03

setTimeout使いすぎると管理しにくくなるからなあ。手軽には手軽なんだけど。

javascript

リンク

JavaScriptのデザインパターンについて

どうもoreoです。今回はモダンなJavaScript開発環境で役立つデザインパターンを紹介します。この記事は、JavaScript Patterns WorkshopとPatterns.devを参考にしています。有名な﹁Java言語で学ぶデザインパターン入門﹂などでは、古典的な23個のデザインパターンが紹介されていますが、JavaScript Patterns WorkshopではPatterns.devをベースとして、モダンなJavaScriptにおける6つのデザインパターンについて言及されています。この記事ではそれらについてまとめてみたいと思います！ ※本記事中のコードは、JavaScript Patterns WorkshopとPatterns.devから引用させていただいております。 1 Design Patternsとは？デザインパターンとは、ソフトウェア開発で繰り返し

n2sz 2022/10/11

リンク

マイクロソフト、Webブラウザで3Dゲームがびゅんびゅん動く「Babylon.js 5.0」正式リリース、WebGPUにフル対応、iOS/Androidなどクロスプラットフォーム展開も

マイクロソフト、Webブラウザで3Dゲームがびゅんびゅん動く「Babylon.js 5.0」正式リリース、WebGPUにフル対応、iOS/Androidなどクロスプラットフォーム展開もマイクロソフトは、JavaScriptで2Dや3Dモデルを高速に扱えるライブラリ「Babylon.js」の最新版「Babylon.js 5.0」正式版をリリースしました。 We'd like to formally introduce the next version of the Babylon Platform - #BabylonJS5 Blog: https://t.co/aMgjIIeIin Video: https://t.co/OMssjZZPPz#gamedev #gamedevelopment #indiedev #indiedeveloper #webdev #3D @WebGPU #w

n2sz 2022/05/18

リンク

いちばんやさしい webpack 入門

webpackis何?webpack とは、一言で言うと JavaScript 向けのモジュールバンドラーです。複数の JavaScript モジュールを一つ︵またはいくつか︶のファイルへバンドル︵=bundle: 束にする、包む︶してくれます。複数のJSモジュールを︵場合によっては CSS や画像などのアセット類も︶一つにまとめるすでに新規開発の終了も伝えられる webpack ですが、﹁STATE OF JS 2022﹂ではいまだに利用率 No.1 の地位にあります。 webpack 後継のモジュールバンドラーとしては、すでに Turbopack の開発開始がアナウンスされています。しかし、これがプロダクションレベルに達するまでは webpack がおそらく使い続けられることになるでしょう。使うメリットは何？モジュールを1つ︵もしくは少数︶にまとめることでブラウ

n2sz 2022/05/04

リンク

Three.jsの勉強の仕方 - Qiita

概要 Three.jsの勉強を始めて半年くらいが経過しました。現在は、以下のようなアプリケーションを作成できるようになりました。 https://nemutas.github.io/r3f-normal-color/ ここまでに至る過程を少しまとめられたらと思います。 React Three Fiber について私は主に、React Three Fiber︵Three.jsをReact用にラッパーしたライブラリ｜以下、R3F︶を使用して開発してます。バニラのThree.jsを触る前に、つまりThree.jsの知識がゼロの状態のときからR3Fを使い始めました。とてもよく設計されたライブラリで、ほんの数行でBoxを表示することができます。ただし、よく設計されているということは、それほど抽象化されているということです。学び始めの頃は自分が作りたいシーンを作るために、どのプロパティをいじ

n2sz 2022/04/05

リンク

JavaScriptを遊び尽くす究極のWebサービス・ツールを厳選して大公開！ - paiza times

どうも、まさとらん︵@0310lan︶です！今回は、JavaScriptを使ってとにかく遊んだり楽しんだりできるインタラクティブなWebサービスやツールを厳選してご紹介します。ゲーム体験をしたり、アート作品を作ったり、JavaScriptで開発されたユニークなサービスを利用してじっくりと遊んでみましょう。 Webの楽しい世界にご興味ある方は、ぜひ参考にしてください！ ■リアルタイムにコードを書いて戦うオンライン対戦ゲーム︻yare.io︼世界中のプレイヤーと1対1で戦うゲームなのですが、その戦い方はJavaScriptのコードをリアルタイムに書き換えながら自機を操作するというのが大きな特徴です。見た目は簡素なシューティングゲームですが、実はかなり奥深いストラテジーゲームみたいな要素が詰まっています。ゲームの大まかな流れとしては、以下のとおりです。 JavaScriptで自機を制