並び順

ブックマーク数

期間指定

  • から
  • まで

201 - 240 件 / 1051件

新着順 人気順

JavaScriptの検索結果201 - 240 件 / 1051件

  • Migrating 500+ tests from Mocha to Node.js | Astro

    Over a month ago, we discussed a possible migration to the Node.js test runner. While we were sufficiently happy with Mocha, we are always looking to make our CI jobs faster. Relying on a test runner baked inside our runtime had some advantages for our main monorepo: Two fewer dependencies to install and maintain in our monorepo: mocha and chai. Maintainability: there are more people involved in t

      Migrating 500+ tests from Mocha to Node.js | Astro
    • ブラウザーにChromeのデベロッパーツールを埋め込めるReactコンポーネントを作ってみた

      とてもニッチな用途で使えるコンポーネントですがその場のiframeのデバックができるReactコンポーネントを作ってみました! まずはこちらのポストをご覧ください! このポストではChromeのデベロッパーツールを開いているわけではなく、ブラウザー内に直接デベロッパーツールが埋め込まれています! 今回はこのようなReactコンポーネントを作ってみたので、どのように作ったかをご紹介したいと思います。 デモページ こちらのページで実際にデモを試すことができます。 https://react-embed-devtools.vercel.app/ なぜ作ったか Reactをオンラインで学習できるサービスmosya Reactを先日リリースしました。 このサイトではオンライン上でコードを書いてその場で書いたコードがプレビューできるようになっています。 詳しい開発記事はこちらをご覧ください! ただ、プ

        ブラウザーにChromeのデベロッパーツールを埋め込めるReactコンポーネントを作ってみた
      • PCの画面を見続けると目が疲れる……PCの作業効率低下を解決する方法を考えてみた[Sponsored]

          PCの画面を見続けると目が疲れる……PCの作業効率低下を解決する方法を考えてみた[Sponsored]
        • Object structure in JavaScript engines

          Object structure in JavaScript enginesFrom a developer's perspective, objects in JavaScript are quite flexible and understandable. We can add, remove, and modify object properties on our own. However, few people think about how objects are stored in memory and processed by JS engines. Can a developer's actions, directly or indirectly, impact performance and memory consumption? Let's try to delve i

            Object structure in JavaScript engines
          • JavaScriptで頭の体操をしよう!『JS体操』


            JavaScriptJS JSJavaScriptJavaScript JavaScript使使 JavaScript使   No.1 使or 
            • Learn JavaScript  |  web.dev

              Stay organized with collections Save and categorize content based on your preferences.

              • GitHub - samthor/kuto: Faster updates for big JS projects

                🌈 Kuto makes updating your site's JS better, faster, harder, stronger. It reduces your download size by re-using code you've already shipped. Read more on the blog, or watch Theo.gg's video! 🌈 It does this by splitting JS files (in ESM) into 'main' and static parts. The static parts can be cached by clients forever, as they have no side-effects, and can be used as a 'corpus' or dictionary of cod

                  GitHub - samthor/kuto: Faster updates for big JS projects
                • フレームワーク「Svelte」「Solid」が話題。画期的だった仮想DOMと脱仮想DOMへの流れ

                  フレームワーク「Svelte」「Solid」が話題。画期的だった仮想DOMと脱仮想DOMへの流れ 2024年4月8日 執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるHTML+JavaScriptの基本』など。 監修 山田 祥寛 静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表

                    フレームワーク「Svelte」「Solid」が話題。画期的だった仮想DOMと脱仮想DOMへの流れ
                  • 新たなJavaScript RPCライブラリをCloudflareがオープンソースで提供 ー Web開発・マイクロサービス開発を進化させる可能性も


                    46CloudflareCloudflare WorkersJavaScriptRPCRemote Procedure Call46CloudflareCloudflare WorkersJavaScriptRPCRemote Procedure Call Worker RPCRemote Procedure Call
                      新たなJavaScript RPCライブラリをCloudflareがオープンソースで提供 ー Web開発・マイクロサービス開発を進化させる可能性も
                    • ESLintがメジャーバージョンアップしてv9.0.0に ー Flat configがデフォルトに、新たなルール導入、Node.js v19以前のサポート終了

                      4月6日、JavaScriptのコード品質管理ツールであるESLintは、その最新版バージョン9.0.0をリリースした。このアップデートでは、新機能の導入、バグ修正、そしていくつかの重大な変更が行われた。 4月6日、JavaScriptのコード品質管理ツールであるESLintは、その最新版バージョン9.0.0をリリースした。このアップデートでは、新機能の導入、バグ修正、そしていくつかの重大な変更が行われた。 新しいバージョンをインストールするには、以下のコマンドを実行するだけでよい。 npm i eslint@9.0.0 --save-dev 主な変更点を以下に挙げる。 Node.jsサポートの更新 主要な変更点の一つとして、Node.jsのサポートが更新された。これにより、Node.js v18.18.0未満およびv19のサポートが終了し、Node.js v20.xが現在のLTSリリース

                        ESLintがメジャーバージョンアップしてv9.0.0に ー Flat configがデフォルトに、新たなルール導入、Node.js v19以前のサポート終了
                      • Promise や Context から値を読み取る use React フック


                        use  2024 4React  Canary  experimental  use Promise  Context  React  Promise  import { use } from "react"; const fetchUsers = async () => { const response = await fetch("/api/users"); return response.json(); }; const Users = () => { const users = use(fetchUsers()); return ( <ul> {users.map((user) => ( <li key={user.id}>
                          Promise や Context から値を読み取る use React フック
                        • Release 8.0.0 · google/zx

                          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

                            Release 8.0.0 · google/zx
                          • 文字数のカウントはどれが正解なのか?


                            A. Intl.Segmenter  ()   str.length 
                              文字数のカウントはどれが正解なのか?
                            • Introducing ESLint Config Inspector - ESLint - Pluggable JavaScript Linter

                              As of ESLint v9,0.0, the new configuration system has reached general availability, bringing with it many benefits. Configuration files are now easier to manage and more transparent to compose. However, it can still be non-trivial to understand which rules are enabled and disabled for specific files, especially when your configuration is complex or composed from multiple sources. That’s why we are

                                Introducing ESLint Config Inspector - ESLint - Pluggable JavaScript Linter
                              • GitHub - zheksoon/dioma: Elegant dependency injection container for vanilla JavaScript and TypeScript

                                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

                                  GitHub - zheksoon/dioma: Elegant dependency injection container for vanilla JavaScript and TypeScript
                                • ESLint v9.0.0 released - ESLint - Pluggable JavaScript Linter

                                  Highlights This is a summary of the significant changes, both breaking and non-breaking, you need to know about when upgrading from ESLint v8.x to ESLint v9.0.0. Installing Because this is a major release, you may not automatically be upgraded by npm. To ensure you are using this version, run: npm i eslint@9.0.0 --save-dev Migration Guide As there are a lot of changes, we’ve created a migration gu

                                    ESLint v9.0.0 released - ESLint - Pluggable JavaScript Linter
                                  • We've added JavaScript-native RPC to Cloudflare Workers

                                    We've added JavaScript-native RPC to Cloudflare Workers04/05/2024 Cloudflare Workers now features a built-in RPC (Remote Procedure Call) system enabling seamless Worker-to-Worker and Worker-to-Durable Object communication, with almost no boilerplate. You just define a class: export class MyService extends WorkerEntrypoint { sum(a, b) { return a + b; } } And then you call it: let three = await env.

                                      We've added JavaScript-native RPC to Cloudflare Workers
                                    • JavaScript: 哀れな圧縮力だ! - Qiita


                                      programhuffman5060% // function comp(A){ for(var a=0,b=1,c,d=0,e,f=1,B=[0],C=[];(e=A[a++])>-1;c=c*32+e) C[c&=131071]^e?B[b++]=C[c]=e:B[d]|=f,(f<<=1)>128&&(B[d=b++]=0,f=1); return~d+b||--B.length,B } // function decomp(A){ for(var a=0,b=0,c=0,d=A.length,f,B=[],C=[];a<=d;c=c*32+(B[b++]=f&1?C[c]:C
                                        JavaScript: 哀れな圧縮力だ! - Qiita
                                      • Regexide

                                        Why XML Comments matter XML is a popular format for storing and sharing data. It was explicitly designed for people and programs to read and write data.[1] From spreadsheets to save states, most modern software and games parse and write XML. XML comments are special notes that parsers should not treat as data. XML comments start with <!-- and end with -->. Technically XML comments must not contain

                                        • Deno、プロジェクト作成フローを刷新 ー Deno Deployの開発者体験が大幅に向上

                                          4月4日、Deno Deployが新しいプロジェクト作成フローを発表した。 Deno Deployは、ウェブ上でJavaScript / TypeScriptを簡単かつ高速にデプロイして実行するためのプラットフォーム。 このクラウドベースのサービスは、V8アイソレートクラウドを利用しており、npmをネイティブでサポートしているほか、グローバルに分散されたキーバリューストア、キュー、cronなどの組み込みのクラウドプリミティブを提供している。 新しいプロジェクト作成フローでは、GitHubリポジトリからのプロジェクト作成がより簡単になった。自動的なフレームワーク検出により、GitHubリポジトリとの接続時にフレームワークが自動的に検出され、それに応じて適切な設定が行われる。 また、ビルドステップのオプションが追加され、プロジェクトに応じてビルドが必要な場合は、GitHub Actionsを使

                                            Deno、プロジェクト作成フローを刷新 ー Deno Deployの開発者体験が大幅に向上
                                          • The V8 Sandbox · V8

                                            After almost three years since the initial design document and hundreds of CLs in the meantime, the V8 Sandbox — a lightweight, in-process sandbox for V8 — has now progressed to the point where it is no longer considered an experimental security feature. Starting today, the V8 Sandbox is included in Chrome's Vulnerability Reward Program (VRP). While there are still a number of issues to resolve be

                                            • Strudel REPL

                                              Strudel is a music live coding environment for the browser, porting the TidalCycles pattern language to JavaScript.

                                              • プログラミング言語をすぐに試せる「プレイグラウンド」まとめ。2024年版


                                                 Web  使 X/Twitter
                                                  プログラミング言語をすぐに試せる「プレイグラウンド」まとめ。2024年版
                                                • JavaScriptパッケージシステム「npm」は巨大なバグを抱えていると指摘し、新たなパッケージシステムを開発する「vlt」。npm作者らの参加を発表

                                                  JavaScriptパッケージシステム「npm」は巨大なバグを抱えていると指摘し、新たなパッケージシステムを開発する「vlt」。npm作者らの参加を発表 npmに代わる新しいJavaScriptのパッケージシステム「vlt」(vōlt:ボールト)を開発しているvlt technologyは、同社にnpmの作者であるIsaac Z. Schlueter氏、npmのスタッフエンジニアリングマネージャであったDarcy Clarke氏、npmのCLIチームであったRuy Adornoらが参加すると発表しました。 Node.jsとnpmが作ったJavaScriptのエコシステム サーバサイドでJavaScriptを実行可能にしたNode.jsの登場と、そのNode.jsを基盤にJavaScriptのアプリケーションやモジュールなどをパッケージングして登録し、自由にダウンロード可能にしたレジストリで

                                                    JavaScriptパッケージシステム「npm」は巨大なバグを抱えていると指摘し、新たなパッケージシステムを開発する「vlt」。npm作者らの参加を発表
                                                  • テストコード品質を高めるためにJS向けMutation Testingライブラリ・Strykerを実戦導入してみた


                                                     hitocolorKanon20242hitocolor hitocolorkokoroee hitocolorjoinStryker Stryker[1]TOPICS hitocolor  Mutation
                                                      テストコード品質を高めるためにJS向けMutation Testingライブラリ・Strykerを実戦導入してみた
                                                    • WebViewからReact Nativeの関数を型安全に呼び出す

                                                      今までCapacitor(=WebViewのみ)で実装されていたユビーのモバイルアプリ(Android/iOS)を、React NativeとWebViewを組み合わせたハイブリッドアプリとして刷新しています。その過程で、WebView内で実行されるJavaScriptから、React Native側で定義した関数を型安全に呼び出せるライブラリを実装しました。その使用例と仕組みを紹介します。 使い方 React Native側の実装 まずライブラリをインストールします。Peer dependenciesであるreact-native-webviewとcomlinkも入れてください。 npm install @react-native-webview-rpc/native npm install react-native-webview comlink # peer dependencies

                                                        WebViewからReact Nativeの関数を型安全に呼び出す
                                                      • Bun 1.1ついにリリース ー 新APIが多数追加、Windowsへの本格対応、Node.jsとの互換性向上

                                                          Bun 1.1ついにリリース ー 新APIが多数追加、Windowsへの本格対応、Node.jsとの互換性向上
                                                        • JavaScriptランタイム「Bun 1.1」正式リリース。Windows版登場、Node.jsとの互換性向上、前バージョンより高速化など

                                                          JavaScriptランタイム「Bun 1.1」正式リリース。Windows版登場、Node.jsとの互換性向上、前バージョンより高速化など BunはJavaScriptとTypeScriptのランタイム機能を備えるだけでなく、トランスパイラ、バンドラ、タスクランナー、npm互換のパッケージマネージャなど、JavaScript/TypeScriptのツールチェーンを統合したソフトウェアです。 Bun 1.1ではこれまで提供されていたLinux版、macOS版に加えて、Windows版が追加されたのが最大の特徴です。 Bun 1.1でWindows版が登場 Bun 1.1はPowerShellから下記のコマンドで簡単にインストール可能です。画像左は、Bunの作者であるJarred Sumner氏。 Bunは以前から高速な動作も特徴の1つとして説明しています。下記はWindows上で「bun

                                                            JavaScriptランタイム「Bun 1.1」正式リリース。Windows版登場、Node.jsとの互換性向上、前バージョンより高速化など
                                                          • 2024-04-02のJS: gulp 5.0.0、Deno 1.42、Bun 1.1(Windows)

                                                            JSer.info #687 - gulp 5.0.0がリリースされました。 Release gulp v5.0.0 · gulpjs/gulp gulpが久々にアップデートされています。 Node.js 10.13未満のサポート終了、ストリームエンコードをUTF-8に変更、非推奨のローダーの削除が行われています。 また、gulpfile.cjsとgulpfile.mjsをサポート、swc/esbuild/sucrase/mdxローダーの追加、extends構文のサポートなども追加されています。 Deno 1.42がリリースされました。 Deno 1.42: Better dependency management with JSR JSRをサポートするdeno publishとdeno addコマンドが追加されています。 deno taskで実行するスクリプトをクロスプラットフォームで実

                                                              2024-04-02のJS: gulp 5.0.0、Deno 1.42、Bun 1.1(Windows)
                                                            • シンタックスハイライトをライブラリなしで簡単に!Custom Highlight APIの魅力 - コハム

                                                              Syntax Highlighting code snippets with Prism and the Custom Highlight API 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブ上の構文ハイライトの一般的な仕組みは、すべてのトークンを要素で囲み、適切なクラスを割り当て、CSSを使って色付けすることです。 CSS Custom Highlight APIのおかげで、DOMツリーにを散りばめてカラー情報を追加するステップを省略できます。 Custom Highlight APIの基礎 ブラウザサポート 静的コードスニペットの構文ハイライト 仕組み ステップ1:セットアップ ステップ2:コードのトークン化 ステップ3:トークンとハイライトの関連付け Custom Highlight APIの欠点 制限されたスタイリングオ

                                                                シンタックスハイライトをライブラリなしで簡単に!Custom Highlight APIの魅力 - コハム
                                                              • Bun 1.1 | Bun Blog

                                                                Bun is a fast, all-in-one toolkit for running, building, testing, and debugging JavaScript and TypeScript, from a single script to a full-stack application. If you're new to Bun, you can learn more in the Bun 1.0 blog post. Bun 1.1 is huge update. There's been over 1,700 commits since Bun 1.0, and we've been working hard to make Bun more stable and more compatible with Node.js. We've fixed over a

                                                                • React フレームワークの 動向と選定基準

                                                                  まずはじめ React に焦点を置き、昨今のフロントエンドでどのようなフレームワークが選択肢にあげられるのかについて紹介します。続いて、技術選定を行う際に、どのようなことを考えるべきかについて話します。最後にこれまで話した点を踏まえて、私が実際に技術選定を行った際にどのような選択をしたのか実践的な内容について触れたいと思います。

                                                                    React フレームワークの 動向と選定基準
                                                                  • 100秒で理解するPromise


                                                                     Promise 100 Promise  PromiseES2015 PromiseES2015 PromisePromise jsprimer - :Promise/Async Function  
                                                                      100秒で理解するPromise
                                                                    • M3 Technologies

                                                                      エムスリーテクノロジーズは、 医療業界で圧倒的成長を続ける エムスリーグループ全体を更に加速するために創設されました。

                                                                        M3 Technologies
                                                                      • グループ会社支援を目的とした開発支援専門会社|エムスリーテクノロジーズ株式会社を設立


                                                                          CTO / VPoP202441 112009M&A202331322023376% 
                                                                          グループ会社支援を目的とした開発支援専門会社|エムスリーテクノロジーズ株式会社を設立
                                                                        • Googleの内部フレームワーク「Wiz」がついに公開、Angularと統合 ー 長年存在を示唆されてきた謎のフレームワーク

                                                                            Googleの内部フレームワーク「Wiz」がついに公開、Angularと統合 ー 長年存在を示唆されてきた謎のフレームワーク
                                                                          • GitHub - proposal-signals/proposal-signals: A proposal to add signals to JavaScript.

                                                                            Stage 0 Authors: Rob Eisenberg and Daniel Ehrenberg This document describes an early common direction for signals in JavaScript, similar to the Promises/A+ effort which preceded the Promises standardized by TC39 in ES2015. Try it for yourself, using a polyfill. Similarly to Promises/A+, this effort focuses on aligning the JavaScript ecosystem. If this alignment is successful, then a standard could

                                                                              GitHub - proposal-signals/proposal-signals: A proposal to add signals to JavaScript.
                                                                            • Webブラウザで3Dモデルを高速に描画する「Babylon.js 7.0」正式リリース。MMD(MikuMikuDance)やApple Vision Proサポート

                                                                              Webブラウザで3Dモデルを高速に描画する「Babylon.js 7.0」正式リリース。MMD(MikuMikuDance)やApple Vision Proサポート Webブラウザで3Dモデルを高速に描画する「Babylon.js 7.0」正式リリース。MMD(MikuMikuDance)やApple Vision Pro、WebXRなどをサポートし、よりリアルなレンダリングを実現する機能追加も行われた。 マイクロソフトは、Webブラウザ上で2Dや3Dモデルの高速なレンダリングなどを可能にするオープンソースのJavaScriptライブラリ「Babylon.js」の最新版「Babylon.js 7.0」正式版をリリースしました。 We are proud to announce that Babylon.js 7.0 has officially been released! The ne

                                                                                Webブラウザで3Dモデルを高速に描画する「Babylon.js 7.0」正式リリース。MMD(MikuMikuDance)やApple Vision Proサポート
                                                                              • 【告知】「フロントエンドカンファレンス北海道2024」を、2024年8月24日(土)に開催します!|フロントエンドカンファレンス北海道実行委員会

                                                                                みなさん、こんにちは! 「フロントエンドカンファレンス北海道」の運営チームです。 私たちは、来る2024年8月24日(土)に、北海道札幌市で、全国のプロダクト開発に携わるエンジニアとデザイナーが交流できる場所を作り出すことを目指し、「フロントエンドカンファレンス北海道」を開催することを決定いたしました! これに伴い、「フロントエンドカンファレンス北海道」に少しでも興味を持っていただくための情報発信の場として、この度公式 note を開始する運びとなりました。 初回である今回は、「フロントエンドカンファレンス北海道」の概要や目的、プロポーザルやスポンサー募集について、現時点までにご紹介できる情報をまとめさせていただきましたので、最後までご覧いただけると幸いです。 概要イベント開催日は、2024年8月24日(土)です。場所は札幌駅から徒歩2分、複合ビル JR 55SAPPORO の8階に位置す

                                                                                  【告知】「フロントエンドカンファレンス北海道2024」を、2024年8月24日(土)に開催します!|フロントエンドカンファレンス北海道実行委員会
                                                                                • Running OCR against PDFs and images directly in your browser

                                                                                  30th March 2024 I attended the Story Discovery At Scale data journalism conference at Stanford this week. One of the perennial hot topics at any journalism conference concerns data extraction: how can we best get data out of PDFs and images? I’ve been having some very promising results with Gemini Pro 1.5, Claude 3 and GPT-4 Vision recently—I’ll write more about that soon. But those tools are stil

                                                                                    Running OCR against PDFs and images directly in your browser