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/ac74047e7998166663f7811cf9a42627f5c08b4d/backend=imagemagick;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」を
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によって開発が進められて
2022-10-19のJS: Bun v0.2、Lerna v6、ECMAScript Decorator
JSer.info #614 - Bun v0.2.0がリリースされています。 Release Bun v0.2.0 · oven-sh/bun 0.2.0ではbun --hotでのHot Relaodingの対応、Bun.spawnの追加、ReadableStreamのサポート改善、package.jsonのimportsフィールドのサポートなど含まれています。 monorepo管理ツールのlerna v6.0.0がリリースされました。 Release v6.0.0 · lerna/lerna デフォルトでlerna runにNxを使うように、lerna add-cachingコマンドの追加、lerna repairコマンドの追加などの変更が含まれています。 内部的にNxを使うようになったため、Nxの機能であるリモートキャッシュなども利用できるようになっています。 Lerna rebor
Outsourcing React JS Development Services - Qiita
New-age businesses need new ways to grow and the extensive use of technology has made it possible for everyone to do so, and businesses have continuously evolved a lot. In this competitive block of companies, people list all the possibilities they can implement into their businesses. Be it new technologies, frameworks, or networks, businesses are seeking ways to keep their customers engaged and ga
2022-10-05のJS: Deno 1.26、axios v1.0.0、Optimize long tasks
JSer.info #612 - Deno 1.26がリリースされました。 Deno 1.26 Release Notes Cache APIのサポート、新しいパーミッションとして--allow-sysフラグが追加されています。 また、node_modulesディレクトリを扱う--node-modules-dirフラグの追加し、Node.jsとの互換モードであった--compatフラグを削除しています。 compat modeはnpm:識別子によって置き換えられた形になります。 またNode.jsコアモジュールへの互換性の改善、Deno.serve() APIなどパフォーマンス改善、TypeScrtipt 4.8へのアップデートなども含まれています。 HTTPクライアントライブラリのaxios v1.0.0がリリースされました。 Release v1.0.0 · axios/axios 複
AWS SDK for JavaScript v3 x Next.js で DynamoDB に UpdateItem してみた | DevelopersIO
加えて、今回試す環境ではAmplifyのAuthenticatorを利用して認証していることを前提としています。詳細については以下のエントリもご参照ください。 API Routes で DynamoDB に UpdateItem する まずは、API Routes を利用して DynamoDB に UpdateItem するコードです。 import type { Credentials } from '@aws-sdk/types' import type { NextApiRequest, NextApiResponse } from 'next' import { DynamoDBClient, UpdateItemCommand, UpdateItemCommandInput, UpdateItemCommandOutput, } from '@aws-sdk/client-dyn
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
useReducer Hook in React-js - Java Code Geeks
React Javascript
Kitploit – Maintenance in Progress
Learn Full Stack Development – HTML, CSS, JavaScript, Node.js, MongoDB
JavaScript’s two zeros
JavaScript to Know Before Learning ‘How to’ React
Reactを学ぶ上で知っておくべきJavaScriptの基本概念 - Qiita
Routing in react-js application - Java Code Geeks
Image search engine with React JS - React Query 🔋
コンテナ内のNext.js（Webpack）でHMRが動作しなくて困った - Qiita
billboard.js 3.6 release: official React wrapper & new enhancements!
The spicy React debate show 🌶️ (JS Party #244)