JavaScriptで記述できる物理学ベースのシミュレーションを分かりやすく学べ実際にデモを動かせる「Ten Minute Physics」
物理学に基づくシミュレーションをコンピューターグラフィックスで仕上げる動画をYouTubeチャンネルのTen Minute Physicsが投稿しています。Ten Minute Physicsがこれまで投稿してきた数多くのシミュレーションのコードや、実際にブラウザで動作するデモについて、運営者でNVIDIAの従業員であるというマルチーズ・ミラー氏が紹介しました。 Ten Minute Physics https://matthias-research.github.io/pages/tenMinutePhysics/index.html ミラー氏は記事作成時点で17本の動画を投稿しており、順番に視聴していくことでさまざまな2D・3Dシミュレーションを学んでいくことが可能です。ミラー氏はチュートリアルの動画のほか、シミュレーションのコードや実際にシミュレーションを動かせるデモサイトを公開して
2022-12-07のJS: Electron 22.0.0、Web PerformanceとJavaScript Performance
JSer.info #621 - Electron 22.0.0がリリースされました。 Electron 22.0.0 | Electron Chromium 108、Node.js 16.17.1、V8 10.8へのアップデート、UtilityProcessモジュールの追加、new-windowイベントの非推奨化などの変更が含まれています。 また、Chromium 109でWindows 7/8/8.1のサポートが終了するため、Electronもこれに合わせるようです。 そのため、Windows 7/8/8.1をサポートする最後のElectronバージョンとなります。 Sunsetting support for Windows 7 / 8/8.1 in early 2023 - Google Chrome Community 今週はウェブパフォーマンスやJavaScriptのパフォーマ
notion-sdk-jsをチョット便利に使えるnpm package書いた - はらへり日記
書いた www.npmjs.com notion-sdk-jsとは Notion APIを叩くためのTypeScriptのライブラリ。多分公式。 github.com 何を解決したいのか Pageを作成するAPIを叩く際にJSONを組み立てるのがめんどくさいのが一番だった。 型定義で守られてはいるものの、ドキュメントを見ないとまず書けないし後は書く分量がどうしても多い。 例えばHeading 1, Paragraphの2つだけで構成した下記のページを作る こんなページをAPIで作りたい この場合、こんなコードを書く必要がある。 import { Client } from '@notionhq/client'; const client = new Client({ auth: 'YOUR_NOTION_API_TOKEN', }); await client.pages.create({
JavaScriptからReact、Next.js、TypeScriptを学んでPFに取り掛かれるレベルになるまでのロードマップ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は自作のポートフォリオ、ProadMapsで作成しました。 ProadMapsのサービス紹介、作成までの学習記録は別途記事を作成したので、チェックいただけると大変ありがたいです！ 概要 Next.jsでポートフォリオを作成できるようになるまでの学習記録になります。今だったらこの順番でやればよかったなぁと思う順番に並び替えています。 タグ Next.js,React,TyepScript,JavaScript,Ruby,Rails 開始時スキル Railsの学習経験あり 終了時スキル ポートフォリオに取り掛かれる 総ステップ数 7
AWS AppSync GraphQL API は JavaScript リゾルバーをサポートしています | Amazon Web Services
Amazon Web Services ブログ AWS AppSync GraphQL API は JavaScript リゾルバーをサポートしています 2022年11月17日より AWS AppSync では、JavaScript リゾルバーをサポートするようになり、クラウドに公開する前にリゾルバーをテストするためのリゾルバー評価エンジンが提供されます。 2017 年に開始された AWS AppSync は、クラウドで GraphQL API を構築、管理、およびホストできるようにするサービスです。 AWS AppSync では、リゾルバーを使用して GraphQL スキーマをさまざまなデータソースに接続します。リゾルバーとは、 AWS AppSync が GraphQL リクエストを変換し、さまざまなデータソースから情報を取得する方法です。 これまでは、Apache Velocity
モジュール解決 | TypeScript 日本語ハンドブック | js STUDIO
このセクションは、基本的なモジュールの知識があることを前提にしています。 詳しい情報については、モジュールのドキュメントを参照してください。 相対(Relative) vs 非相対(Non-relative)モジュールimport モジュール解決の方針 拡張モジュール解決フラグ モジュール解決のトレース --noResolveの使用 よくある質問 モジュール解決は、importが何を参照するのかを把握するために、コンパイラを利用するプロセスになります。 import { a } from "moduleA";のようなimport文について考えてみてください。 aの使用するために、コンパイラは正確に何が提供されているのかを知る必要があり、 またmoduleAの定義を調べる必要もあります。 ここで、コンパイラは"moduleAはどのような形状をしていますか?"と尋ねます。 これは一見単純なよう
2022-11-17のJS: Parcel v2.8.0、Deno 1.28(`npm:`の対応)、Gatsby 5、Nuxt 3
JSer.info #618 - Parcel 2.8.0がリリースされました。 Parcel v2.8.0 Release v2.8.0 · parcel-bundler/parcel Parcel 2.8.0では、ViteとTurbopackのベンチマーク比較から着想を得たパフォーマンス改善が含まれています。 Is Turbopack really 10x Faster than Vite? · Discussion #8 · yyx990803/vite-vs-next-turbo-hmr 大規模なアプリケーションでのビルド時間とバンドルサイズの削減、HMRのincremental buildのパフォーマンス改善、Tree Shakingの改善によるバンドルサイズの削減などが含まれています。 Deno 1.28がリリースされました。 Deno 1.28: Featuring 1.3
three.jsやpixi.js等のライブラリを一切使わずにwebGL実行環境をJavaScriptスクラッチする(したい)
青い長方形が表示されているだけですが、テクスチャ画像に表示を切り替えたり頂点の数を変えたり(四角を三角にしたり)する場所にコメントを入れてコネコネできるようにしています(リサイズ対応済み...のはず) 埋め込みcodepenの下に連ねている引用元の素晴らしい入門サイトから、バラバラとコードを繋ぎ合わせているため、コードの整合性や効率に言及できていません。「動いた〜〜やった〜〜」程度の実験場です。「ちょっとこのfragmentShaderの挙動試したいな〜」という時にすぐ動かせる場所がほしくて書いています。 webGL入門サイト webglfundamentals wgld.org ICSメディア オススメwebGL学習教材(動画) codemafiaさん shin-codeさん
[Techpit] JavaScriptと比較しながら学ぶTypeScriptという書籍をリリースしました！
[Techpit] JavaScriptと比較しながら学ぶTypeScriptという書籍をリリースしました！ 人生2冊目となる(1冊目は、ZennでTodoMVCで手続き型脳から関数型脳へシフトしてみよう!)電子書籍をリリースしました！ プログラミングを学び始めてJavaScriptやPHP, Ruby等を書いているが、TypeScriptは使ったことがない もしくは静的型付け言語を書いたりTypeScriptを既に使っているが何が良いのか、わからず使ってしまっているという方に向けて書いた本になります。また、TypeScriptを上手く職場に普及したい、友人・知人に薦めたいという方にも適していると思います。興味があれば是非購入を検討してみてください。 どうして執筆したの？ 元々いろんな媒体で記事等を執筆していました。ZennでもBooksの機能にて、人生初の書籍執筆を行いました。そして、あ
![[Techpit] JavaScriptと比較しながら学ぶTypeScriptという書籍をリリースしました！](https://cdn-ak-scissors.b.st-hatena.com/image/square/99d4ce956cff1f0e7e2077a990788ebad2db4368/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--QjqMGyZl--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BTechpit%25255D%252520JavaScript%2525E3%252581%2525A8%2525E6%2525AF%252594%2525E8%2525BC%252583%2525E3%252581%252597%2525E3%252581%2525AA%2525E3%252581%25258C%2525E3%252582%252589%2525E5%2525AD%2525A6%2525E3%252581%2525B6TypeScript%2525E3%252581%2525A8%2525E3%252581%252584%2525E3%252581%252586%2525E6%25259B%2525B8%2525E7%2525B1%25258D%2525E3%252582%252592%2525E3%252583%2525AA%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252582%2525B9%2525E3%252581%252597%2525E3%252581%2525BE%2525E3%252581%252597%2525E3%252581%25259F%2525EF%2525BC%252581%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3AABAB%2525E2%252586%252591%2525E2%252586%252593BA%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2dqRm84X2NSbjU2WlRqUEpXQmNzQTVCMmZ0c1l6czFnUnAyRUZ5PXMyNTAtYw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
Ubuntuが10年間のメンテナンスを約束／Webpackの後継「Turbopack」が登場／PostgreSQLをWebブラウザ上で動かす、ほか。2022年10月の人気記事
Ubuntuが10年間のメンテナンスを約束／Webpackの後継「Turbopack」が登場／PostgreSQLをWebブラウザ上で動かす、ほか。2022年10月の人気記事 円安が続いていますね。個人事業主にとっては年末が事業年度の締めになるので、年内にどれだけ経費を使って何を買おうか思案する時期でもあります。 経費で購入する場合、一括で償却できる金額の上限は30万円なのですが、円安のおかげでPCやデジカメなどいろんなものの値段が上がってしまっていて、ちょっといいモノを買おうとすると微妙に30万円を超えてしまい、「ううーん、どうしよう」と頭を抱えることになります。 というわけで、まあ無理に経費を使わなくてもいいか、と思い始めているところです。 さて、2022年10月の人気記事を紹介していきましょう。 1位から3位 1位 Ubuntuが10年間のメンテナンスを約束「Ubuntu Pro」を
JavaScript’s two zeros
JavaScript has two zeros: −0 and +0. This post explains why that is and where it matters in practice. The signed zero Numbers always need to be encoded to be stored digitally. Why do some encodings have two zeros? As an example, let’s look at encoding integers as 4-digit binary numbers, via the sign-and-magnitude method. There, one uses one bit for the sign (0 if positive, 1 if negative) and the r
gRPCを使ってRust – JavaScript通信 | DevelopersIO
Introduction RPCは昔からあるクライアント−サーバー間の通信手法です。 サーバで実装されている関数をクライアントから呼んで実行します。 最近ではHTTP/HTTPSでクラサバ間通信をして、 フォーマットにXML(XML-RPC)やJSON(JSON-RPC)を利用するのが 多いようです。 (直近で私は使った記憶がないですが） 上記のRPCは各技術がメジャーなので採用しやすいですが、 パフォーマンスがそこまで高くなかったり バイナリデータが扱いにくかったりします。 そういった問題点を解決するために開発されたのが、 Google発のRPCであるgRPCです。 gRPC? gRPCはハイパフォーマンスなオープンソースのRPCフレームワークです。 Googleが開発したRPC技術（Stubby）が元となって開発され、オープンソース化されました。 現在はCNCFによって開発が進められて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ready to optimize your JavaScript with Rust? (Ep. 517) - Stack Overflow
angular vs astro vs react vs remix vs solid-js vs svelte vs vue | npm trends
Form handling in React-js - Java Code Geeks
Migrate from Webpack to Remix
useReducer Hook in React-js - Java Code Geeks
React Javascript
Kitploit – Maintenance in Progress
Learn Full Stack Development – HTML, CSS, JavaScript, Node.js, MongoDB