タグ JavaScript
人気順 10 users 50 users 100 users 500 users 1000 users日時範囲の書式をWebサイトやスマホアプリのUIで読みやすく、理解しやすくするフォーマッタ -little-date
WebサイトやスマホアプリのUIで日にちや時間、年の範囲の書式を自動的に短く、読みやすく、理解しやすく表示するJavaScriptのライブラリを紹介します。 このライブラリを使用すれば、シンプルで一貫性のある書式で表示できます。 little-date -GitHub little-dateの特徴 日時範囲のフォーマット little-dateの使い方 lit... 続きを読む
Googleがボットやスパムからの保護を理由にGoogle検索を利用するユーザーに対し「JavaScriptを有効にしてください」と表示するように
Google検索によって表示されるコンテンツには、便利で生活を豊かにするものが含まれている一方、ユーザーの個人情報を入手するといった悪意のあるボットやスパムを含むコンテンツも存在しています。こうしたボットやスパムの活動からユーザーを保護するために、Googleが検索エンジンを使用するユーザーに対し、JavaScrip... 続きを読む
Google、検索結果のスクレイピングツール対策を強化、順位取得ツールなどに影響 - SEMリサーチ
要約 Googleが検索結果スクレイピングツールへの対策を強化し、一部のSEO分析ツールが影響を受けることが明らかになりました。Googleが検索サービス利用時に JavaScriptが有効になっていることを求めるよう仕様変更したためと考えられます。順位取得ツールの選定ではベンダー各社の「復旧スピード」「顧客との連携」「技... 続きを読む
position: stickyで貼り付いたときだけ境界線を出す(JavaScriptを使わない) - hogashi.*
貼り付く見出し 貼り付く見出し スクロールしてこの見出しが画面上部に張り付いたときだけ、見出しの下に境界線を出したい。 技として、境界線用の要素をいっこ用意して、それを見出しの裏に忍ばせておく方法がある。見出しが画面上部に貼り付いたときに、下に境界線が出てくる。 画面上部に貼り付いたときに境界線が下... 続きを読む
コピペするだけで使用できる! ページ上のアクティブなアニメーションを取得するシンプルなJavaScript
ページ上で動作するアクティブなビュー遷移にリンクされたすべてのアニメーションを取得するJavaScriptのコードを紹介します。 数行のコードをコピペするだけで使用でき、アニメーションを反転させたり、継続時間を変更したり、キーフレームを変更したりなど、さまざまな操作を実行できます。 ビュー遷移(View Transiti... 続きを読む
Go で型変換を含んだイテレータの処理をメソッドチェーンっぽく記述する - Unengineered Weblog
この記事は「はてなエンジニア Advent Calendar 2024 - Hatena Developer Blog」の44日目の記事です。 JavaScript や Scala などで配列やリストを処理するときメソッドチェーンを使って書くことが多い。例えば次のコードは JavaScript のコードである。 type thing = { count: number; name: string; }; const something... 続きを読む
サーバサイドJavaScriptの標準策定を目指す「WinterTC」がECMA International傘下で始動、W3CのWinterCGから移行
サーバサイドJavaScriptの標準策定を目指す「WinterTC」がECMA International傘下で始動、W3CのWinterCGから移行 W3CでサーバサイドJavaScriptを中心とした非Webブラウザ環境におけるJavaScriptの互換性について議論してきた「Web Interoperable Runtimes Community Group 」(WinterCG) とECMA Internationalは、サー... 続きを読む
オラクル、JavaScriptの商標を自主的に手放すつもりはないとDenoに通告
JavaScriptランタイム「Deno」の開発元であるDeno Landが、オラクルが所有する「JavaScript」の商標登録の取り消しを米国特許商標庁に申請した件について、オラクルはJavaScriptの商標を自主的に手放すつもりはないとDeno Landに通告したことを、Deno Landが下記のX/Twitterへのポストで明らかにしました。 #FreeJavaScr... 続きを読む
「State of JavaScript 2024」公開。フロントエンドライブラリ利用率1位はReact、メタフレームワークはNext.jsなど、1万4000人のエンジニアが回答
「State of JavaScript 2024」公開。フロントエンドライブラリ利用率1位はReact、メタフレームワークはNext.jsなど、1万4000人のエンジニアが回答 JavaScriptに興味を持つ世界中のIT技術者1万4015人が回答したアンケートの結果をまとめた「State of JavaScript 2024」が公開されました。 State of JavaScript 2023の発表... 続きを読む
Kotlinの分解宣言を使うとJavaScriptの分割代入っぽく書けるよ
const obj = {a:0, b:1}; const { a, b } = obj; // これは以下のものと同様です // const a = obj.a; // const b = obj.b; class Data(val firstName: String, val lastName: String, val age: Int, val sex: Int){ operator fun component1() = firstName operator fun component2() = lastName operator fun componen... 続きを読む
なぜ今さら、Web 標準 なのか【2025 年】 - Qiita
2020 年代に入り、Remix や Hono といったモダンな Web フレームワークが「Web 標準」を掲げるようになりました。HTML、CSS、JavaScript といった基盤技術は 1990 年代から存在しているのにも関わらず、なぜ 30 年を経た今、 Web 標準が再び注目を集めているのでしょうか? Web 標準について解説している記事はたくさん... 続きを読む
JavaScript/TypeScript Tech Feed (2025/1/3号) - Qiita
TL;DR honojs/hono Release v4.6.15 web-infra-dev/rspack Release v1.2.0-alpha.0 vitejs/vite v6.0.7 withastro/astro Release astro@5.1.2 Node.js 23 からデフォルトでTypeScriptをサポートするようになるかも? Ghostty のリリース AI エージェントがウェブブラウザを操作できるようにするためのライブラリ、browse... 続きを読む
N 文字以上なら省略表示 - Object.create(null)
「N 文字以上 / 以内」みたいなことを言われたときに考えること. 「文字」とは? 単に「文字」と言っても, それが指しているものが何かは自明ではない. 符号単位 (code unit) JavaScript の場合, 文字列は UTF-16 としてエンコードされている*1ので, そのエンコードの単位である 16 bit ごとに分割するというのがこの方法... 続きを読む
ゼロから作られた超軽量ブラウザ「FixBrowser」のアルファ版公開、JavaScript非対応でリソース消費量を大幅削減
意図的にJavaScriptへの対応を行わず、リソース消費量を抑えているという超軽量なウェブブラウザ「FixBrowser」のアルファ版が公開されているので、実際に使ってみました。 FixBrowser https://www.fixbrowser.org/ 公式サイトではWindows向けとLinux向けのバイナリファイルとソースコードが公開されています。Windows向... 続きを読む
Bun + Vite を使って速度を比較してみる!! - iimon TECH BLOG
こんにちは!株式会社iimonでフロントエンジニアをしているおくしまです! 本記事はアドベントカレンダー24日目の記事となります! ■はじめに Bunのアイコンが可愛くて興味を持ち、調べてみたところ、処理速度が速いとのこと。ますます気になってきました! なのでBunしていきます! ■Bunについて BunはJavaScriptの実行... 続きを読む
JavaScriptの基礎と向き合う - iimon TECH BLOG
よろしくお願いします!エンジニアのideです。 こちらはアドベントカレンダー23日目の記事になります! 今年は体のあちこちに痛みを感じることが多かったので、来年こそは健康に過ごせる一年になるといいなと願っています。 さて、今回は今年やってきたことを振り返るのもいい機会だなと思い、特に触れる機会が多かったJ... 続きを読む
2024年、Web制作者がチェックしておきたいCSSの新機能のまとめ
今年もCSSの進化が早かった1年でした。一昔前にはJavaScriptや複雑なCSSを使用しないとできなかったことがたった一行、もしくは数行のCSSで簡単に実装できるようになりました。 2024年、Web制作者がチェックしておきたいCSSの新機能を紹介します。 CSS Wrapped 2024 CSS Wrapped 2024 -GitHub 下記は各ポイントを意訳し... 続きを読む
JavaScript で GraphQL サーバーの技術選定をする際の登場人物 - mizdra's blog
これは はてなエンジニア - Qiita Advent Calendar 2024 - Qiita 15日目の記事です。昨日は id:utgwkk さんの「ISUCONの感想戦を支えるEC2の自動開始・停止、そしてAWS Step Functions」でした。 はてなでフロントエンドエキスパートをしている id:mizdra です。この記事では、JavaScript で GraphQL サーバーの技術選定... 続きを読む
WebKit(JavaScriptCore)に100個のPull Requestがマージされた
今年の 2 月から WebKit の JavaScript 処理系である JavaScriptCore に Pull Request を投げ続けています。 JavaScriptCore のソースコードは WebKit のリポジトリ https://github.com/webkit/webkit に完全に含まれています。なので、僕が Pull Request を投げる先も WebKit のリポジトリということになります。そして... 続きを読む
TypeScript/JavaScript Array完全攻略2024 | フューチャー技術ブログ
TypeScriptアドベントカレンダーの12/5のエントリーです。昨日は@nanasi-1さんの【TypeScript】ジェネレーターによる遅延評価でフィボナッチ数列を生成するでした。 イマドキのJavaScriptの書き方2018というのを以前書いたのだけど、配列周りはかなり変わっているな、というのを思ったので、そこの部分だけアップデート... 続きを読む
コミュニティ生活で大切な三つの袋 - id:onk のはてなブログ
これは はてなエンジニア Advent Calendar 2024 の 3 日目の記事です。昨日は id:todays_mitsui による 不動点コンビネータで無名再帰を作る流れをおさらい with JavaScript - 無駄と文化 でした。 さて、オフライン回帰している昨今、In-Person でのコミュニティ活動や大規模カンファレンスがだいぶ復活してきました。... 続きを読む
【2025年版】ReactとVue.jsどちらを選ぶべきか?【アドベントカレンダー2025】 - Qiita
TL;DR Vue.jsはHTMLをJavaScriptの中に書かなくて済むので、可読性が高いです Vue.jsは双方向バインディングをサポートしており、Reactみたいなsetter/getterみたいな無駄な作業は必要ありません Vue.jsはHTMLとCSSとJavaScriptを分けて記述することができるため、どこを修正すればいいか直感的です ReactはJSX内で{}と(... 続きを読む
オラクルが所有する「JavaScript」商標登録の取り消し、Denoが米国特許商標庁に申請したと発表
JavaScriptランタイム「Deno」の開発元であるDeno Landは、米国特許商標庁にオラクルが所有する「JavaScript」の商標登録の取り消しを申請したことを明らかにしました。 JavaScriptはNetscapeがWebブラウザ用に開発したプログラミング言語であることはよく知られていますが、その名称はサン・マイクロシステムズが登録商... 続きを読む
JS.tfをHCLを書かずに使う - Rokoucha
人類は HCL (Hashicorp Configuration Language) で JavaScript を記述するべきなので、次世代のモダン AltJS である「JS.tf」をリリースしました。 続きを読む
JavaScriptのモジュール解決の相互運用性 / JSConf JP 2024
https://jsconf.jp/2024/talk/berlysia/ 続きを読む