JavaScript なしでインタラクションを追加する Invokers
Invokers は JavaScript なしでインタラクションを追加するための提案です。`<button>` 要素に `invoketarget` 属性を指定することで、値として指定した id を持つ `<dialog>` などの要素の開閉状態を切り替えることが可能となります。 <button> 要素に invoketarget 属性を指定することにより、JavaScript を削減し、より宣言的な方法で UI にインタラクションを追加できます。下記の例では invoketarget 属性に <dialog> の id を指定することで、<button> 要素をクリックしたときに <dialog> 要素を開くことができます。 <button invoketarget="dialog">Open Dialog</button> <dialog id="dialog">Content</d
ESLint で Date オブジェクトの使用を禁止する - Qiita
new Date() と Date.parse() だけを禁止したい場合は amzn/eslint-plugin-no-date-parsing などが使えますが、 Date オブジェクトに生えている全てのメソッドも禁止したい場合は、以下のようなルールを書くことで実現できます。 （ESLint Flat Config を使う場合は適宜読み替えてください。） { "rules": { "no-restricted-syntax": [ "error", { "selector": "NewExpression[callee.name='Date']", "message": "Use dayjs instead." }, { "selector": "CallExpression[callee.object.name='Date']", "message": "Use dayjs inste
JavaScript+CSS/アニメーション実装方法 - Qiita
Javascriptの勉強。 カーソルを動かすたびにカラフルで可愛いハート💛が現れるアニメーションの実装方法を模写して学習しました！ カラフルで本当にかわいい…！ 勉強に使用した動画：https://www.youtube.com/watch?v=I0R0T7p5oR8 記述したコードはこちら。 ①index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Colorful Hearts On Mousemove</title> <link rel="stylesheet" href="style.css"> </head> <body> <script type="text/javascript"> document.addEventListener("mousemove", func
Nuxt.jsの為に設計された、モダンなWebアプリ向けのUIライブラリ・「Nuxt UI」 - かちびと.net
Nuxt UIはNuxt.jsの為に設計された、モダンなWebアプリ向けのUIライブラリです。Nuxt.js公式による提供のUIコンポーネントコレクションでOSSとしてソースコードが公開されています。 アコーディオンやアラート、ボタン、ドロップダウンやボタンなどの各要素やフォーム回りのUI、データテーブルやナビゲーション、モーダル、コンテキストメニューにカードレイアウトなどなどWebアプリで必要になりやすいUIコンポーネントが30以上含められています。 テーマ設定およびカスタマイズはApp Config Fileで、基本的にはTailwind.cssに基づいて設定します（もちろん独自のカラー設定も可能）。アイコンはIconifyが採用されており10万以上のアイコンから選択可能となっています。他にもアプリ内キーボードショートカットの設定がしやすくなっていたりダークモードが搭載されていたりと、
【javascript】rssフィードを読み込む方法と実装ガイド - Qiita
rssフィードとは？基本知識と仕組みの解説 rssフィードは、webサイトやブログなどで更新情報を配信するための仕組みです。rss（rich site summaryまたはreally simple syndication）とは、xml形式で配信されるwebコンテンツの要約や更新情報をまとめたものを指します。 rssフィードは、定期的に更新されるwebコンテンツの変更をユーザーに通知するために使用されます。ユーザーは、rssリーダーアプリケーションを使用して、複数のwebサイトやブログの更新情報を一括管理・閲覧することができます。rssフィードは、xml形式で提供され、タイトルや概要、更新日時などの情報が含まれます。 rssフィードの仕組みは、webサイトやブログの所有者が新しいコンテンツが追加されるたびに、その情報をxml形式で提供することにあります。ユーザーは、自分のrssリーダーにフ
ブラウザ上のJavaScriptでの非同期処理を、今までどのように実現してきたか 「コールバック地獄」なども乗り越えてきた歴史 | ログミーBusiness
Go、Python、Kotlin、Rust、TypeScript の5つの言語について「並列処理、並行処理の手法」というテーマに絞り解説する「並列処理をGo/Rust/Kotlin/Python/JSで解説！思想の違いを体感しよう」。JavaScript編では橘氏が登壇。JavaScriptが疑似的な非同期処理をどう実現しているのかと、JavaScriptの非同期処理の歴史について紹介します。 橘氏の自己紹介橘ゆう氏（以下、橘）：よろしくお願いします。風邪でめちゃくちゃ顔が死んでいるので、カメラオフでいきます。橘です。今日は「JSの非同期処理パターン Promise、async/awaitを理解する」というテーマについて話していきたいと思います。 簡単な自己紹介ですが、もともとDeNAにいて事業統合でそのままGOに移り、今は森下さん（森下篤氏）と同じチームで、主にサーバーサイドやMLOps
2023-10-10のJS: Rollup 4.0.0、Viteの今後(Rustify Vite)、pnpm v8.9.0
JSer.info #664 - Rollup 4.0.0がリリースされました。 Release v4.0.0 · rollup/rollup Node.js 14/16のサポート終了、Acornの代わりにSWCをパーサに使うように変更されています。 SWC利用に伴うオプションの削除や非推奨なオプションの削除などが含まれています。 Viteの現在と今後についてがViteConfで発表されています。 動画: https://viteconf.org/23/replay/vite_keynote スライド: State of Vite (ViteConf 2023) ViteはDevビルドにesbuild、ProdビルドにRollupを使うためビルド結果に差異が出やすいなどの問題があります。 そのため、Rollup互換を意識したRolldownというBundlerをRustで開発するという話。
Speeding up the JavaScript ecosystem - The barrel file debacle
Let's imagine you are working on a big project with many files. You add a new file to work on a new feature and import a function from another directory into your code. import { foo } from "./some/other-file"; export function myCoolCode() { // Pretend that this is super smart code :) const result = foo(); return result; } Excited about finishing your feature, you run the code and realize that it t
学んでみたいプログラミング言語ランキング 3位「C言語」、2位「JavaScript」、1位は？
Textrade運営事務局はインターネットアンケートにて200名を対象として調査・分析をおこない、学んでみたいプログラミング言語ランキングを作成しました。 アンケート概要 調査概要：学んでみたいプログラミング言語ランキング 調査対象：日本全国の男女 対象人数：200名 調査方法：インターネットアンケート調査 調査媒体：クラウドワークス 調査期間：2023年9月29日 ＊アンケートの調査結果の詳細はこちらの記事に公開しています。 https://wagtechblog.com/programing/press-release04 学んでみたいプログラミング言語ランキングの調査結果 学んでみたいプログラミング言語ランキングの結果は以下のようになりました。 それではプログラミング言語ごとに詳細を解説していきます。 1位：Python Pythonはシンプルで読みやすいプログラミング言語で、多用途
2023-10-03のJS: Node v20.8.0、Vitest v1.0.0-beta.0、instant.dev(Rails-inspired ORM/Migrations)
JSer.info #663 - Node.js 20.8.0がリリースされました。 Node v20.8.0 (Current) | Node.js streamに関するフラグをビットマップで管理することでメモリ消費量とパフォーマンスが改善されています。 stream: use bitmap in readable state by benjamingr · Pull Request #49745 · nodejs/node vmにimportModuleDynamicallyオプションを追加、主にJestなどで起きていたvmのメモリリークの問題を修正なども含まれています。 Node.jsのアップデートが起因でJestのメモリリークが起きる問題としては、次のIssueがあります。 こちらのIssueは、Node.js 20.8.0ではまだ修正されていません。 [Bug]: Memory
刮目せよ!! 2023年秋、TS連携もファイルサイズもUIもイケるようになった最近のScala.js事情の紹介 - Lambdaカクテル
最近Scala.jsの話をすると結構な人がRTしてくれる。TypeScriptの他にAltJSには今どんなのがあるのかな、という話に引用RTでScala.js今アツいですよという話をしたら結構ウケた。世間的にはTypeScript alternativeに興味がある人も多いようだ。一方、ネットに残っているScala.js情報は数年前のものが多いようで、あまり積極的に日本語での情報発信がなされていない様子。そこで、ここ最近Scala.jsはどういう感じなのか、そしてどうすれば始められるのかという情報をまとめると需要があるかもしれないと思い、書くことにした。 Scala.jsは数年前まではオモチャみたいな感じだったんですが最近はTSのライブラリから自動で型が生える仕組みがあったりめちゃバンドル小さくなったりとめちゃくちゃ進化してます!! https://t.co/c06IZGWhYF— Win
Cloudflare、CDNエッジのJavaScriptから生成AIを実行できる「Workers AI」を発表。GPUで高速処理を実現
Cloudflare、CDNエッジのJavaScriptから生成AIを実行できる「Workers AI」を発表。GPUで高速処理を実現 Cloudflareは、同社のグローバルネットワークのエッジにおけるアプリケーション実行基盤「Cloudflare Workers」で、生成AIを実行できる新サービス「Workers AI」を発表しました。 Workers AIは同社のグローバルネットワーク上で提供されるGPUを用いて、高速な処理が可能だと説明されています。 We are excited to launch Workers AI - an AI inference as a service platform, empowering developers to run AI models with just a few lines of code, all powered by our gl
2023-09-29のJS: Babel v7.23.0、Vike、State of HTML 2023受付開始
JSer.info #662 - Babel v7.23.0リリースされました。 7.23.0 Released: Decorator Metadata and many new import features! · Babel Stage 3のDecorator Metadataのサポート、Stage 3のimport sourceのサポートが追加されています。 Stage 2のimport deferのサポート、Stage 1のOptional Chaining Assignmentのサポート、TypeScript 5.2のサポートされています。 またBabel 8がαリリースされています。 変更点やアップデート方法については、マイグレーションガイドが公開されています。 Upgrade to Babel 8 · Babel ReactやVueなどに対応したNext.jsやNuxtのよう
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to Sustain Quality and Velocity in a JavaScript or TypeScript Project?
https://techblog.lycorp.co.jp/ja/blog/20231016a
【JavaScript】グローバルで使用するMapなどのキーにString型ではなくSymbol型を使うべき理由 - Qiita
デバイスやOS、ブラウザなどユーザーエージェント情報を検出し、読みやすい形式で表示できる JavaScriptライブラリ・「UAParser.js」 - かちびと.net
Reactを始めるためのJavaScriptとES6基礎知識 - Qiita
JavaScriptエラーを分類することで傾向把握して効率的に分析 - Qiita
