タグ「JavaScript」 - はてブログ

タグ JavaScript

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

(1 - 25 / 1000件)

【JS】「ただの {}（ブロック文）」を使うと嬉しいこと

2024/04/15 11 users フレーズブロック文オブジェクト単体嬉しいこと

JavaScript の「ブロック文」をご存知でしょうか。波括弧（ブレース）で囲む、コレです。 if ブロック if () {} や、for ブロック for () {} として目にすることが多いですが、 {} 単体でもブロック文になります。これだけだとオブジェクトと思ってしまうかもしれませんが、ブロック文になります。（オブジェクトと... 続きを読む

最近はJavaScriptをデフォルト無効化してブラウジングしてる

2024/04/14 29 users デフォルト無効化マルバタイジング ITmedia スタンス

こういう事(これが本当にマルバタイジングだったのかサイト改ざんだったのかどうか等はITmediaから経緯説明があったわけでもないので知らない)があってこういうスタンスなのだけれど、モバイル環境に関しては最近はJavaScriptを無効化してブラウジングしてる。使っているスマホのバッテリーがへたりはじめているので少... 続きを読む

フリーランス・副業における案件数が多いプログラミング言語　2位「PHP」、1位は？

2024/04/09 16 users PHP フリーランス副業プログラミング言語案件数

フリーランス・副業における案件数が多いプログラミング言語は何か。フリーランス・複業・副業の求人マッチングサービス「SOKUDAN（ソクダン）」を運営するCAMELORS（東京都渋谷区）の調査によると、1位は「JavaScript」（案件比率21.2％、月収87万円）だった。 JavaScriptは、Web開発におけるフロントエンドからバック... 続きを読む

コードの脆弱性をAIが自動で発見、解説と修正提案する機能をGitHubが発表。JavaScript、TypeScript、Java、Python対応 | テクノエッジ TechnoEdge

2024/03/28 14 users GitHub Publickey TypeScript フル

ITジャーナリスト／Publickeyブロガー。IT系の雑誌編集者、オンラインメディア発行人を経て独立。2009年にPublickeyを開始しました。 GitHubは、脆弱性のあるコードをAIボットが自動的に発見、修正したコードとその解説をプルリクエストしてくれる「code scanning autofix」（コードスキャン自動修正機能）を発表しまし... 続きを読む

JavaScript である値がオブジェクト型であることを判定する変なテク

2024/03/24 9 users テクオブジェクト型 typeof Object return

TC39の活動で有名なJordan Harbandが作成した下記issueで知ったのでメモ。前提として、次のコードによって x がオブジェクト型であることを判断できる。JavaScriptにおける null は typeof の結果が "object" になるという有名な変な挙動がカバーされている。 function isObjectA(x) { return (typeof x === "object" &... 続きを読む

jsx, tsx のシンタックスハイライトにも対応しました。また、JavaScriptのハイライトを改善しました - はてなブログ開発ブログ

2024/03/21 17 users シンタックスハイライトしんたシンタックス jsx TSX

はてなブログでは、ソースコードなどを構文（シンタックス）に応じて色付け（ハイライト）表示するシンタックスハイライトに対応しています。今回、シンタックスハイライトに関する改善を行いました。 jsx, tsx形式のシンタックスハイライトの追加 JavaScript形式のシンタックスハイライトの改善 jsx, tsx形式のシンタ... 続きを読む

JavaScript/TypeScriptプログラマのIDEは半数以上がVSCode、32％がテストを書かない。JetBrainsによるアンケート調査

2024/03/13 10 users JetBrains TypeScript vscode 開発

JavaScript/TypeScriptプログラマのIDEは半数以上がVSCode、32％がテストを書かない。JetBrainsによるアンケート調査 Kotlin言語やIntelliJ IDEAなどの開発ツールを開発提供しているJetBrainsは、 JavaScriptとTypeScriptに関する調査結果「2024 年の JavaScript と TypeScript のトレンド: 開発者エコシステムアンケー... 続きを読む

Go 言語だって minify されたい！「mingo」の紹介

2024/03/11 18 users CSS DOCTYPE html HTML フロントエンド

HTML/CSS や JavaScript など、 Web フロントエンドにおいては配信時にファイルを minify することが一般的です。ファイルを minify する = ファイルサイズを小さくすることでネットワークの通信量を削減し、結果として Web ページの読み込み速度を向上させることができます。  <!DOCTYPE html> <... 続きを読む

2024 年の JavaScript と TypeScript のトレンド: 開発者エコシステムアンケートのインサイト | The WebStorm Blog

2024/03/09 30 users JetBrains TypeScript コミュニティ両方

JetBrains は過去 7 年間にわたり、変化し続ける開発者の状況と使用されている主要テクノロジーを関連付けるために開発者エコシステムアンケートを実施してきました。その結果は生データと分析レポートの両方の形式でコミュニティと共有され、すべての関係者がこのエコシステムの状況を把握できるようになっています。 ... 続きを読む

【Next.js14】CSR・SSR・SSG・ISRの違いと実装方法 - Qiita

2024/03/08 28 users HTML クライアントサーバーリクエストＣＳＲ

Next.jsでは、レンダリング手法をCSR・SSR・SSG・ISRの中から選ぶことができます。本記事では、それぞれの特徴に触れつつ、実装方法を紹介します。 CSR （Client Side Rendering）クライアントからのリクエストに対して、サーバーは空のHTMLとJavaScriptを返します。このJavaScriptがブラウザ上で実行されることによ... 続きを読む

1行で発狂するコード - Qiita

2024/03/06 143 users コンスタント冗長題材 Qiita 記述

人は1行の記述で死ぬこともある公開からコンスタントに閲覧をいただいている以下の記事。需要がありそうなので、もう1つ記事を書いてみようと思う。題材は前回同様のJavaScriptのクソコードではあるが、前回は冗長を極めたクソコードであるのに対し、今回はたった1行である。 1行なのに、なんと示唆深い(決してほめて... 続きを読む

Deno、モダンなJavaScript/TypeScriptに最適化したパッケージレジストリ「JSR」パブリックベータ公開。Node.js、Bun、Cloudflareなどにも対応

2024/03/03 21 users JSR パブリックベータ Bun CloudFlare npm

JavaScript/TypeScriptランタイムの「Deno」を開発提供しているDeno Land Inc.は、モダンなJavaScriptおよびTypeScriptに最適化した新しいパッケージレジストリ「JSR」をパブリックベータとして公開しました。現在、JavaScriptのパッケージレジストリは、Node.js用に構築され、GitHubが運営するnpm（Node Pacage Manage... 続きを読む

うるう日にしか発生しないバグ

2024/03/02 179 users パク true false 年月日関数

昨日うるう日にしか発生しないバグに遭遇した。Javascriptを書く人には有名な話だとは思うので大して面白くはないかもしれないが一応メモ。詳しくは書けないがバグが発生した関数の仕様としてはざっくりと下記のような感じ。対象の年月日が基準日の1年前から1年後の間に含まれる場合はtrueを返しそうでない場合はfalse... 続きを読む

「JavaScriptで要素をドラッグして移動する簡単な方法」という記事が初耳だらけだった件 - Qiita

2024/02/26 732 users ナニコレ Qiita 供養テクニック休日

はじめにまず↓の記事を見てない方はぜひ見てください！自分にとってはこの記事には「えっ、ナニコレ！」なテクニックが多く、特に解説もなかったのでいろいろ調べてたら休日が消えてました... なのでその時間の供養もかねて、自分が知らなかった部分を中心に、僭越ながら元記事の解説を書いてみたいと思います。ちな... 続きを読む

新たなJavaScript日付操作ライブラリ「Tempo」登場ーネイティブなDateと直接連携、小さく、速く、使いやすく

2024/02/26 85 users TEMPO Date Moment.js 日付ライブラリ日付

先日リリースされた「[Tempo](https://tempo.formkit.com/)」が、全く新しいJavaScriptの日付／時刻ライブラリとして非常に注目を集めている。先日リリースされた「Tempo」が、全く新しいJavaScriptの日付／時刻ライブラリとして非常に注目を集めている。 JavaScriptの日付ライブラリにはmoment.js、day.js、date-fnsな... 続きを読む

@swc/jestで手間をかけずにテストを早くする - ドワンゴ教育サービス開発者ブログ

2024/02/26 11 users SWC Jest Bun Vitest 手間

こんにちは、ドワンゴ教育事業 Web フロントエンドチームの猪井です。この記事では babel-jest から @swc/jest に移行することで Jest によるテストが速くなった事例について紹介します。 JavaScript のテストツールは、Vitest のバージョンが 1 を迎えたり Bun が登場したりして、よく使われる Jest 以外にもよさそう... 続きを読む

保守・理解しやすいコードを書きたい！〜VSCode拡張機能で循環的複雑度と戦う〜 - Qiita

2024/02/21 129 users GitHub Qiita node 関数 VSCode拡張機能

参考: 循環的複雑度ちなみに githubで最もやべー関数を発掘するという記事では、循環的複雑度が高い関数が紹介されています。ものによってはリンク切れしてしまっていますが、最も複雑度が高いのはnode（JavaScript）のjo関数で5505だそうです。想像もつかない... どのようにすれば循環的複雑度を低く抑えられるのか？... 続きを読む

JavaScriptで要素をドラッグして移動する簡単な方法 - Qiita

2024/02/21 264 users Qiita script src height width

要素をドラッグして移動することは、JavaScriptにおいて頻出パターンです。しかし、それを簡単に実現するコードは意外と知られていません。 <img id="$img" src="https://js.cx/clipart/ball.svg" width="40" height="40"> <script> $img.onpointermove = function(event){ if(event.buttons){ this.style.left = this.... 続きを読む

ヤフーのユーザー5,400万人から"同意"を得るための技術（HTML/CSS/JavaScript）

2024/02/20 102 users CSS ヤフー HTML 同意技術

こんにちは。SWATチームの今谷と、LY会員サービス統括本部の木所です。 LINEとヤフーの会社合併に伴って、LINEヤフー株式会社が提供するサービスを利用するユーザーに「新プライバシーポリシーへの同意」をいただくためのモジュールを開発しました。本記事では、ヤフーのユーザー5,400万人から”同意”を得るための工夫に... 続きを読む

Flashエミュレーター誕生のきっかけは別に「フラッシュ愛」じゃなかった　「swf2js」開発者の本音と数奇な運命【フォーカス】

2024/02/15 250 users フォーカス本音運命きっかけ家永

株式会社ソニックムーブ　エンジニアグループソリューションユニットマネージャー家永稔之 2011年にソニックムーブに入社。個人ではJavaScriptとTypeScriptを用いて、「swf2js」や「Next2D」の開発を手がける。業務のリモート化をきっかけに地元の消防団に所属し、防災活動として月に数回、消防車両に乗って地域の巡... 続きを読む

【2024年版】JavaScript(React)におけるリーダブルコードのチートシート1~3章 - Qiita

2024/02/14 5 users Qiita React TypeScript 例題 Java

概要リーダブルコードを読んでいて、JavaやC++、Pythonの事例も混じっているのと割とレガシーな例題が多いなーと感じました。 React.js、Next.js、TypeScriptをメインにフロントエンドエンジニアとして仕事をしている自分用に、後で見返せるよう2024年JavaScript版リーダブルコードのチートシート的なものを改めて読み... 続きを読む

Detect Caps Lock with JavaScript

2024/02/10 5 users

Anyone is capable of having their caps lock key on at any given time without realizing so. Users can easily spot unwanted caps lock when typing in most inputs, but when using a password input, the problem isn’t so obvious. That leads to the user’s password being incorrect, which is an annoyance. ... 続きを読む

(1 - 25 / 1000件)

次の25件 »