タグ「JavaScript」 - はてブログ

タグ JavaScript

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 1000件)

2024年、Web制作者がチェックしておきたいCSSの新機能のまとめ

2024/12/19 118 users CSS GitHub WEB制作者一行まとめ

今年もCSSの進化が早かった1年でした。一昔前にはJavaScriptや複雑なCSSを使用しないとできなかったことがたった一行、もしくは数行のCSSで簡単に実装できるようになりました。 2024年、Web制作者がチェックしておきたいCSSの新機能を紹介します。 CSS Wrapped 2024 CSS Wrapped 2024 -GitHub 下記は各ポイントを意訳し... 続きを読む

JavaScript で GraphQL サーバーの技術選定をする際の登場人物 - mizdra's blog

2024/12/15 20 users mizdra's blog 技術選定登場人物 isucon

これははてなエンジニア - Qiita Advent Calendar 2024 - Qiita 15日目の記事です。昨日は id:utgwkk さんの「ISUCONの感想戦を支えるEC2の自動開始・停止、そしてAWS Step Functions」でした。はてなでフロントエンドエキスパートをしている id:mizdra です。この記事では、JavaScript で GraphQL サーバーの技術選定... 続きを読む

WebKit(JavaScriptCore)に100個のPull Requestがマージされた

2024/12/09 14 users JavaScriptCore WebKit リポジトリ

今年の 2 月から WebKit の JavaScript 処理系である JavaScriptCore に Pull Request を投げ続けています。 JavaScriptCore のソースコードは WebKit のリポジトリ https://github.com/webkit/webkit に完全に含まれています。なので、僕が Pull Request を投げる先も WebKit のリポジトリということになります。そして... 続きを読む

TypeScript/JavaScript Array完全攻略2024 | フューチャー技術ブログ

2024/12/05 86 users TypeScript ジェネレーターいまどきエントリー

TypeScriptアドベントカレンダーの12/5のエントリーです。昨日は@nanasi-1さんの【TypeScript】ジェネレーターによる遅延評価でフィボナッチ数列を生成するでした。イマドキのJavaScriptの書き方2018というのを以前書いたのだけど、配列周りはかなり変わっているな、というのを思ったので、そこの部分だけアップデート... 続きを読む

コミュニティ生活で大切な三つの袋 - id:onk のはてなブログ

2024/12/02 18 users onk 大規模カンファレンス昨今オフライン文化

これははてなエンジニア Advent Calendar 2024 の 3 日目の記事です。昨日は id:todays_mitsui による不動点コンビネータで無名再帰を作る流れをおさらい with JavaScript - 無駄と文化でした。さて、オフライン回帰している昨今、In-Person でのコミュニティ活動や大規模カンファレンスがだいぶ復活してきました。... 続きを読む

【2025年版】ReactとVue.jsどちらを選ぶべきか？【アドベントカレンダー2025】 - Qiita

2024/11/30 184 users Qiita React getter CSS Vue.js

TL;DR Vue.jsはHTMLをJavaScriptの中に書かなくて済むので、可読性が高いです Vue.jsは双方向バインディングをサポートしており、Reactみたいなsetter/getterみたいな無駄な作業は必要ありません Vue.jsはHTMLとCSSとJavaScriptを分けて記述することができるため、どこを修正すればいいか直感的です ReactはJSX内で{}と(... 続きを読む

オラクルが所有する「JavaScript」商標登録の取り消し、Denoが米国特許商標庁に申請したと発表

2024/11/26 108 users Netscape deno オラクル Deno Land 名称

JavaScriptランタイム「Deno」の開発元であるDeno Landは、米国特許商標庁にオラクルが所有する「JavaScript」の商標登録の取り消しを申請したことを明らかにしました。 JavaScriptはNetscapeがWebブラウザ用に開発したプログラミング言語であることはよく知られていますが、その名称はサン・マイクロシステムズが登録商... 続きを読む

JS.tfをHCLを書かずに使う - Rokoucha

2024/11/26 12 users HCL 人類次世代

人類は HCL (Hashicorp Configuration Language) で JavaScript を記述するべきなので、次世代のモダン AltJS である「JS.tf」をリリースしました。続きを読む

JavaScriptのthisもこれで完璧！呼び出し方で変わる5つのパターン - Qiita

2024/11/09 96 users Qiita this パターン呼び出し方 5つ

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

『JavaScriptプログラマーのためのTypeScript厳選ガイド』を執筆しました - Islands in the byte stream

2024/11/04 123 users JavaScriptプログラマー TypeScript

JavaScriptプログラマーのためのTypeScript厳選ガイドという本を書きました。JavaScript中級者でTypeScript初心者のプログラマーに向けたTypeScriptの入門書です。これまで何度かTypeScriptの記事を書いてきました。 TypeScript再入門 ― 「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に｜ハイ... 続きを読む

JavaScript でスタイルシートを構築する CSSStyleSheet

2024/10/27 18 users インターフコンストラクタースタイルシート API メソッド

JavaScript でスタイルシートを構築する CSSStyleSheet 2024.10.26 CSSStyleSheet インターフェースは、JavaScript でスタイルシートを構築し、操作するための API です。CSSStyleSheet() コンストラクターで新しいスタイルシートを作成し、.replaceSync() メソッドでスタイルを適用できます。 CSSStyleSheet インターフ... 続きを読む

［作って学ぶ］ブラウザのしくみ──HTTP、HTML、CSS、JavaScriptの裏側

2024/10/21 331 users リソース本書目次通信プロトコルクライアント

はじめに本書を読むにあたって目次第1章：ブラウザを知る──Webサイトを表示するアプリケーションブラウザの役割❶──Webクライアントとしてのブラウザクライアント／サーバモデル Webクライアント WebサーバインターネットとWeb 通信プロトコル HTTP URLによるリソースの指定 DNS ブラウザの役割❷──レンダリングエン... 続きを読む

HTML だけで Shadow DOM を構築するための宣言型 Shadow DOM

2024/10/20 71 users Shadow DOM HTML サーバーサイドレンダリング

HTML だけで Shadow DOM を構築するための宣言型 Shadow DOM 2024.10.19 宣言型 Shadow DOM は `<template>` 要素を使用して Shadow DOM を構築する方法です。宣言型 Shadow DOM を使用することで、従来の JavaScript を使用した Shadow DOM の構築方法と比較して、サーバーサイドレンダリング（SSR）に対応しているため... 続きを読む

【JavaScript】Idle Detection APIとかいう悪用以外の使い道がないAPI - Qiita

2024/10/14 147 users report 勧告 Qiita ステータスコミュニティ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 2024/09/10にIdle Detection APIというAPIが更新されていました。ステータスはDraft Community Group Reportです。これはコミュニティによる提案であり、W3Cによる正式な勧告では... 続きを読む

JavaScriptのProxyを使うときに気をつけること

2024/10/14 13 users Proxy 挙動オブジェクト本稿原理

本稿では、Proxyを使う際はオブジェクトの原理をよく理解した上で、PreventExtensions時の挙動とPrivate Identifierに気をつけましょうという話をします。そもそもProxyは何なのか Proxy は Reflect と対をなすプリミティブAPIで、オブジェクトの低レベルプロトコルの操作を提供します。 Proxyは、オブジェクトの低レベ... 続きを読む

WasmerでJavaScriptやブラウザからCプログラムをコンパイル可能に　ローカルで試せるデモも公開

2024/10/11 17 users clang Wasmer コンパイルデモ C++コンパイラ

WasmerでJavaScriptやブラウザからCプログラムをコンパイル可能に　ローカルで試せるデモも公開：WasmerのWebAssemblyランタイムとJavaScript SDKの最新リリースで Wasmerは、同社のWebAssemblyランタイム「Wasmer」とJavaScript SDKの最新リリースにより、JavaScriptとブラウザでC/C++コンパイラ「clang」が実行可能に... 続きを読む

これでCSSのみで実装できる！スクロール方向に合わせてヘッダを非表示・表示する方法を解説

2024/10/10 126 users ヘッダ hide CSS スクロール方向解説

Webページを表示し、スクロールダウンするとヘッダが非表示になり、ページのどこからでもスクロールアップするとヘッダが再び表示される、というのを見たことがあると思います。これまでは実装するにはJavaScriptが必要でしたが、CSSのみで実装できる方法を紹介します。 Solved by CSS Scroll-Driven Animations: hide ... 続きを読む

イテレータを分岐させるとどうなる？　Iterator Helpersに見るJavaScriptのイテレータの挙動

2024/10/09 11 users イテレータ ECMAscript 挙動仕様機能群

2024年10月のTC39ミーティングでは、Iterator HelpersがStage 4となり、ECMAScriptの仕様に追加されることが決定しました。Iterator HelpersはすでにGoogle Chromeなどで試すことができます。 Iterator Helpersは概してわかりやすい機能群ではありますが、やはり元々がJavaScriptということで、直観的には理解しがたい挙... 続きを読む

webpack to Rspack ~ Rspack移行の結果と注意点 ~

2024/10/01 10 users Webpack ビルドツール rust Rspack 結果

プロダクトのビルドツールを webpack から Rspack に移行したので、その経緯と注意点をまとめます。 🦀 Rspackとは？ Rustで書かれた高速なJavaScriptのバンドルツールです。 webpackエコシステムとの強力な互換性を持ちます。 2024/08/24にv1.0.0がリリースされました。 🤔 なぜRspackに移行したのか？ビルド速度改善... 続きを読む

HTMLのselect要素がCSSでカスタマイズ可能になる

2024/09/30 12 users select要素 CSS HTML カスタマイズ select

select 要素がカスタマイズできるようになるこれまで HTML の<select>要素はカスタマイズが難しい部分でした。各ブラウザのデフォルトスタイルに依存しデザインや機能を統一するのが困難でした。かといってオリジナルのセレクトボックスを作成するとなると CSS と JavaScript でイチから作成する必要がありました。し... 続きを読む

JavaScriptの非同期処理をしっかり理解する　〜async/await/Promise〜 - Qiita

2024/09/29 252 users コメントプログラム最後順番処理

JavaScript での非同期処理について、身近な例や具体例を交えながら詳細に解説しています。最後には練習問題も用意しています！頑張って書いているので、良いと思ったらコメント・いいね・ストック・共有などしてもらえると嬉しいです！！非同期処理とは非同期処理とは、プログラムの処理が順番に実行されず、ある処... 続きを読む

Array.fromAsync()とPromise.all()の違い【JavaScript】 - Qiita

2024/09/18 15 users Qiita resolve Delay setTimeout

ようわからんかったのでメモ TL;DR Array.fromAsync()は順次実行 Promise.all()は同時実行 const sleep = delay => new Promise(resolve => setTimeout(resolve, delay)) console.time() await Array.fromAsync([200, 100, 300], sleep) console.timeEnd() // elapsed: 600ms console.time() await Promise.all([200, 10... 続きを読む

(1 - 25 / 1000件)

次の25件 »