並び順

ブックマーク数

期間指定

  • から
  • まで

201 - 240 件 / 355件

新着順 人気順

JavaScriptの検索結果201 - 240 件 / 355件

  • GitHub - speed-highlight/core: Light, fast, and easy to use, dependencies free javascript syntax highlighter, with automatic language detection

    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 - speed-highlight/core: Light, fast, and easy to use, dependencies free javascript syntax highlighter, with automatic language detection
    • Internals of async / await in JavaScript | Akash Hamirwasia

      Internals of async / await in JavaScriptJuly 2, 2023 •11 min read If you have ever used JavaScript in the past, there is a high chance you have encountered the async / await syntax. async / await makes it easy to define asynchronous logic in a synchronous way that our brains can comprehend better. Some of you JavaScript veterans might know that async / await is merely a syntactic sugar over the ex

        Internals of async / await in JavaScript | Akash Hamirwasia
      • JavaScript/TypeScriptアプリ用オールインワンツールキット「Bun 1.0」が公開

        JavaScriptおよびTypeScriptアプリケーション用オールインワンツールキットの正式版「Bun 1.0」が公開された。開発チームが2023年9月8日(米国時間)に公式ブログで発表した。 Bun 1.0は、単一の実行ファイルとして提供されており、単一ファイルからフルスタックアプリケーションまで、JavaScriptとTypeScriptの実行、ビルド、テスト、デバッグに使用できる。開発ワークフローをスピードアップしたり、リソースに制約がある環境でサーバレス関数のようなシンプルな本番コードを実行したりする目的での利用が想定されている。 Bunは、JavaScriptのツール群が遅く、複雑になってしまっているという認識から、JavaScriptの長所を全て維持しつつ、この問題を解消することを目指して開発された。 Bunの中核を担うBunランタイムは、サーバサイドJavaScript環

          JavaScript/TypeScriptアプリ用オールインワンツールキット「Bun 1.0」が公開
        • JavaScriptのライブラリ「Polyfill.io」にマルウェア混入 10万以上のWebサイトに影響

          セキュリティ企業Sansecは2024年6月25日(現地時間)、JavaScriptのライブラリ「Polyfill.io」にマルウェアが混入していたと報じた。混入したマルウェアは10万以上のWebサイトに影響を与えたとされている。 Polyfill.jsは古いWebブラウザをサポートするためのライブラリであり、「JSTOR」や「Intuit」「World Economic Forum」など多くのWebサイトで利用されている。2024年2月に中国企業が「cdn.polyfill.io」ドメインと「GitHub」アカウントを購入した後、マルウェアが埋め込まれたコードが配布されるようになったという。 中国企業によるPolyfill.ioの買収とマルウェアの混入 Sansecの分析によると、サイバー攻撃者が「Google Analytics」ドメインを偽造し、モバイルユーザーをスポーツベッティング

            JavaScriptのライブラリ「Polyfill.io」にマルウェア混入 10万以上のWebサイトに影響
          • 汎用性の高い方の日数計算ツール(JavaScript) - 43号線を西へ東へ

            前回、経過日数を自動計算するJavaScriptの記事を書きました。ランニングを再開してから何日経ったかを知るためのものです。 driveon43.com 設定した開始日が2024年2月27日です。その日に生まれたお子さんや、何かを始めた人向けのツールなので、それ以外の人には全く意味の無いツールです。 パーソナライズさせると他の人には使えないというよい例でした。 もう少し使い勝手のよいものに改変しました。 開始日と終了日を指定する汎用性の高い日付計算ツールを貼り付けておきます。同じ記事に貼り付けるとエラーが起こったので別記事に分けました。 日数計算ツール コード JavaScriptを使用した記事 日数計算ツール 開始日: 終了日: 開始日を含む 日数計算 コード はてなブログの編集画面に下記コードをそのまま貼り付ければ動きます。昨日の記事のコードと同時に貼り付けると干渉し合うようで上手く

              汎用性の高い方の日数計算ツール(JavaScript) - 43号線を西へ東へ
            • Let’s learn how modern JavaScript frameworks work by building one

              In my day job, I work on a JavaScript framework (LWC). And although I’ve been working on it for almost three years, I still feel like a dilettante. When I read about what’s going on in the larger framework world, I often feel overwhelmed by all the things I don’t know. One of the best ways to learn how something works, though, is to build it yourself. And plus, we gotta keep those “days since last

                Let’s learn how modern JavaScript frameworks work by building one
              • なんでモダンJavaScriptを使うの? - Qiita

                Vanilla.js 何のライブラリもフレームワークも使わないで書かれたJavaScript(JS)のこと モダンJS 仮想DOMを用いるライブラリやフレームワーク npmやyarnなどのパッケージマネージャ webpackなどのモジュールバンドラ Babelなどのトランスパイラ 具体的にはReact, Vue, Angularを指していると考えて差し支えない DOM Document Object Model HTMLなどの文書を木構造で表現したもの DOM操作自体はコードが複雑化する上に、レンダリングコストが高いというデメリットがあった 仮想DOM JSのオブジェクトで仮想的に作られたDOM 要素の追加や削除をする際に、いきなりDOM操作をするのではなく、JSで仮想DOMを操作し、差分を出してからDOMに反映をする モダンJSではここの操作を行ってくれる パッケージマネージャ 元々のJ

                  なんでモダンJavaScriptを使うの? - Qiita
                • .NET 8 の Blazor の静的 サーバー レンダリング (SSR) で JavaScript を使う方法

                  はじめに .NET 8 の Blazor で追加された静的 サーバー レンダリング (SSR) で JavaScript を使う方法を紹介します。 SSR では、普通に script タグをページに追加しても JavaScript が実行されません。この動作自体は今まであった Blazor Server や Blazor WebAssembly でも同じで基本的には OnAfterRenderAsync で JavaScript を読み込んで実行する必要があります。 SSR では OnAfterRender や OnAfterRenderAsync メソッドは呼び出されないので別の方法で JavaScript を読み込んで実行するようにする必要があります。そのため、Blazor のドキュメントの JavaScript 相互運用の所に静的サーバー レンダリングという項目が追加されています。

                    .NET 8 の Blazor の静的 サーバー レンダリング (SSR) で JavaScript を使う方法
                  • 【JavaScript】let宣言は for ループに特化される - Qiita

                    この記事でのGoの動作は、Go 1.21 の仕様に基づいています。 1.22 で、for の仕様に変更が入っています。 詳しくは、https://tip.golang.org/doc/go1.22 を参照してください。 はじめに 次の記事を読んで、JavaScriptのfor文におけるlet宣言のループ変数が各ループごとに異なる変数としてバインディングされる動作に違和感を覚えました。 以下では、違和感を覚えた理由と、調査を進めた結果たどり着いた結論について書いています。 結論 結論から言うと、JavaScriptの言語仕様において、letはforループに特化されるので、ループ本体のスコープ内でループ変数の作成・値のコピーがされることがわかりました。 初期化ブロックの字句の宣言 初期化ブロックのスコープ効果は、宣言がループ本体の中で行われ、condition部分とafterthought部分

                      【JavaScript】let宣言は for ループに特化される - Qiita
                    • フロントエンドとJavaScriptの歴史を雑に話す会

                      フロントエンド歴10年のmizchiと初心者のateaが雑に話します。フロントエンド、プログラミング、AI、ゲーム、FF14、スト6。 52分〜1時間50分あたりは初心者プログラミングの話で、フロントの歴史だけ聞きたい人は飛ばしてください。 2時間43分のトラブルから音声スレッショルドが効きすぎて聞きづらいです。申し訳ない。 0:00 音声トラブル 4:50 雑談 7:30 自己紹介 16:30 配信の動機 18:50 初めてのインターネット 22:20 FlashとCGI 30:00 JavaScript 35:40 GMail/GoogleMap 43:10 サン牧とPerlと 52:00 ネトゲとの付き合い方 1:03:50 ブラックボックス 1:15:37 初心者vsAI 1:32:54 期待値は低いとアド 1:45:00 スト6のモダン 1:50:50 フロントエンド 2:0

                        フロントエンドとJavaScriptの歴史を雑に話す会
                      • GitHub - mgarciaisaia/JavaScript-Is-Weird-as-a-compressor

                        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 - mgarciaisaia/JavaScript-Is-Weird-as-a-compressor
                        • JavaScriptとTypeScriptの連携: よくあるミスとエラー解消方法 - Python転職初心者向けエンジニアリングブログ

                          JavaScriptとTypeScriptの連携: よくあるミスとエラー解消方法 JavaScriptとTypeScriptは、両方とも人気の高いプログラミング言語であり、多くの場面で連携して使用されます。しかし、JavaScriptとTypeScriptの連携にはいくつかのミスやエラーが発生する可能性があります。この記事では、そのよくあるミスとエラー解消方法について説明します。 1. JavaScriptからTypeScriptへのデータの受け渡し JavaScriptからTypeScriptへのデータの受け渡しには、主に関数の引数やオブジェクトのプロパティなどを使用します。以下は、JavaScriptからTypeScriptにデータを渡す方法の例です。 // JavaScriptからTypeScriptへのデータの受け渡し function greet(name) { console.

                            JavaScriptとTypeScriptの連携: よくあるミスとエラー解消方法 - Python転職初心者向けエンジニアリングブログ
                          • GitHub - Redfire75369/spiderfire: JavaScript Runtime built with Mozilla's SpiderMonkey Engine

                            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 - Redfire75369/spiderfire: JavaScript Runtime built with Mozilla's SpiderMonkey Engine
                            • OSSのWebフレームワークが突如TypeScriptからJavaScriptに移行して紛糾 | スラド オープンソース

                              「Turbo 8」というOSSのWebフレームワークが、「Remove TypeScript」というプルリクで突然にTypeScriptからJavaScriptへの移行を行ったことで、OSS界隈で大きな話題となっているらしい。一般にTypeScriptは型のあるベターなJavaScriptとして扱われるが、移行理由として厳しい型付けやコンパイルの要否などが挙げられている。ただしプルリク提出から2時間で議論する間も無くマージされたので、相当のツッコミも入っているようだ(Turbo 8 is dropping TypeScript、GitHub Remove TypeScript by afcapel、DEVCLASS、はてなブックマーク)。

                              • htmx:JavaScriptなしでサーバーとの通信を実現する

                                Monacaアプリを作る際に欠かせないのがサーバーとの通信でしょう。この時にはいわゆるAjaxと呼ばれる手法を利用して、サーバーへリクエストを行い、返ってきたレスポンスに応じて画面を書き換えます。 こうした処理を書くのはとても面倒で、複雑になりやすいものです。そこで使ってみたいのがhtmxになります。htmxはJavaScriptを書かずにサーバーとの通信処理を実現できるライブラリになります。 本記事ではhtmxの使い方を簡単なコードを交えつつ紹介します。 htmxとは htmxは前述の通り、JavaScriptを書かずにネットワーク通信や高度なUXを実現できるライブラリになります。 htmxは、HTMLタグの属性を使用してHTML内で直接AJAX、CSSトランジション、WebSockets、およびサーバー送信イベントにアクセスできるようにします。 htmxを使うことで、面倒な(かつ毎回同

                                  htmx:JavaScriptなしでサーバーとの通信を実現する
                                • Turbo 8 is dropping JavaScript

                                  By all accounts, JavaScript has been a big success for web development. I've seen loads of people sparkle with joy while working with the dynamic nature of JavaScript, unburdened by the constraints of TypeScript's explicit types. But I've never been a fan. Not after giving it five minutes, not after giving it five years. So it's with great pleasure that I can announce we're dropping JavaScript fro

                                  • Reactを学ぶために覚えたいJavascriptの基礎文法 - Qiita

                                    目的 Reactを自己学習しています。その中でReactを学ぶにはjavascriptへの理解が必要であり、最低限の基礎的な文法をまとめました。自分の備忘録でもあり、これも学んだ方がいいというものがあれば、ぜひともコメントをお願いします。 テンプレート文字列 ${変数}のように記述する。javascriptでの変数や式はだいたい{}内に書く const name = "いとと"; const age = "28"; const message2 = `私の名前は${name}です。年齢は${age}です。`; console.log(message2);// 私の名前はいととです。年齢は28歳です。

                                      Reactを学ぶために覚えたいJavascriptの基礎文法 - Qiita
                                    • 【はてなブログ-カスタマイズ】スマホ版で追従する目次を表示する(JavaScript・HTML・CSS対応) - みやもとブログ

                                      スマホ版で目次を常に表示するように対応してみました。 スクロールの度に目次が追従するようにしています。 以前「追従する目次をサイドバーに表示する」対応をしています(以下リンク)。 今回はそれをスマホ対応したような内容です。 miya-moto-blog.hatenablog.com 上記の対応(PCサイズ)だとサイドバーがあるため、そこに目次を表示するようにしました。 今回の対応(スマホサイズ)だとサイドバーがないため、別の方法で目次を表示するようにしています。 今回はその辺りに関して詳しく書いていきます。 変更内容 画像 具体的な使い方(gif) 適用したコード CSS・HTML JavaScript デザインの適用手順 注意事項 おわりに 関連記事 変更内容 画像 まずは手っ取り早く、画像を載せます。 ページの右下に「目次ボタン」を配置しました(左の画像)。 目次ボタンをタップすると、

                                        【はてなブログ-カスタマイズ】スマホ版で追従する目次を表示する(JavaScript・HTML・CSS対応) - みやもとブログ
                                      • GitHub - devidw/tabgod: execute any javascript on any chromium tabs - cross-tab parallel execution

                                        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 - devidw/tabgod: execute any javascript on any chromium tabs - cross-tab parallel execution
                                        • JavaScriptとSwiftの連携: よくあるミスとエラー解消方法 - Python転職初心者向けエンジニアリングブログ

                                          JavaScriptとSwiftの連携: よくあるミスとエラー解消方法 JavaScriptとSwiftは、それぞれWeb開発やiOSアプリケーション開発などで広く使用されています。この記事では、JavaScriptとSwiftの連携におけるよくあるミスとエラー解消方法について解説します。 1. JavaScriptからSwift関数を呼び出す まず、JavaScriptからSwiftの関数を呼び出す方法を示します。これには、JavaScriptからSwiftにメッセージを送信する必要があります。以下のSwiftのサンプルコードは、JavaScriptから呼び出される関数を定義しています。 import JavaScriptCore @objc protocol JSBridgeProtocol: JSExport { func swiftFunction(_ message: Strin

                                            JavaScriptとSwiftの連携: よくあるミスとエラー解消方法 - Python転職初心者向けエンジニアリングブログ
                                          • JavaScriptを忘れて、CSSだけでモーダルを創造する - Qiita

                                            はじめに Webアプリケーションではユーザーとの対話を効果的に行うため、モーダルウィンドウ(モーダル)がよく利用されます。JavaScriptを駆使して制御するのが一般的ですが、それが必ずしも必要なわけではありません。今回は、JavaScriptを一旦忘れて、CSSのみを使って綺麗なモーダルを作成する方法を紹介します。 ここでは自分なりに考えた方法を紹介しているので、ぜひコメントで他の方法やアイデアを教えてください! モーダルを表示する まず、モーダルの表示をCSSだけで実現します。 基本的にはクリックされた時に状態が切り替わるタグを利用して、表示を制御します。 checkboxを使う場合 checkboxにチェックが入ったかどうかに応じてモーダルの表示を制御します。 紐づけるlabelは複数配置できるので、表示ボタンと閉じるボタンに利用しています。 See the Pen CSSModa

                                              JavaScriptを忘れて、CSSだけでモーダルを創造する - Qiita
                                            • From many to one: Moving our JavaScript code into a monorepo | Aha! software

                                              Aha! Develop is for healthy enterprise development teams — that use scrum, kanban, and SAFe frameworks Learn more Do we need a monorepo? When I first joined Aha!, I was surprised by how well-structured the engineering onboarding program was. I spent several weeks getting to know all the teams and learning the pieces of our system. What I didn't realize at the time was these onboarding conversation

                                              • 【初心者向け】Reactでよく使うJavaScriptのメソッドや構文13選とReact Hooks(プチ紹介) - Qiita

                                                はじめに 最近、ひょんなことから初学者向けのReactアプリをレベル別に10個くらい開発しながら、ハンズオンで学べる教材的なものを作成する機会があり、それを実施する前に最低限理解していたら学習がスムーズに進むだろうと思われるものをまとめました。 また、予習編としてReact専用で使用されるものも簡単に紹介します。 ちなみに、すでに「基本編くらいわかるわ!」って方は予習編はみなくていいので、以下のリファレンスのチュートリアルをやっちゃってください。Udemyなんかでもいいと思いますのでどんどん手を動かすフェーズに入っていきましょう。 https://ja.react.dev/ 基本編(JavaScript) mapメソッド 配列内の全ての要素に対して関数を適用し、新しい配列を作成します。 const items = ['apple', 'banana', 'cherry']; const l

                                                  【初心者向け】Reactでよく使うJavaScriptのメソッドや構文13選とReact Hooks(プチ紹介) - Qiita
                                                • JavaScriptライブラリ「jQuery 4.0.0 BETA」が公開

                                                  jQuery 4.0では、Internet Explorer 10以前のサポートが終了されるとともに、レガシー版のMicrosoft Edge、iOS 10以前、Firefox 64以前といった古いWebブラウザがサポートされなくなっている。 あわせて、以前のバージョンで非推奨になっていたいくつかのAPIが削除されるとともに、push、sort、spliceメソッドが削除された。 そのほか、jQuery 4.0でサポートするWebブラウザに合わせて、focusin、focusout、focus、blurの順番が変更され、blur→focusout→focus→focusinとなったほか、jQuery.ajaxへのFormDataを含むバイナリデータのサポート追加、従来自動で行われていたjQuery.ajaxにおけるdataType: "json"使用によるJSONPリクエストへの変換の削除

                                                    JavaScriptライブラリ「jQuery 4.0.0 BETA」が公開
                                                  • C言語とJavaScriptの連携: ネイティブな計算力とWebの柔軟性を組み合わせる - Python転職初心者向けエンジニアリングブログ

                                                    こんにちは、プログラミング仲間の皆さん。今回は、C言語とJavaScriptを連携させ、ネイティブな計算力とWebの柔軟性を組み合わせる方法について詳しくお伝えします。C言語の高いパフォーマンスとJavaScriptのWebアプリケーションへの組み込みが、プログラミングの可能性を広げます。 1. C言語の関数をJavaScriptから呼び出す まず最初に、C言語で書かれた関数をJavaScriptから呼び出す例を見てみましょう。この方法では、Node.jsとffi-napiモジュールを使用してC言語の関数を呼び出します。 C言語のコード (example.c) #include <stdio.h> void helloFromC() { printf("Hello from C!\n"); } JavaScriptのコード (app.js) const ffi = require('ffi

                                                      C言語とJavaScriptの連携: ネイティブな計算力とWebの柔軟性を組み合わせる - Python転職初心者向けエンジニアリングブログ
                                                    • 【JavaScript】アニメーションの処理負荷を軽減する | Web production note

                                                      単体のアニメーションだとそれほど気にならない場合でも、表示範囲の中で複数のアニメーションが同時に走ったりする場合、負荷が増大して処理落ちなどを起こすことがあります。 レンダリング負荷を軽減するため試行錯誤をしたので、備忘録もかねて実施した内容をまとめました。 可読性や保守性など、よりクリーンなコードを目指す場合は不適切な書き方があるかもしれません。 コードは参考程度に見ていただき、各自の環境でデバッグのうえより適切なコードを選択していただければと思います。 パフォーマンスパネルでデバッグ今回はChromeのパフォーマンスパネルで検証をしました。 パフォーマンス計測後の詳細からJSファイルを参照すると、具体的な実行時間まで表示されるため重たい処理の特定に非常に重宝しました。 パフォーマンスパネルの使い方の詳細は以下をご参照ください。

                                                        【JavaScript】アニメーションの処理負荷を軽減する | Web production note
                                                      • Zero-JavaScript View Transitions | Astro

                                                        This is Part 1 of our series on “The Future of Astro” covering three major new features we have planned for Astro in 2024. This post introduces an update to the View Transitions API that Astro can now leverage for native, app-like page navigation without a single line of JavaScript required. The View Transitions API is a set of new platform APIs that unlock native browser transitions between pages

                                                          Zero-JavaScript View Transitions | Astro
                                                        • 「Web開発における近年最も重要な進歩の1つ」 ー JavaScriptを使わないビュー遷移を実現するView Transition APIをAstroがサポート

                                                          6月12日、The Astro Blogで「JavaScript を使わないビュー遷移(Zero-JavaScript View Transitions)」と題した記事が公開された。この記事では、JavaScriptを使用せずに、ネイティブアプリライクなビュー遷移を実現するための新しいプラットフォームAPIについて詳しく紹介されている。 Zero-JavaScript View Transitions View Transitions APIは、ページ間のネイティブなブラウザ遷移を可能にするAPIのセットである。歴史的には、これが可能だったのはJavaScriptを多用するシングルページアプリケーション(SPA)だけだったが、最近の進歩により、ネイティブなページ遷移がウェブプラットフォームに導入されている。 AstroユーザーはAstro 2.9以来、ビュー遷移への早期アクセスが可能となっ

                                                            「Web開発における近年最も重要な進歩の1つ」 ー JavaScriptを使わないビュー遷移を実現するView Transition APIをAstroがサポート
                                                          • Visual 6800 in JavaScript

                                                            FAQ Blog Links Source 6800 instruction card programming model Please wait, graphics initialising... Use 'z' or '>' to zoom in, 'x' or '<' to zoom out, click to probe signals and drag to pan. Show: (diffusion) (grounded diffusion) (powered diffusion) (polysilicon) (metal) (protection) Animate during simulation: Link to this location User Guide x: 0 y: 0 click here and type if your program handles i

                                                            • JavaScript のインポート地図がクロスブラウザでサポートされるようになりました。  |  Blog  |  web.dev

                                                              JavaScript のインポート地図がクロスブラウザでサポートされるようになりました。 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 ES モジュールは、ウェブ アプリケーションに JavaScript コードを含めて再利用する最新の方法です。これらは最新のブラウザでサポートされており、従来の非モジュール式 JavaScript 開発アプローチに比べていくつかの利点があります。 ES モジュールを使用する最新の方法は、<script type="importmap"> タグを使用することです。このタグを使用すると、外部モジュール名とそれに対応する URL のマッピングを定義できます。これにより、コードに外部モジュールを組み込んで使用するのが容易になります。 <script type="importmap"> アプローチを使用するには、まずそれを HTM

                                                                JavaScript のインポート地図がクロスブラウザでサポートされるようになりました。  |  Blog  |  web.dev
                                                              • 【世界一シンプルなWeb制作ロードマップ】もうWeb制作初心者はHTML/CSS/JavaScript以外やるな

                                                                世界で一番初心者に優しいWeb制作のメディア。HTML/CSS/JavaScript、WordPress、Web制作の考え方を解説します。

                                                                  【世界一シンプルなWeb制作ロードマップ】もうWeb制作初心者はHTML/CSS/JavaScript以外やるな
                                                                • 2023年の"JavaScript Rising Stars"が発表

                                                                  垂直スケーラビリティと効果的なテストによる金融取引システムのパフォーマンスと効率の最大化 Peter Lawrey氏はJavaチャンピオンであり、Chronicle SoftwareのCEOとして、開発者を鼓舞してソリューションのクラフトマンシップを高めることに情熱を注いでいる。経験豊富なソフトウェアエンジニアとして、Lawrey氏はソフトウェア開発プロセスにおけるシンプルさ、パフォーマンス、創造性、革新性を奨励することに努めている。

                                                                    2023年の"JavaScript Rising Stars"が発表
                                                                  • 【はてなブログ-カスタマイズ】スマホ版のグローバルナビゲーションに検索機能を追加する(JavaScript・HTML・CSS対応) - みやもとブログ

                                                                    この記事は移転しました。約2秒後に新記事へ移動します。 移動しない場合は以下をクリックしてください。 miya-moto-memo.hatenablog.com

                                                                      【はてなブログ-カスタマイズ】スマホ版のグローバルナビゲーションに検索機能を追加する(JavaScript・HTML・CSS対応) - みやもとブログ
                                                                    • JavaScriptスプレッドシートライブラリ「SpreadJS V17J」、Excelライクな見た目のガントチャートを作成可能に

                                                                        JavaScriptスプレッドシートライブラリ「SpreadJS V17J」、Excelライクな見た目のガントチャートを作成可能に
                                                                      • BlazorでJavaScriptから.NETの動的(インスタンス)メソッドを呼び出す - Qiita

                                                                        はじめに 仕事で作成しているBlazorのアプリケーションで、Handsontableを使用して一覧表を表示しています。 検証作業を実施している同僚から、2台のPCで同じ画面を表示した際に一覧表を表示する処理を実施すると、後から起動したPC側に一覧表が表示され、本来表示されるPC側には何も表示されないとの報告を受けました。 土日の休日を使って解決策を見つけることが出来たので、備忘録として記事に残しておきます。 問題1 現象 会社では複数PCが使用できますが、自宅ではPC1台です。 そこで、違うブラウザChromeとEdgeで同じ現象が出るか試してみました。Visual Studio上で Chromeを起動しておき、後からEdgeを起動して、一覧表を表示する処理を実施するとEdge側に一覧表が表示されました。 これなら Visual Studio上から デバッグ も可能で調査が進みます。 調

                                                                          BlazorでJavaScriptから.NETの動的(インスタンス)メソッドを呼び出す - Qiita
                                                                        • javascriptのオブジェクトリテラルは評価されるまでは、あくまでブロック文でしかない - メモを揉め

                                                                          よくよく考えたら普通のことでした。 評価せずに使われる場面も思いつかないのでわざわざ書くことでもないと思うのですが、何が役に立つか分からないこの世の中。 一応メモ。 そもそも何故気になったか 算術演算子の動作を調べるために色んな物同士を演算子で連結して遊んでいた。 その中でどうも腑に落ちない式がありました、オブジェクトリテラル同士を演算子でつないだものです。(使い道は無いと思いますが…) {0:0}+{0:0} //エラー あれ?なんでエラーになるんだろう? と思って考えましたが理由が分かりませんでした、それでいろいろ試したところ {a:0}+{0:0} //NaN {a:0}*{0:0} //エラー となって、さらに混乱。 ブロック文とラベル文 オブジェクトリテラルってなんだっけと思い、safariのコンソールに {} と空オブジェクト(のつもり)を打ち込んでリターンを押すとundefi

                                                                            javascriptのオブジェクトリテラルは評価されるまでは、あくまでブロック文でしかない - メモを揉め
                                                                          • React スプレッド構文をなぜ使うのか モダンなJavaScriptを書いていくうえで欠かせない知識 - Qiita

                                                                            スプレッド構文をなぜ使うのか 理解のためにはまず破壊的メソッドと非破壊的メソッドを知る必要がある。 破壊的メソッドを見ていく popやpushのような破壊的なメソッドを使うことは最近のJavaScriptではNGとなっている。 破壊的メソッドを避けるためにスプレッド構文が使われると覚えておく。 一般的な破壊的メソッド Array.prototype.push(): 配列の末尾に要素を追加します。 Array.prototype.pop(): 配列の末尾から要素を削除します。 Array.prototype.shift(): 配列の先頭から要素を削除して、残りの要素を前に詰めます。 Array.prototype.unshift(): 配列の先頭に要素を追加し、他の要素を後ろにずらします。 Array.prototype.sort(): 配列の要素をソートします。デフォルトでは破壊的なソート

                                                                              React スプレッド構文をなぜ使うのか モダンなJavaScriptを書いていくうえで欠かせない知識 - Qiita
                                                                            • Preparing your custom rules for ESLint v9.0.0 - ESLint - Pluggable JavaScript Linter

                                                                              When ESLint v9.0.0 is released, it will ship with several breaking changes for rule authors. These changes are necessary as part of the work to implement language plugins, which gives ESLint first-class support for linting languages other than JavaScript. We’ve had to make these changes because ESLint has, from the start, assumed that it would only ever be used to lint JavaScript. As such, there w

                                                                                Preparing your custom rules for ESLint v9.0.0 - ESLint - Pluggable JavaScript Linter
                                                                              • JavaScriptの挙動を見る①<実行コンテキスト,コールスタック,ホイスティングetc...>

                                                                                JavaScriptの基礎知識をつけよう 今回はTypeScriptやReactを触る前に!!JavaScriptについてしろう! ということで、JavaScriptの知識について記述していきます。 何回かに分けて書きたいなと思います。今回は以下の内容になります。 1. JavaScriptとは - 歴史、 - ECMAScriptと、その関係性 2. JavaScriptが実行される仕組み - 実行コンテキストとは - コールスタックの仕組み - ホイスティングとは - モジュール(Modules)について知る - DOMについて(入門) 3. JS前提知識 (変数、関数、オブジェクト) JavaScriptとは: ECMAScriptの仕様に基づいて実装されている、プログラミング言語。 スクリプト言語であり、実行時にプログラムを解釈する。(動的型付け) スクリプト言語とは: コンパイル

                                                                                  JavaScriptの挙動を見る①<実行コンテキスト,コールスタック,ホイスティングetc...>
                                                                                • JavaScript/TypeScript向け多機能ツール「Biome」が登場、「Rome」開発の主要メンバーがフォーク

                                                                                  Biomeはコードのフォーマット統一や静的解析の機能を併せ持つツール。JavaScript/TypeScript、JSON、CSSに対応する。JavaScript/TypeScriptを使ったアプリケーション開発では、Babel(トランスパイラ)、ESLint(静的解析ツール)、webpack(モジュールバンドラ)、Prettier(フォーマット統一ツール)、Jest(結合テスト・ツール)など、それぞれ異なる機能を持つ別々のツールをかき集めて、適切に使い分ける必要があるが、必要なツールを集めて環境を作るだけでも開発者にとっては大きな負担となっている。 そこで、単一のツールで上記のような機能をすべて提供しようという考えからFacebook(現Meta Platforms)で2020年に開発が始まったのが「Rome」だ。その後RomeはFacebookの手を離れ、開発を主導していたSebast

                                                                                    JavaScript/TypeScript向け多機能ツール「Biome」が登場、「Rome」開発の主要メンバーがフォーク