[B! JavaScript] u_wot_m8のブックマーク

u_wot_m8 id:u_wot_m8

JavaScriptに関するu_wot_m8のブックマーク (227)

Learn JavaScript | web.dev
Stay organized with collections Save and categorize content based on your preferences.
u_wot_m8 2024/04/09
JavaScript
リンク
Fable · JavaScript you can be proud of!
Fable is a compiler that brings F# into the JavaScript ecosystem Functional programming and more Immutable by default. Powerful pattern matching. Lightweight syntax. Units of measure. Type providers. Enjoy. Type safety without the hassle Type inference provides robustness and correctness, but without the cost of additional code. Let the compiler catch bugs for you.
u_wot_m8 2024/03/15
F#

JavaScript
リンク
Prettier
Why is Prettier rock solid? I've always wondered why Prettier is so good. The idea was mainstreamed by gofmt, but gofmt doesn't indent, which is the hard part. Not only does prettier solve this harder probl em, but it is also solid. It has never broken my JS / TS code. I always wondered how it was so high quality. Today, I got the answer. This is Prettier's original author writing about it: Pretti
u_wot_m8 2024/02/19
Haskell

JavaScript
リンク
GitHub - fantasyland/fantasy-land: Specification for interoperability of common algebraic structures in JavaScript
The type signature notation used in this document is described below:1 :: "is a member of". e :: t can be read as: "the expression e is a member of type t". true :: Boolean - "true is a member of type Boolean". 42 :: Integer, Number - "42 is a member of the Integer and Number types". New types can be created via type constructors. Type constructors can take zero or more type arguments. Array is a
u_wot_m8 2023/10/11
JavaScript
リンク
Turbopack
Why Turbopack?With incremental behavior and adapta ble bundling strategies, Turbopack provides a fast and flexible development experience for apps of any size. Incremental by designBuilding once is enough work—once Turbopack performs a task, it never does it again.
u_wot_m8 2022/10/26
JavaScript

Rust
リンク
Bun — A fast all-in-one JavaScript runtime
Develop, test, run, and bundle JavaScript & TypeScript projects—all with Bun. Bun is an all-in-one JavaScript runtime & toolkit designed for speed, complete with a bundler, test runner, and Node.js-compatible package manager.
u_wot_m8 2022/07/07
JavaScript
リンク
Introduction - Partytown
Announcing Visual Copilot - Figma to production in half the time Run Third-Party Scripts From A Web Worker Partytown is a lazy-loaded library to help relocate resource intensive scripts into a web worker, and off of the main thread. Its goal is to help speed up sites by dedicating the main thread to your code, and offloading third-party scripts to a web worker. Note: Partytown is still in beta and
u_wot_m8 2022/04/05
JavaScript
リンク
Testing Frameworks for Javascript | Write, Run, Debug | Cypress
design-system assets cypress e2eAuthentication.cy.ts src componentsButton.cy.tsxButton.tsx describe('Auth', () => { it('user should be able to log in', () => { cy.visit('/') // open the login modal cy.get('button').contains('Login').click() // fill in the form cy.get('input[type="em ail"]').type('[em ail protected]') cy.get('input[type="password"]').type('test123') // submit the form
u_wot_m8 2022/03/30
JavaScript
リンク
GitHub - remotion-dev/remotion: 🎥 Make videos programmatically with React
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
u_wot_m8 2022/03/05
React

JavaScript

CSS

SVG

WebGL
リンク
イベントループ(event loop): microtask と macrotask
ブラウザの JavaScript 実行フローは、Node.js 同様 event loop に基づいています。 event loop の動作を理解することは最適化のためには重要であり、適切なアーキテクチャにとっても重要である場合があります。このチャプターでは、最初にそれがどのように動作するかについて理論的な詳細を説明し、次にその知識の実践的な使用例を見ていきます。 Event Loopevent loop のコンセプトは非常にシンプルです。無限ループで JavaScript エンジンはタスクを待機し、それらを実行し、また次のタスクを待機します。エンジンの一般的なアルゴリズムは次の通りです: タスクがある間: 最も古いタスクから開始し、それらを実行します。タスクが現れるまでスリープし、現れると 1. に進みます。これは、ページを閲覧するときに見られることの形式化です。JavaScri
u_wot_m8 2022/02/28
JavaScript
リンク
9 New React and JavaScript Links for February 2022 | CSS-Tricks
u_wot_m8 2022/02/14
React

JavaScript
リンク
JavaScriptを遊び尽くす究極のWebサービス・ツールを厳選して大公開！ - paiza times
どうも、まさとらん（@0310lan）です！今回は、JavaScriptを使ってとにかく遊んだり楽しんだりできるインタラクティブなWebサービスやツールを厳選してご紹介します。ゲーム体験をしたり、アート作品を作ったり、JavaScriptで開発されたユニークなサービスを利用してじっくりと遊んでみましょう。 Webの楽しい世界にご興味ある方は、ぜひ参考にしてください！ ■リアルタイムにコードを書いて戦うオンライン対戦ゲーム【yare.io】世界中のプレイヤーと1対1で戦うゲームなのですが、その戦い方はJavaScriptのコードをリアルタイムに書き換えながら自機を操作するというのが大きな特徴です。見た目は簡素なシューティングゲームですが、実はかなり奥深いストラテジーゲームみたいな要素が詰まっています。ゲームの大まかな流れとしては、以下のとおりです。 JavaScriptで自機を制
u_wot_m8 2022/01/28
JavaScript
リンク
This web page has moved
“JavaScript for impatient programmers” is now “Exploring JavaScript”. You’ll be transported to the new website.
u_wot_m8 2021/12/27
JavaScript
リンク
モダン JavaScript チートシート
Skip to the content. モダン JavaScript チートシート画像クレジット: Ahmad Awais ⚡️ イントロダクション動機このドキュメントはモダンなプロジェクトでよく見られる JavaScript のチートシートと最新のサンプルコードです。このガイドは読者に JavaScript をゼロから教えるものではありません。基礎知識は持っていて、モダンなコードベースに慣れる（例えば React を学ぶ）のに苦労している開発者を助けるためのものです。説明の中で JavaScript の諸概念が使われています。また、議論の余地のあるポイントについてときどき個人的な tips を載せますが、その際はあくまでも個人的なおすすめであることを述べるように気をつけます。メモ: ここで紹介されている概念のほとんどは JavaScript 言語のアップデート（ ES2
u_wot_m8 2021/10/11
JavaScript
リンク
PostCSS - a tool for transforming CSS with JavaScript
Add vendor prefixes to CSS rules using values from Can I Use. Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you. :fullscreen { }CSS input:-webkit-full-screen { } :-ms-fullscreen { } :fullscreen { }CSS output PostCSS Preset Env, lets you convert modern CSS into something most browsers can understand, determining the polyfills you need
u_wot_m8 2021/09/06
CSS

JavaScript
リンク
TypeScript入門『サバイバルTypeScript』〜実務で使うなら最低限ここだけはおさえておきたいこと〜
本書『サバイバルTypeScript』は実務でTypeScriptを使う開発者のための入門書です。そして、このページはTypeScriptの特徴を最速で把握できるよう、数百ページからなる本書のコンテンツをつまみ食いした要約です。 » 本書ついて詳しく知る » とにかく今すぐTypeScriptを書いてみたい TypeScriptとはJavaScriptのスーパーセットとなるプログラミング言語。静的型付け言語であり、プログラムの正しさが静的に検査できる。ライブラリやIDEなどの開発環境が充実しており、大きなエコシステムを持っている。Microsoftが2012年に開発し、オープンソースで公開した。» TypeScriptの特徴について詳しく知る » TypeScript誕生の背景について詳しく知る TypeScriptはJavaScriptのスーパーセットスーパーセットとは、元の言語との
u_wot_m8 2021/08/31
TypeScript

JavaScript
リンク
「がんばらないTypeScript」のための現実的な設定を考える ─ 4レベルの厳しさを使い分けてTypeScript疲れを克服しよう！｜ハイクラス転職・求人情報サイト AMBI（アンビ）
ハイクラス求人TOP IT記事一覧「がんばらないTypeScript」のための現実的な設定を考える ─ 4レベルの厳しさを使い分けてTypeScript疲れを克服しよう！「がんばらないTypeScript」のための現実的な設定を考える ─ 4レベルの厳しさを使い分けてTypeScript疲れを克服しよう！エンジニアHubでは2019年に「がんばらないTypeScript」を紹介しました。JavaScriptに静的型付けなどを提供するTypeScriptは、今では実プロジェクトに採用されるプログラミング言語になっています。そこで現実的なTypeScriptの設定を、藤吾郎（gfx）さんに解説してもらいました。 2021年の現在、TypeScriptの価値はますます広く認められるところとなり、多くのJavaScript プロジェクトがTypeScriptで開発されるようになってきました。またT
u_wot_m8 2021/08/27
TypeScript

JavaScript
リンク
Structure and Interpretation of Computer Programs
u_wot_m8 2021/08/12
なにっ

JavaScript
リンク
超強力な関数型プログラミング用ライブラリ Ramda.js を学ぼう #2 - lens でオブジェクト操作も思いのまま | Recruit Tech Blog
超強力な関数型プログラミング用ライブラリ Ramda.js を学ぼう #2 - lens でオブジェクト操作も思いのまま wakamsha lens とは？端的に言うと、 getter や setter を関数型プログラミング的に抽象化したものです。対象となるオブジェクトや配列の特定のプロパティやインデックスからデータを取得したり変換することが出来ます。と、これだけ聞くと何の凄さも伝わってきませんが、ネストの激しい複雑なデータ構造に対して不変性を保ちつつアクセスできるというのが一番の特徴として挙げられます。元々は Haskell に lens というパッケージがあり、これを Ramda.js の API として実装したものだと思っていただければ OK です。参考: lens: Lenses, Folds and Traversals 諸説ありますが、対象のプロパティに対し『レンズのよ
u_wot_m8 2021/04/12
JavaScript

lens
リンク
Recoil
Minimal and ReactishRecoil works and thinks like React. Add some to your app and get fast and flexible shared state. Data-Flow GraphDerived data and asynchronous queries are tamed with pure functions and efficient subscriptions. Cross-App ObservationImplement persistence, routing, time-travel debugging, or undo by observing all state changes across your app, without impairing code-splitting.
u_wot_m8 2021/02/21
JavaScript

React

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