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

suzukiMY id:suzukiMY

javascriptに関するsuzukiMYのブックマーク (810)

Elevation Viewer
複数のPNG画像をそのままバイナリで結合すると、多くのブラウザやアプリケーションでは 1枚目の画像のみが表示されます。一方、2枚目の画像はJavaScript等でPNGヘッダ・フッタを探してその部分からインスタンス化すればデータPNGなどとして用いることができます。このサンプルは、1枚目の画像にマウスカーソルを合わせると表示されていない2枚目の画像から高度情報を計算してその地点の高度を表示します。
suzukiMY 2024/12/24
PNG

javascript
リンク
すぐ消えてしまう要素をDevToolsで確認するTips集
はじめにこんばんは！皆さんは以下のようなすぐ消えてしまう要素をDevToolsで確認したいときはどうしますか？常に表示されるようにわざわざコードを修正してから、DevToolsで要素を確認したりしていませんか？DevToolsをうまく使うことで、わざわざコードの修正をせずとも簡単に要素の確認をできるのでそのちょっとしたTipsのご紹介です！ ① CSSイベントでの確認方法まずはCSSイベントで要素の表示制御を行っているパターンでの確認方法です。以下のようにCSSイベントのhoverで表示制御をしている要素を例にDevToolsで確認する方法を見ていきましょう！ import "./style.css"; export const Index = () => { return ( <div> <button className="myButton">Button</button> <
suzukiMY 2024/10/03
javascript

tutorial

css

web
リンク
JavaScript Visualized - Promise Execution
Promises in JavaScript can seem a bit daunting at first, but understanding what's happening under the hood can make them much more approachable. In this blog post, we'll dive deep into some of the inner workings of promises and explore how they enable non-blocking asynchronous tasks in JavaScript. I'm still working on making this blog better on mobile devices, mobile browsers don't always render t
suzukiMY 2024/03/29
javascript

visualization

programming

development
リンク
Finishing Turborepo's migration from Go to Rust – Vercel
We've finished porting Turborepo, the high performance JavaScript and TypeScript build system, from Go to Rust. This lays the groundwork for better performance, improved stability, and powerful new features. Here’s how we finished this port and shipped the first all-Rust version of turbo. Since last timeAt the end of our previous article, we had completed the “Rust-Go-Rust sandwich”, or “Go sandwi
suzukiMY 2024/02/14
ビルドシステムのTurborepo が、Go から Rust へ移植（することになった経緯）

Rust

Go

TypeScript

JavaScript

blog
リンク
*p5.brush - Brush that canvas!
suzukiMY 2023/11/27
https://github.com/acamposuribe/p5.blender

javascript

art

generator

design
リンク
Bringing Modern JavaScript to the Jupyter Notebook
Visualizing Data via Deno, TypeScript, and VegaLite in JupyterLab Deno brings TypeScript, JavaScript, npm, and ES Modules to Jupyter with an easy to install kernel. The Deno Kernel is the first language runtime with a builtin jupyter kernel. There’s no better time to get started with Deno than now. Once deno is installed, run the deno jupyter kernel installation: deno jupyter --unstable --install
suzukiMY 2023/09/25
Jupyter

Deno

javascript

blog

TypeScript

Rust
リンク
Automate content workflows with Adobe Firefly Services | Adobe Creative Cloud
suzukiMY 2023/08/15
SDK

JavaScript

AWS

Photoshop

Adobe

API

cloud
リンク
For fast and secure sites | Jamstack
What is Jamstack? Jamstack is an architectural approach that decouples the web experience layer from data and business logic, improving flexibility, scalability, performance, and maintainability. Jamstack removes the need for business logic to dictate the web experience. It enables a composable architecture for the web where custom logic and 3rd party services are consumed through APIs. The Roots
suzukiMY 2023/06/06
Jamstack

JavaScript
リンク
Sourcery | Instant Code Review for Faster Velocity
Code reviews shouldn't be a blocker. Sourcery can review all of your PR's instantly - letting your team stay in flow and get more done.
suzukiMY 2023/03/30
リファクタリング。コードをレビューして改善点を自動的に提案する。IDEとコマンドラインから実行可能。Python以外にも対応予定（JavaScript など）で、投票を受け付けている。

Python

JavaScript

code

software

refactoring
リンク
Pyodide — Version 0.26.2
Pyodide# Pyodide is a Python distribution for the browser and Node.js based on WebAssembly. What is Pyodide?# Pyodide is a port of CPython to WebAssembly/Emscripten. Pyodide makes it possible to install and run Python packages in the browser with micropip. Any pure Python package with a wheel available on PyPI is supported. Many packages with C extensions have also been ported for use with Pyodide
suzukiMY 2023/03/08
https://github.com/pyodide/pyodide

Pyodide

Python

WebAssembly

Mozilla

node.js

JavaScript

browser
リンク
WebAssemblyの歴史について
はじめに最近、Node.jsとDenoの開発者であるRyan DahlさんがJavaScript Containersという記事を書いていることを知った。 Webとの親和性の高さがサーバーサイドで求められる中、JavaScriptがユニバーサルスクリプトとして活躍するだろう。そして、コンテナランタイムがLinuxコンテナの抽象レイヤーとしてあるように、JavaScript界隈では既存のWebAPIそのものが抽象化の手助けとなるであろう、みたいな趣旨の内容だった。彼がChromeのV8 JavaScript Engineを使ってNode.jsを誕生させた同じ頃、JavaScriptの可能性を信じて方法を模索した人がいる。Alon Zakaiさんだ。 Alon(以降、敬称略)はWebAssemblyやその考えの元になった asm.js 、 JavaScriptコンパイラ Emscripte
suzukiMY 2023/01/30
WebAssembly

Mozilla

Firefox

Chrome

JavaScript

Google

blog
リンク
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
suzukiMY 2023/01/01
javascript

library
リンク
Turbo
Make Ship HappenTurbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust.
suzukiMY 2022/10/26
Rust

JavaScript

TypeScript

build
リンク
Slack releases platform open beta powered by Deno
- 13 users
- deno.com
- 学び
This is a guest blog written by Jim Ray, Director of Developer Advocacy at Slack. Seven years ago, we launched the Slack Platform for the first time, inviting developers to bring their favorite tools into Slack, where they’re already working everyday. A lot has changed since then — we’re now in a serverless era, plus developers have more pressure than ever to build fast while also staying nim ble i
suzukiMY 2022/09/26
Deno

JavaScript

TypeScript

blog

Slack

API
リンク
正規表現の先読み・後読み
正規表現の「先読み（lookahead）」「後読み（lookbehind）」について紹介します。正規表現の「位置へのマッチ」正規表現は、文字列のパターンマッチに使われます。たとえば [0-9]{4} は数字4つが並ぶ文字列にマッチする表現です。多くの正規表現は「文字列」にマッチしますが、「文字列」ではなく「位置」にマッチする表現があります。これは、アンカーと呼ばれます。また、長さ0の文字列にマッチすると考えて、ゼロ幅アサーションとも呼ばれます。アンカーの例として、^（先頭）$（末尾）\b（単語の境界）などがあります。この例では、cat にはマッチします。一方、category や concat は cat を含みますが前後が単語の境界になっていないためマッチしません。先読み先読み（lookahead）は、位置にマッチする記法の一種です。位置の指定に正規表現を使います。(?=
suzukiMY 2022/08/23
regular expression

javascript

tutorial

blog
リンク
たった256文字のJavaScriptコードで描かれた街の風景アニメがスゴ過ぎて訳がわからない／解説ページを見てもわからないorz【やじうまの杜】
suzukiMY 2022/06/01
news

javascript
リンク
Pyscript.net
Just kidding, you don't need to install anything. 😃 To use PyScript you can either download it and follow the instructions, or add the following lines to your page. <link rel="stylesheet" href="https://pyscript.net/releases/2024.1.1/core.css" /> <script type="module" src="https://pyscript.net/releases/2024.1.1/core.js"></script> Click here for more info on how to use PyScript. Say Hello to PyScri
suzukiMY 2022/05/13
https://pyscript.net/examples/

PyScript

Python

Anaconda

browser

Pyodide

Javascript

WebAssembly
リンク
GitHub - webtoon/psd: Fast zero-dependency PSD parser for the web and Node.js
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
suzukiMY 2022/01/26
Adobe

Photoshop

TypeScript

javascript

parser
リンク
Open source maintainer pulls the plug on npm packages colors and faker, now what? | Snyk
On January 8, 2022, the open source maintainer of the wildly popular npm package colors, published colors@1.4.1 and colors@1.4.44-liberty-2 in which they intentionally introduced an offending commit that adds an infinite loop to the source code. The infinite loop is triggered and executed immediately upon initialization of the package’s source code, and would result in a Denial of Service (DoS) to
suzukiMY 2022/01/10
colors.jsとfaker.js

security

javascript

blog
リンク
colorsなどのnpmパッケージに悪意あるコードが含まれている問題について
追記: 2022年1月11日 2:29 JSTにDoS脆弱性としてセキュリティアドバイザーが出されて、悪意あるバージョン(1.4.1や1.4.2)はnpmからunpublishされ、npmの最新は安全なバージョンである1.4.0へと変更されました。 Infinite loop causing Denial of Service in colors · GHSA-5rqg-jm4f-cqx7 · GitHub Advisory Database 2022-01-08 に colors というnpmパッケージにDoS攻撃のコードが含まれたバージョンが1.4.44-liberty-2として公開されました。 GitHub: https://github.com/Marak/colors.js npm: https://www.npmjs.com/package/colors 問題についてのIssu
suzukiMY 2022/01/10
colors.jsとfaker.js

security

tutorial

javascript
リンク
1 2 3 4 5 6 7 8 9 10 次のページ

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx