並び順

ブックマーク数

期間指定

  • から
  • まで

2841 - 2880 件 / 3572件

新着順 人気順

*JavaScriptの検索結果2841 - 2880 件 / 3572件

  • GitHub - boa-dev/boa: Boa is an embeddable and experimental Javascript engine written in Rust. Currently, it has support for some of the language.

    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 - boa-dev/boa: Boa is an embeddable and experimental Javascript engine written in Rust. Currently, it has support for some of the language.
    • lernaからlerna-lite + turborepoに移行する

      Secretlintはmonorepoとなっていて、パッケージを公開する際にlernaを利用していました。 しかし、lernaは現在メンテナンスされていないため、publish機能だけを取り出したlerna-liteと効率的なmonorepo向けのビルドツールであるTurborepoへ移行しました。 Lerna is largely unmaintained · Issue #2703 · lerna/lerna 追記: NxによってLernaがメンテナンスされるそうです。 Announcement: Passing the torch · Issue #3121 · lerna/lerna Lerna is dead — Long Live Lerna. If you’re in a hurry, here’s the TL;DR: | by Juri Strumpflohner | M

        lernaからlerna-lite + turborepoに移行する
      • Why Patching Globals Is Harmful

        Level up your testing skills by learning directly from me! Read more Honestly, I'd never thought I'd be writing about this, but the matter of patching globals turned out to be one of those topics that a lot of engineers seem to misunderstand. Most of us don't do monkey-patching, and even fewer stay around those implementations long enough to witness their impact. All the more reason to talk about

          Why Patching Globals Is Harmful
        • JITアセンブラXbyakを使ってみる(その1) - Qiita

          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

            JITアセンブラXbyakを使ってみる(その1) - Qiita
          • はじめに | Next.js

            Next.js のドキュメントへようこそ! Next.js を初めて使用する場合は、学習コースから始めることをお勧めします。 学習コースは翻訳されていません。 インタラクティブなクイズによる学習コースでは、Next.js を使うために必要なすべての知識を習得できます。 Next.js に関連事項する質問がある場合は、GitHub Discussions のコミュニティーでなんでも質問してください。 システム要件 Node.js 12.22.0 または、それ以降 MacOS, Windows (WSL を含む)、そして Linux をサポート 自動セットアップ すべてを自動的にセットアップする create-next-app を使って、Next.js アプリを作成することをお勧めします。プロジェクトを作成するために、次を実行します: npx create-next-app@latest #

            • Go 1.16のgo:embedとNext.jsの相性が悪い問題と戦う | フューチャー技術ブログ

              前エントリーのGo 1.16のembedとchiとSingle Page Applicationでは、Vue.jsで生成したファイルをバンドルしました。Vue.jsや、Parcel V2でビルドしたコンテンツを配信するにはこれで問題ありません。しかし、React(Next.js)は要注意です。 フロントエンドの環境整備をどうやって行うかはいつも悩みの種ですが、そんな中、僕が3年ほど前から他の人にお勧めしていたのがNext.jsでした。ほとんどの最低限必要なツール群は整備済みで、最近のバージョンであればTypeScriptを使うのも簡単。Linter(npm exec eslint –init)とFormatter(npm install prettierと環境整備)ぐらいでコードを書き始められます。 しかし、環境構築が簡単なNext.js製のウェブアプリケーションのビルド済みのフロントエン

                Go 1.16のgo:embedとNext.jsの相性が悪い問題と戦う | フューチャー技術ブログ
              • 「Chrome 113」β版で「WebGPU」が利用可能に JavaScriptの負荷軽減、機械学習モデル推論を3倍以上改善

                GoogleのChromeチームは2023年4月6日(米国時間)、同日にリリースしたWebブラウザ「Chrome 113」のβ版で、新しいWebグラフィックスAPI「WebGPU」が利用可能になったと発表した。 Chrome 113は、4月26日に安定版のリリースが予定されている。 「WebGL」および「WebGL 2」の後継となるWebGPUは、同じグラフィックスでもJavaScriptの作業負荷を大幅に軽減したり、機械学習(ML)モデルの推論を3倍以上改善したりするといった大きなメリットをもたらす。これは柔軟なGPUプログラミングと、WebGLが提供しない高度な機能へのアクセスにより可能となる。 WebGPUとは? 関連記事 Microsoft、WebGPUをフルサポートする3Dレンダリングエンジン「Babylon.js 5.0」を公開 Microsoftは、WebGPUのフルサポート

                  「Chrome 113」β版で「WebGPU」が利用可能に JavaScriptの負荷軽減、機械学習モデル推論を3倍以上改善
                • AutoAnimate - Add motion to your apps with a single line of code

                  Introducing KickStart —  AI generated FormKit forms in seconds. Generate from a screenshot, edit with drag-and-drop or conversational AI, copy & paste as components or schema! Try for free Add motion to your apps with a single line of code. AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Solid, Vue, Svelte, or any oth

                    AutoAnimate - Add motion to your apps with a single line of code
                  • 依存ライブラリを減らす

                    自社主力製品(以下自社製品)の依存ライブラリを減らしたので、雑に書いていきます。 もともと、自社製品の依存ライブラリは多くありません。Erlang/OTP というマニアックな言語で書かれていることもあり、多くの依存ライブラリは自前で書いています。 自前ではない依存ライブラリは JSON、JSON スキーマ、HTTP サーバー、HTTP クライアント、Raft などです。 今回は HTTP クライアントをライブラリ依存が少ないライブラリに変更し、さらに JSON スキーマを Fork し、依存しているライブラリを減らしました。 HTTP/1.1 クライアント Hackney の削除

                    • Node.js と Deno と Bun のどれを使えばいいのか - Qiita

                      現在注目されているサーバーサイドJavaScriptランタイムといえば、Node.js と Deno と Bun の3つが挙がると思います。この記事ではそれぞれのランタイムを比較し、将来的にどのような使い分けをしていけばいいのか考えます。 Node.js と Deno と Bun の現在 npmライブラリにはすべてのランタイムが対応 Node.js:当然npmライブラリには対応しています。 Deno:npmパッケージを配布するCDNや、npmインポートを使うことで対応しています。 Bun:対応しています。 「Denoが急に方針転換をしてnpm対応を始めた」というのはよくある間違いです。 Big Changes Ahead for Deno(Denoの今後の大きな変化)というブログタイトルが「Denoが大幅な方針変更」というタイトルに翻訳されて日本語記事が出たため、急に方針転換をしたと誤解さ

                        Node.js と Deno と Bun のどれを使えばいいのか - Qiita
                      • ECMAScript source phase imports がはやく動くようになってほしい

                        Node.js 24.0.0 でECMAScript source phase importsが動くようになりました。 (--experimental-wasm-modules が必要です) Node.jsエコシステムは様々なサードパーティーツールに支えられているので、Node.js自身が新しい機能をサポートしたからといってすぐさまアプリケーションやライブラリで採用できるわけではないですが、この機会に何が嬉しいのか説明しようと思います。 サンプル まず以下のサンプルコードを見てください。 本コードで重要なのは以下の3行だけです。 import source addModuleSource from "./add.wasm"; const addModule = await WebAssembly.instantiate(addModuleSource); console.log("123

                          ECMAScript source phase imports がはやく動くようになってほしい
                        • Explore JavaScript Dependencies With Lighthouse Treemap

                          Find your way with Lighthouse Treemap. Photo by Raphael Schaller on Unsplash Lighthouse Treemap is a new tool that helps us evaluate the efficiency of the JavaScript on our websites. It shows us: The bytes of JavaScript by file If sourcemaps are enabled, the bytes of JavaScript by module Bytes of JavaScript used versus unused (execution) for page load JavaScript is often the biggest culprit when i

                            Explore JavaScript Dependencies With Lighthouse Treemap
                          • Rust製Webレンダリングエンジン「Servo」、デスクトップアプリ作成フレームワーク「Tauri」を試験的に統合

                            Linux Foundation Europe傘下のプロジェクトである、Rustで書かれたWebレンダリングエンジンServoの開発チームは、WebフロントエンドとRustによるバックエンドを組み合わせたデスクトップアプリケーションを構築するためのフレームワークである、Tauriとの統合に関する最新アップデートを1月19日(現地時間)に公開した。 今回のアップデートは、将来的なServoとTauriの統合のために行われており、WebviewライブラリであるWRYへのServoサポートの追加が行われている。現時点で作成されている概念実証は、本番環境には対応していないものの、servo-wry-demoブランチをチェックアウトして、READMEに従うことで試すことができる。 さらに、ネイティブウィンドウ内の任意の場所に、Servo Webviewを配置することが可能になるとともに、半透明または

                              Rust製Webレンダリングエンジン「Servo」、デスクトップアプリ作成フレームワーク「Tauri」を試験的に統合
                            • ウェブサイト・アプリで使えるLottieアニメーションの基本。作成時のポイントから注意点、活用事例まで解説 - necco Note | necco inc.

                              ウェブサイト・アプリで使えるLottieアニメーションの基本。作成時のポイントから注意点、活用事例まで解説 こんにちは、デザイナー・モーションデザイナーの田口です(@fuyuna_design)。 After Effectsなどで作ったリッチなアニメーションを、ウェブサイトやアプリケーションに実装できる「Lottie(ロッティー)アニメーション」をご存知ですか? Lottieはどれだけ拡大しても高画質で、実装も簡単なアニメーションライブラリです。ウェブ制作にLottieを取り入れるメリットは多く、GoogleやMicrosoftといった大手企業も活用しているほどです。 わたしたちneccoも2020年に導入し、これまでさまざまなプロジェクトでLottieを活用してきました。 この記事では、Lottieの基本から実際の活用事例、作成方法までご紹介します。作成時の注意点もまとめているので、Lo

                                ウェブサイト・アプリで使えるLottieアニメーションの基本。作成時のポイントから注意点、活用事例まで解説 - necco Note | necco inc.
                              • まだLLM API呼び出しで消耗してるの?LiteLLMによるAPI呼び出し共通化のススメ

                                こんにちはべいえりあです。いきなり煽りタイトルで申し訳ないのですが、今回はLiteLLMについて書いてみようと思います。 LiteLLMとは? LiteLLMは様々なLLM APIをOpenAIフォーマットで呼び出せるサービスです。 LLM APIを共通のフォーマットで呼び出せるサービスとしては他にもLangChainなどもあると思うのですが、APIの呼び出し共通化が目的だとLangChainをインストールすると不要な機能/ライブラリも併せて大量にインストールされるので、必要最小限の機能があれば良いのであればLiteLLMがオススメです。 LiteLLM自体は(LLMのライブラリとしては)そこそこ古いライブラリで、開発が始まったのは2023年の8月なのですが、最近ではLLM系の有名ライブラリでも使われるようになってきていて、例えばDSPyがLiteLLMに移行したのも話題になりました。 こ

                                  まだLLM API呼び出しで消耗してるの?LiteLLMによるAPI呼び出し共通化のススメ
                                • Laravel + Vue.jsでGoogleカレンダーのクローンを作ろう!!【Laravel8対応】フロントエンド編⑤|Yuu's Memo

                                  皆さんこんにちは!! 前回に引き続き、フロント(Vue.js)側の開発を始めていきます。 前回までで予定のCRUD機能は一通り作りました。 今回はカレンダー(予定の種類分け)昨日のCRUDを作ります。 API部分はAPI編で仮作成してあると思うので、そちらの編集も併せて行って行きます。 前回までの記事はこちらからどうぞ Laravel + Vue.jsでGoogleカレンダーのクローンを作ろう!!【Laravel8対応】準備編Laravel + Vue.jsでGoogleカレンダーのクローンを作ろう!!【Laravel8対応】API作成編①Laravel + Vue.jsでGoogleカレンダーのクローンを作ろう!!【Laravel8対応】API作成編②Laravel + Vue.jsでGoogleカレンダーのクローンを作ろう!!【Laravel8対応】フロントエンド準備編Laravel

                                    Laravel + Vue.jsでGoogleカレンダーのクローンを作ろう!!【Laravel8対応】フロントエンド編⑤|Yuu's Memo
                                  • 【pytest】モックの使い方まとめ

                                    はじめに 下記のような処理の場合、そのまま実行させてテストするのが難しかったりします。 外部システムへアクセスする ⇒ 外部APIやスクレイピングしてたりする場合 ライブラリに依存する処理 ⇒ ライブラリの処理結果ごとのテストをしたい(戻り値、例外の種類での分岐など) テスト実行の度に返す値が異なる処理を利用する ⇒ 現在日時、ランダム値は、実行の度に変化するのでテストの時だけ固定値にしたい こういう場合、モックを使うと処理を差し替えられるので便利です。 使い方 前提 pytestとpytest-mockのライブラリを利用します。 pytest-mockはunittest.mockのラッパーです。書き方は異なるが、だいたいunittest.mockと同じような感じです。 with使ってpatchする方法も検索すると出てきたが、1つのテストでここまでは実際の動きで、ここからはモックで動かす状

                                      【pytest】モックの使い方まとめ
                                    • GSAPでこんなこともできる!途中から横にスクロールするページを作る方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                      こんにちは。フロントエンドエンジニアになりたてのぼこです。 この記事ではGSAPというアニメーションライブラリを使って、ページが途中から横にスクロールするような表現を実装してみたいと思います。 GSAPを知らない方にも読んでいただけるよう、導入方法から説明します。 技術系の記事を書くのは初めてなので至らない点が多いかとは思いますが、どなたかの助けになれば幸いです。 2022/1/28追記 画面リサイズに対応するためデモを修正、解説を追記しました。 今回作るデモ さっそくですが、今回紹介するデモがこちらです。 実際の操作はただ下へ下へスクロールしているだけですが、二つ目のセクションではスクロールに対して真横にページが動いているかと思います。 GSAPを使えばこんなことも簡単にできてしまうんですね。 ではでは解説に参ります。 GSAPってなに まずはGSAPとはそもそも何なのかについてです(デ

                                        GSAPでこんなこともできる!途中から横にスクロールするページを作る方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                      • Elysia - Ergonomic Framework for Humans

                                          Elysia - Ergonomic Framework for Humans
                                        • GingaUI—LLMを活用し文脈に合わせたテーマを生成するUIコンポーネントライブラリ—

                                          本ライブラリは NICT のセキュリティイノベーター育成プログラム「SecHack365」にて開発を進めました。この場を借りまして、トレーナー、アシスタント及び事務局の皆様に感謝を申し上げます。 「GingaUI」は LLM を活用しウェブサイトのデザインテーマを自動で生成する機能を備えた UI コンポーネントライブラリです。React で構築されており、Next.js などのフレームワークと組み合わせて利用できます。 どんなもの? 以下のポートフォリオサイトに PoC を実装しているので、ヘッダー右上のボタンからぜひお試しください。 一言で言うと、ウェブサイトの文章にふさわしいテーマを自動で生成する機能を備えた UI コンポーネントライブラリです。 先に書いておくと、テーマというのは配色やフォント、角丸の大きさなどのスタイル部分を指しており、レイアウトやコンポーネントの配置等の画面設計に

                                            GingaUI—LLMを活用し文脈に合わせたテーマを生成するUIコンポーネントライブラリ—
                                          • Introducing the new Firebase JS SDK

                                            Get ready for a new faster web experience with Firebase. For the longest time you all have asked us to optimize the size of our JavaScript libraries, and we’ve done just that. We’ve released brand new beta libraries that are significantly smaller in size. Some are even up to 80% smaller! We’ve managed to reduce the size all without removing any features from the previous version too! How did we do

                                              Introducing the new Firebase JS SDK
                                            • React Queryを状態管理ライブラリとして使い倒そう!/useQStateのススメ - Qiita

                                              はじめに NTTテクノクロスの上原です。 この記事はNTTテクノクロスアドベントカレンダー2021 24日目の記事です。昨日は@watanyさんの記事」、明日は@j-yamaさんの記事になります。 自分は過去のAdvent CalenderではReact関連では(React Meets Grails、Grails React Scaffold、Redux Saga、Gatsby、React Spring、AirTableのAPPSをReactで作ろう)などを書いて来ましたが、結局1年ぶりに記事を書いています。もっともっとアウトプットしないといけないですね。 それはともかく、今回は「状態管理ライブラリとしてのReact Query」を紹介し、「useState感覚でクライアント状態管理する手法」 を提案してみたいと思います。何はともあれその手法とやらを先にみたい方はこちらのuseQState

                                                React Queryを状態管理ライブラリとして使い倒そう!/useQStateのススメ - Qiita
                                              • ライブラリー | あらゆる隔たりを越えて。三井物産のバーチャルパイプライン - 三井物産株式会社

                                                いま世界では、10万以上の化学工場が 一日も休まず衣類、自動車、家電などの素材を作りつづけています。 原料や製品がますますグローバルに行きかう一方で、 世界中の工場の間には、距離だけでなく無数の隔たりが存在します。 商習慣や文化の違い、数量・納期の問題、突発的トラブルなど。障害はさまざま。 そのすべてを解消するリーディングポジションを担うのが、三井物産です。 タンカーをはじめとするロジスティクス。65か国に広がる販売ネットワーク。 そして一人一人のエキスパートの発想力、交渉力、実現力。 すべてを駆使し、オーダーメイドでニーズにこたえます。 お客様の工場が、見えないパイプラインで世界とつながっているかのように。 あらゆる隔たりを越えて効率を、安定を、新たなビジネスの可能性を。 それが、三井物産の「バーチャルパイプライン」です。

                                                  ライブラリー | あらゆる隔たりを越えて。三井物産のバーチャルパイプライン - 三井物産株式会社
                                                • 2023-08-16のJS: Next.js v13.4.16(test mode)、SafariのStorage Policy、ESMへの移行(Redux)

                                                  JSer.info #656 - Next.js v13.4.16がリリースされています。 Release v13.4.16 · vercel/next.js v13.4.16には、実験的な機能としてtest modeというPlaywrightとMSWを使ったテストする仕組みが追加されています。 Next.jsのApp Directoryでは、MSWがNext.jsの処理に差し込めるポイントがなかったため、MSWが動かないなどの問題がありました。このtest modeではそれらが一部解決されてきています。 Support Next.js 13 (App directory) · Issue #1644 · mswjs/msw まだ検証目的の実験的な機能であるため今後はわかりませんが、次のDiscussionでNext.jsを使ったアプリケーションのテストについて議論されています。 RFC:

                                                    2023-08-16のJS: Next.js v13.4.16(test mode)、SafariのStorage Policy、ESMへの移行(Redux)
                                                  • ESM移行は無理だけどおれもSindreのライブラリが使いたい!

                                                    依存しているライブラリが ESM only になってしまうことがあると思います。 そんなとき、自分たちが CommonJS だと素直に使えなくて困りますよね。 そこで、なんとかしてCommonJS環境から ESM only のパッケージをrequireする方法をご紹介します。推奨はしません。

                                                      ESM移行は無理だけどおれもSindreのライブラリが使いたい!
                                                    • jQuery Attack Hits NPM and GitHub; Can Extract Web Form Data

                                                      jQuery Attack Hits NPM and GitHub; Can Extract Web Form Data The trojanized jQuery attack has been spread on npm, GitHub and elsewhere since May. A trojanized version of jQuery has been spreading on the npm JavaScript package manager, GitHub and elsewhere, for use in a jQuery attack, security researchers have discovered. Phylum researchers said they have been monitoring the “persistent supply chai

                                                        jQuery Attack Hits NPM and GitHub; Can Extract Web Form Data
                                                      • GitHub - joshmarinacci/node-pureimage: Pure JS implementation of the HTML Canvas 2D drawing API

                                                        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 - joshmarinacci/node-pureimage: Pure JS implementation of the HTML Canvas 2D drawing API
                                                        • はじめに

                                                          世界で最も人気のあるフレームワーク Bootstrap で始めましょう。CDN とテンプレートを使ってモバイルファーストなサイトを構築できます。 はじめる あなたのプロジェクトに Bootstrap を素早く追加したいですか?無料のオープンソース CDN である jsDelivr をご利用ください。パッケージマネージャを使用していたり、ソースファイルをダウンロードする必要がありますか?ダウンロードページへをご覧ください。 CSS スタイルシート <link> をコピーして、他のスタイルシートの前にある <head> に貼り付けて、CSS を読み込みます。 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384

                                                            はじめに
                                                          • ReplitのクラウドIDEがゲーム開発環境に大変身する「Kaboom editor」を使ってみた! -

                                                            どうも、まさとらん(@0310lan)です! 今回は、ブラウザ1つで多言語に対応したプログラミング環境を提供する「Replit」と、JavaScriptで手軽に2Dゲームを開発できるライブラリ「KaBoom.js」がコラボしたゲーム開発環境をご紹介します! 誰でもブラウザからアクセスすれば無料ですぐに使えるうえ、面倒な初期設定なども自動化されているので初心者から上級者まで幅広く活用できるサービスとなっています。 ゲーム開発にご興味ある方は、ぜひ参考にしてみてください! なお、JavaScriptの基本は、paizaラーニングの「JavaScript体験編」や「JavaScript入門編」で学ぶことができます。 【 Kaboom editor 】 ■「Kaboom editor」の使い方 それでは「KaBoom editor」をどのように使えばいいのか詳しく見ていきましょう! まずは開発環境

                                                              ReplitのクラウドIDEがゲーム開発環境に大変身する「Kaboom editor」を使ってみた! -
                                                            • GitHub - quick-lint/quick-lint-js: quick-lint-js finds bugs in JavaScript programs

                                                              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 - quick-lint/quick-lint-js: quick-lint-js finds bugs in JavaScript programs
                                                              • GitHub - ttv20/gDriveOCR: OCR by Google Drive API

                                                                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 - ttv20/gDriveOCR: OCR by Google Drive API
                                                                • typescript-eslintとFlat Config - Mitsuyuki.Shiiba

                                                                  typescript-eslintのFlat Configについて、自分に今必要そうな部分だけをひととおり確認したので忘れる前にメモを残しておく。 前提 素のJavaScriptプロジェクトをやることは自分はあまりなさそうなのでTypeScript前提 ES Modules前提でいいやと思っているので設定ファイルの拡張子はシンプルに .js にする フォーマッターにはESLintのStylisticじゃなくてESLint外のフォーマッター(PrettierやBiome)を使う前提 基本の設定 https://typescript-eslint.io/getting-started/ の最初に書いてある設定。 // @ts-check import eslint from '@eslint/js'; import tseslint from 'typescript-eslint'; expo

                                                                    typescript-eslintとFlat Config - Mitsuyuki.Shiiba
                                                                  • go mod完全に理解した

                                                                    はじめに go mod周辺を理解してないとGo言語使った開発辛いと思うんですが、ネットの日本語情報少なくないすか? 最近はGOPATH使わないと思うんですが、古い情報が引っかかってきて、検索するのが辛いです。GOPATH使う時とgo mod使うときの比較情報も、あたらしくGo言語やる人的にはいらないと思うし。変更点は良いから、最新版の体系的な情報をくれよ、ってなってました。 新しく環境作るとき、自信ないままやってるんで、調べながらすこしまとめてみました。自信ないのはあんまり変わってませんが。。。 ちなみに、僕は、Go言語に入門して半年くらいで、なんとなく、3冊くらいGo言語の本読んだ状態です。goroutineとかわからん。 基本的には、ここらをなんとなく読んだ知識を整理してます。 Tutorial: Get started with Go - The Go Programming Lan

                                                                      go mod完全に理解した
                                                                    • @babel/preset-env (Babel 7)をハンズオンでちゃんと理解する

                                                                      @babel/preset-env とは @babel/preset-env は、 babel プラグインのプリセットのことです。 そもそも babel の本体(@babel/core)は、「JSコードを入力として受け取り、ASTに変換後、何らかの変換処理を行い、変換後のASTから再度JSコードを出力すること」が責務であり、 何らかの変換処理を指定しなければ、何のトランスパイルも行われません。 この 何らかの処理 に該当する実装がbabelプラグインのことで、開発者は実現したいトランスパイルに応じて適切な babel プラグインを適用する設定を記述する必要があります。 ...でも面倒ですよね? 単純にIEを含む主要なブラウザで一通りのES6コードを動かしたいだけというのがだいたいのユースケースです。 そんな時、対応ブウラウザなどの大雑把な情報を元に、必要なプラグインを自動で選択して、最新の

                                                                        @babel/preset-env (Babel 7)をハンズオンでちゃんと理解する
                                                                      • 2021年に使いたいAngularサードパーティライブラリ10選

                                                                        こんばんは!Google Developers Expert for Angularのlacolacoです。この記事はAngularアドベントカレンダー 2020、25日目の記事です。 毎年最終日を書かせてもらってますが、いつものような「一年のふりかえりと来年の予想」ではなく、今年はカジュアルにライブラリ紹介させてもらおうと思います。 気になったものがあればぜひ来年趣味や仕事のプロジェクトで使ってみてください。 Angular専用ライブラリ ngneat/reactive-forms ngneat/reactive-forms: (Angular Reactive) Forms with Benefits 😉 AngularのReactive Formsとほとんど互換性を保ったまま、本家に不足している型チェックをサポートしたライブラリです。 公式のロードマップでAngular Forms

                                                                          2021年に使いたいAngularサードパーティライブラリ10選
                                                                        • The State of JS 2021

                                                                          多くのことがあった2021年でした。本当に。このアンケートだって2022年に延びてしまったんですから! より高速なビルドツールや新しいバックエンドフレームワークなど、JavaScriptは進化し続けています。私たちもベストを尽くし、新しい質問形式や、2つのデータポイントの相互参照機能(年収×経験レベルなど)、そしてチャートのカスタマイズ機能と、このアンケートにパワーアップを施しました!ほかにもあるので、[新機能のまとめ]](https://dev.to/sachagreif/whats-new-in-the-2021-state-of-javascript-survey-4eej)を読んでみてください(英語)。 すべてが順風満帆ではありませんでした。悪いことが起こってなさそうなのが幸いですが、データ漏洩に対応しないといけませんでした。また引き続き、このアンケートをより包括的に、アクセシブル

                                                                            The State of JS 2021
                                                                          • 週刊Railsウォッチ: syntax_suggestがRuby標準ライブラリに追加、RubyのVisitorパターンほか(20220906後編)|TechRacho by BPS株式会社

                                                                            こんにちは、hachi8833です。RubyKaigi会場限定でこんなイベントも開催されるそうです。 Ruby に関するQAは答えられる気がしないけれども() 頑張る!!#rubykaigi #agilewarehttps://t.co/aw3kCgJ94y — えりりん (@suuuuengch) September 6, 2022 グルメガイドも出ていますね。 いよいよRubyKaigiまであとわずかですね! 今年は自分の地元三重で開催されるのでおすすめのグルメ&観光スポットをまとめてみました。 参考になれば幸いです🥳 【地元民おすすめ】RubyKaigi 2022で三重に来たら訪れてほしいグルメ&観光スポットまとめ #note #RubyKaigihttps://t.co/sImcGveGJF — rince@育休中 (@kazumax1218) September 4, 2022

                                                                              週刊Railsウォッチ: syntax_suggestがRuby標準ライブラリに追加、RubyのVisitorパターンほか(20220906後編)|TechRacho by BPS株式会社
                                                                            • MacにNode.jsをインストール(anyenv + nodenv編) - Qiita

                                                                              nodenvコマンド早見表はこちら プロジェクトごとにNode.jsのバージョンを管理できる nodebrewだとnodebrew use [バージョン番号]みたいに切り替えるのが大変ですが、nodenvだと簡単にできるっぽいのでこっちを使ってみます。 いろいろなプロジェクトに関わってくるとこういうのがすごくありがたい。 開発者の方に感謝です。 インストールの流れ Homebrewのインストール anyenvのインストール nodenvのインストール Node.jsのインストール ・Homebrew HomebrewはMac用のパッケージマネージャ。 ツールのインストールとか諸々を管理してくれます。 http://brew.sh/index_ja.html nodebrewをインストールするためにHomebrewを使います。 ・nodenv 順番前後しますが、これがメイン。Node.jsの

                                                                                MacにNode.jsをインストール(anyenv + nodenv編) - Qiita
                                                                              • jQuery 3.6.0 Released! | Official jQuery Blog

                                                                                jQuery 3.6.0 has been released! In jQuery 3.5.0, the major change was a security fix for the html prefilter. This release does not include a security fix, but does have some good bug fixes and improvements. We still have our eyes on a jQuery 4.0 release, but until then we will continue to support the 3.x branch and address important issues. As usual, the release is available on our cdn and the npm

                                                                                • Crawlee for JavaScript · Build reliable crawlers. Fast.

                                                                                  import { PlaywrightCrawler } from 'crawlee'; // PlaywrightCrawler crawls the web using a headless browser controlled by the Playwright library. const crawler = new PlaywrightCrawler({ // Use the requestHandler to process each of the crawled pages. async requestHandler({ request, page, enqueueLinks, pushData, log }) { const title = await page.title(); log.info(`Title of ${request.loadedUrl} is '${t

                                                                                    Crawlee for JavaScript · Build reliable crawlers. Fast.

                                                                                  新着記事