並び順

ブックマーク数

期間指定

  • から
  • まで

281 - 320 件 / 347件

新着順 人気順

&JavaScriptの検索結果281 - 320 件 / 347件

  • 【javascript】演算子なしでFizzBuzzを書く - Qiita

    【javascript】演算子なしでFizzBuzzを書く ※この記事には通常では考えられないような記法が多々登場します 演算子、使ってますよね?ね??(こんな記事見てる人なら) Javascriptにはたくさんの演算子があります。 それを使わないチャレンジです。要は自慢したいだけ 演算子の規定 演算子の規定は基本的にMDN Web Docsの式と演算子のページを参照しました 主なものは下記のものです(これが全てではないです) 算術演算子:+ - * / % ** 比較演算子:== != < > 代入演算子:= 論理演算子:! && || 三項演算子:? : グループ化:() そしてプロパティアクセス演算子です プロパティアクセス演算子 あまり聞き馴染みのない演算子ですが察しの良い方はもうお気づきでしょう ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ console.log() consol

      【javascript】演算子なしでFizzBuzzを書く - Qiita
    • JavaScript オプション引数のデフォルト値を指定したい - Qiita

      function func1({a = 100, b = 200} = {}) { console.log(`${a}, ${b}`) } func1() // => 100, 200 func1({a: 20}) // => 20, 200 Refs デフォルト引数 - JavaScript | MDN 既定値のある分割代入の引数 既定値の代入を、分割代入表記で行うことができます。 これを行う一般的な方法は、空のオブジェクト/配列をオブジェクト/配列に分割代入することです。例えば、 [x = 1, y = 2] = [] とします。 このようにすることで、空の配列/オブジェクトを関数に渡しても、あらかじめ設定した値を保持することができます。 分割代入 - JavaScript | MDN

        JavaScript オプション引数のデフォルト値を指定したい - Qiita
      • JavaScript Interview Questions

        Here is a list of common JavaScript interview questions with detailed answers to help you prepare for the interview as a JavaScript developer. JavaScript continues to be a cornerstone of web development, powering dynamic and interactive experiences across the web. As the language evolves, so does the complexity and scope of interview questions for JavaScript developers. Whether you’re a fresher de

          JavaScript Interview Questions
        • State of JavaScript

          JavaScriptまわりは、もう少し情報が整理されているとよさそうです。 このアンケートは2016年から、20000人以上の開発者に対し、現在やこれからのトレンドについてデータを集めてきました。 開発者が次はどのライブラリを学びたいか、またはどのライブラリが最も満足度が高いかなどを知るために、このアンケートへの回答にご協力ください。

          • Javascript 再入門 - Qiita

            JavaScript (node.js) に再入門する必要があったので、Copilot Chat 先生に教えていただいた内容を忘れないように整理しておきたい。 多分普通にやっている人には何の必要性も無い情報だと思うが、自分の知識の整理のためにやっている。 経緯としては、GitHub Actions のカスタム Action を書くにあたって、JavaScript/TypeScript が必要になったので、ひっさびさに触ってみたが、いろいろ進化しているようなので、そのあたりを整理する。 元々の目的が、Custom GitHub Action の作成だから、Creating a JavaScript actionにしたがってNode.js 20を使用してコードを書いている。書きたいコードは単純で、ファイルをダウンロードして、Unzipするという極めて簡単なもの。Copilot Chat も生成

              Javascript 再入門 - Qiita
            • JavaScriptからFlaskへのデータ送信ーajax通信400エラー - Qiita

              初めに Flaskを用いて開発を行っており、JSからFlask側にajaxを使って情報を送ろうとした。 コードは下記通り var fData = new FormData(); fData.append(Data1, data1); fData.append(Data2, data2); fData = Object.fromEntries(fData.entries()) $.ajax({ url : 'URL', type : 'POST', data : JSON.stringify(fData), dataType : "json", processData : false, contentType : "application/json", async : false, })

                JavaScriptからFlaskへのデータ送信ーajax通信400エラー - Qiita
              • KAPLAY, The JavaScript easy game library

                KAPLAY is a JavaScript library that helps you make games fast and fun! Start playing around with it in the KAPLAYGROUND Features Easy & Fun: KAPLAY is designed to be easy and fun to use. Desinged for Games: KAPLAY is built from the ground up for making games, not only render graphics. Library: KAPLAY is a library, not a framework. You can use as much or as little of it as you like. KAPLAY vs Kaboo

                • [JavaScript]Date.parseの挙動の違いをブラウザ毎に調べてみた - Qiita

                  下記の調査対象の日付を確認し、返り値がNaNではない場合、返り値をもとに日付を作成してDate.parseの引数とどのような違いがあるか確認します。 調査対象の日付 存在する日付(2023年2月10日) 存在しない日付(2023年2月99日) 特定の月には存在しない日付(2023年2月31日) 閏日(2024年2月29日) 調査対象のブラウザはそれぞれ使われているJSエンジンが異なる、Chrome、Safari、Firefoxを対象とします。 存在する日付の場合(2023年2月9日) // Chromeの場合 console.log(Date.parse('2023-02-09T00:00:00.000+0900')) // 1675868400000 console.log(new Date(1675868400000)) // Thu Feb 09 2023 00:00:00 GMT+

                    [JavaScript]Date.parseの挙動の違いをブラウザ毎に調べてみた - Qiita
                  • 社内システム開発基盤のベースマキナ、JavaScriptを用いて多様な業務フローが表現できる「JavaScriptアクション」を正式に公開

                    社内システム開発基盤のベースマキナ、JavaScriptを用いて多様な業務フローが表現できる「JavaScriptアクション」を正式に公開 Webサービスの管理画面をはじめとした社内システムをローコードで開発できる「ベースマキナ」を提供する株式会社ベースマキナは、JavaScriptを用いて多様な業務フローが表現できる「JavaScriptアクション」を正式に公開しました。 これによって複数の処理をまとめて呼び出したり、条件分岐や繰り返しの処理を組めるようになりました。その結果、従来ベースマキナで行えていた処理よりもさらに拡張性が高く多様な業務をシステム化してご利用頂けるようになりました。 https://about.basemachina.com/news/feature-update-20240820 リリースの背景 「JavaScriptアクション」は任意のJavaScriptをサー

                      社内システム開発基盤のベースマキナ、JavaScriptを用いて多様な業務フローが表現できる「JavaScriptアクション」を正式に公開
                    • どうしても頭の中にJavaScriptが出てきてしまう中学生の話 - Qiita

                      どうもAtsu1209です。 私は中学生なのですが、ある授業の時どうしてもJavaScriptが頭の中に 出ててきてしまうので、それを記事にしました。 技術 中学校の技術の授業でフローチャートを勉強することになりました。 そこで、条件分岐のフローチャートが出てきました。 それを見た瞬間頭の中に1つの単語が出てきました。それは、 if JavaScriptのifがどうしても頭から離れなくなりました。 どうしてでしょうね。 以上 今回は短い記事ですが、共感できる方がいましたらぜひコメントとハート よろしくお願いします。 では

                        どうしても頭の中にJavaScriptが出てきてしまう中学生の話 - Qiita
                      • 【2024年版】JavaScript(React)におけるリーダブルコードのチートシート10~13章 - Qiita

                        2024/3/18 コードの再構成 10章 無関係の下位問題を抽出する 10.1 入門的な例: findClosestLocation() const findClosestLocation = (lat, lng array) => { let closest; let closes_dist = Number.MAX_VALUE; for(var i = 0; i < arrya.length; i += i){ //2つの地点をラジアンに変換する const lat_rad = radians(lat); const lat_rad = radians(lnt); const lat2_rad = radians(array[i].latitude); const lat2_rad = radians(array[i].longitude); //「球面三角法の第二余弦定理」の公式を

                          【2024年版】JavaScript(React)におけるリーダブルコードのチートシート10~13章 - Qiita
                        • JavaScriptのパッケージマネージャーってなんでたくさんあるんですか? - Qiita

                          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? A. 一番メジャーなnpmの問題を解決するため JavaScriptを使う開発者であれば、一度は「パッケージマネージャー多すぎないか...?」と思ったことがあると思います。 npm、yarn、pnpmなど、Node.js上で動作するものだけでもいくつか存在しますし、最近ではNode.js以外のJavaScriptランタイム用のパッケージマネージャーも登場しています。 本記事では、これらのパッケージマネージャーがどれくらい存在するのか、そしてそれぞれが解決しようとしている問題について説明します。 1. どんなパッケージマネージャーがあるの

                            JavaScriptのパッケージマネージャーってなんでたくさんあるんですか? - Qiita
                          • Javascriptでアナログ時計 - Qiita

                            以前こういう課題を触る機会があったのだが、やってみると意外と面白かったので備忘録代わりに残す。 HTMLとCSS シンプル。position:relativeな文字盤の上にposition:absoluteな針を置いているだけ。初期状態で90度回った状態になっているので計算時にずらす。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>clock</title> </head> <body> <div id="contents"> <div id="clo

                              Javascriptでアナログ時計 - Qiita
                            • GitHub - noway/htb: Htb.js — a 50-line HTML template engine that uses JavaScript syntax.

                              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 - noway/htb: Htb.js — a 50-line HTML template engine that uses JavaScript syntax.
                              • ビジュアル作成向けライブラリ「p5.js」でJavaScriptを学べる入門書が発売/『p5jsで学ぶJavaScript入門』【Book Watch/ニュース】

                                  ビジュアル作成向けライブラリ「p5.js」でJavaScriptを学べる入門書が発売/『p5jsで学ぶJavaScript入門』【Book Watch/ニュース】
                                • GitHub - antfu/oniguruma-to-js: Covert Oniguruma-flavor Regexp to JavaScript native RegExp.

                                  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 - antfu/oniguruma-to-js: Covert Oniguruma-flavor Regexp to JavaScript native RegExp.
                                  • 人気抜群のPython・JavaScript・Java、特徴を知って好きな言語を学ぼう

                                    日経クロステックが実施した「プログラミング言語利用実態調査2023」で「今後、スキルアップしたいと思う言語はどれですか」と複数回答可で尋ねたところ、トップ10の言語が分かった。それぞれの言語の特徴を解説する。 1位 Python ライブラリが豊富。幅広い分野で使われている 1991年に登場したPythonは、現在最も人気のあるプログラミング言語の一つです。個人で使うちょっとしたプログラムから、WebシステムやAIのためのプログラムまで、様々な分野で利用されています。

                                      人気抜群のPython・JavaScript・Java、特徴を知って好きな言語を学ぼう
                                    • 【JavaScript】setTimeout(fn, 0)が遅さが分かるサイト - Qiita

                                      発端 こちらの記事を読んだとき、未知との遭遇でよく分からなかったのだが、調べるとクソ重い処理をUIがフリーズしない程度にちょくちょく実行する方法としてsetTimeout(fn, 0)というものがある。ということを知った。 そして、setTimeout(fn, 0)は遅いらしいので他のアルゴリズムと比較したいと思った。 比較 1から100000までの和を求めてもらう。 おわかりいただけただろうか。 比較に使わせていただいたアルゴリズム

                                        【JavaScript】setTimeout(fn, 0)が遅さが分かるサイト - Qiita
                                      • モノレポで JavaScript のローカルパッケージをいい感じにできる『tamashii』というツールを作った話

                                        こんにちは。dinii の whatasoda です。モノレポで JavaScript のローカルパッケージをいい感じにできる『tamashii』というツールを作ったので作るに至った背景や機能についてまとめました。 モノレポとローカルパッケージ dinii では開発に用いる言語を TypeScript に統一しています(こちらでご紹介いただいています!)が、ほぼ全てのプロダクトのソースコードをモノレポで管理しているという特色もあります。 dinii が提供している MO-POS-CRM サービスは 10 近くのプロダクト群から出来上がっているため、モノレポであることは一人のエンジニアがプロダクトを横断して機能開発を行いやすい環境を実現するために非常に重要な意味を持ちます。ここでは深堀りはしませんが、プロジェクト間でバージョンの管理をする際の手間が省けることで開発がしやすかったり、リリースを

                                          モノレポで JavaScript のローカルパッケージをいい感じにできる『tamashii』というツールを作った話
                                        • JavaScript: 即時関数とか使えたら初心者っぽくなくなるんじゃないか?? - Qiita

                                          // hello.js function main(){ const name = "山田"; const message = ((name) => { return `こんにちは、${name}さん!`; })(name); console.log(message); } // 実行 main(); /* 実行結果 こんにちは、山田さん! */ 実行結果にある通り,このコードは想定どおりに動きます。 が,初学者の方にはやや不思議に思われるのではないでしょうか。 少なくとも,1年前の私はこれを見ても全く意味がわからず,考えるのをやめるレベルでした😇 もちろん,こんな単純な処理をわざわざこんなコーディングで記述する必要は全くありませんね。 しかし,JavaScriptはこのような,学び始めに習うものとは全くと言ってよいほど異なる関数定義の方法をサポートしています。 ということは,このやり方

                                            JavaScript: 即時関数とか使えたら初心者っぽくなくなるんじゃないか?? - Qiita
                                          • 【JavaScript・初学者】コンポーネントの基礎となるDefault import/exportの基本的な使い方 - Qiita

                                            はじめに 前回の記事で、モジュール化するこによって名前空間を狭くすることができ衝突を防ぐという話をしました。 今回は、そのモジュールをファイル分割によって読み込むimport/exportについて考えていきます。 import/exportの種類 import/exportの方法にはいくつか種類があります。 大きく、default import/exportとnamed import/exportの2種類です。 今回はdefault import/exportについて見ていきます。 default import / export まず、事前準備としてscriptタグにtype="module"を設定して、モジュールとして扱えるように設定します。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewpo

                                              【JavaScript・初学者】コンポーネントの基礎となるDefault import/exportの基本的な使い方 - Qiita
                                            • ESLint v9.9.0 released - ESLint - Pluggable JavaScript Linter

                                              Highlights Here are some of the key changes in this release. Experimental TypeScript configuration files Arya Emami landed experimental support for TypeScript configuration files. Specifically, you can now use eslint.config.ts, eslint.config.mts, and eslint.config.cts files as your configuration files. Because this feature is experimental, you’ll need to use the unstable_ts_config feature flag: np

                                                ESLint v9.9.0 released - ESLint - Pluggable JavaScript Linter
                                              • How fast is javascript? Simulating 20,000,000 particles

                                                How fast is javascript? Simulating 20,000,000 particles The challenge, simulate 1,000,000 particles in plain javascript at 60 fps on a phone using only the cpu. Let’s go. Ok, this is not a particularly difficult challenge if you did all the work on a gpu but the rule of the challenge is to use the CPU only or as much as possible and to stay in js land so no wasm. I know what you are thinking. This

                                                • JavaScriptの特徴をChatGPTと公式ドキュメントを利用して、更に深掘って理解してみた

                                                  はじめにこんにちは、株式会社divxエンジニアの長谷川です。 JavaScriptの学習をしようと、公式ドキュメントを読み進めてみました。公式ドキュメントは情報が豊富で、その中には多くの知識や技術が詰まっています。その一方で、この分野の学習を開始したばかりの最初の段階では、理解が難しい点が多々あり、学習が思うように進まないことがありました。この記事では、ChatGPTを活用して、学習の障壁を乗り越えた経験を通して、発見したことを共有します。 学習を進める上での障壁についてhttps://developer.mozilla.org/ja/docs/Web/JavaScript/Reference MDNのドキュメントを読み進めようと決めました。しかし、まずは情報量の多さで読み切れる気がしなかったり、読み始めるが新たに学ぶ単語が多く理解が進まなかったりと、学習を進める上で障壁がたくさんありまし

                                                    JavaScriptの特徴をChatGPTと公式ドキュメントを利用して、更に深掘って理解してみた
                                                  • 第1問 波形の整形 |『JS体操』〜JavaScriptで頭の体操をしよう!〜

                                                    JavaScriptで頭の体操をしよう!『JS体操』 『JS体操』とは、面白法人カヤックが主催するJavaScriptのコードゴルフです!JavaScriptの問題をゲーム感覚で解きながら言語仕様の理解とプログラミング能力を深める、まさに頭の体操です。 出題される問題は、JavaScriptの言語仕様を駆使するものから数学や様々なアルゴリズムを使う問題まで様々。 上級者の方からJavaScriptを使い始めたという方まで、たくさんの挑戦お待ちしています! ※コードゴルフとは、与えられたアルゴリズムを可能な限り短いソースコードで記述することを競うプログラミング競技です。ソースコードの文字数が、その人のスコアとなります。 問題 No.1『波形の整形』 波形を整形する問題です。アニメーションに使うイージング関数を自作orカスタマイズしたりする際に必要なテクニックです! 黒い実線が赤い点線のガイド

                                                      第1問 波形の整形 |『JS体操』〜JavaScriptで頭の体操をしよう!〜
                                                    • GDI.js - Javascript Runtime for Windows

                                                      GDI.js is a drop-in replacement for node.js in windows desktop environment. Suitable for personal prototyping, desktop utilities, hardware interfacing and much more. const serial = new Serial(); const list = serial.enum(); if(serial.open(list[0].port,9600) === true) { serial.write("Hello",function() { console.log("data sent"); serial.close(); }); }

                                                      • Firebase HostingでAstroをSSRモードにして動かす時の設定 | JavaScriptに関するお知らせ

                                                        こんにちは!SSRを刺されと読むMizutani(@sirycity)です。CSRは腐れです。 今日はFirebaseとAstroとSSRについてです。 結論 Firebase Hosting(とFunctionsとCloud Run)ではAstroをSSRモードで動かすことができます。だが設定が本当にめんどい。 はじめに Firebase hosting(以下hosting)は静的サイトのホスティングサービスです。で、Astroは静的サイトジェネレーターです。つまりAstroで作ったWebサイトはhostingにデプロイできます。まあ当たり前ですね。 hostingのサーバーサイドレンダリング(SSR)について hostingは一部のFWについては例外的にサーバーサイドレンダリング(以下SSR)をサポートしています。サポートしてるFWは以下の通り。 FirebaseExtended/fi

                                                        • JavaScriptで同期的なwait/sleep/delay関数を作る | himenon.github.io

                                                          ブラウザのDevToolsにコピー&ペーストできるサンプルコード​動作確認は、async/awaitがデフォルトでサポートされているGoogle Chrome推奨です。 1行で書くと次のようになります。 const wait = async (ms) => new Promise(resolve => setTimeout(resolve, ms)); Copy

                                                            JavaScriptで同期的なwait/sleep/delay関数を作る | himenon.github.io
                                                          • 【JavaScript・初学者】Reactでよく使われる頻出記法 / 関数について - Qiita

                                                            はじめに Reactを学習していましたが、JavaScriptの記法についてフワッとしている部分がよくあったので、簡単ですが今回は関数について少し調べました。 関数の種類

                                                              【JavaScript・初学者】Reactでよく使われる頻出記法 / 関数について - Qiita
                                                            • JavaとJavaScriptが違うことをビジネスサイドに伝える例 - Qiita

                                                              JavaとJavaScriptが違うことをビジネスサイドに伝える例 受講生の方にも、コンサル先の社長にも、わかり易い例はいくつ有っても足りない インドとインドネシアぐらい違う:両方とも国名で、名前に「インド」が含まれていますが、地理的位置、文化、言語などが全く異なります。同様に、JavaとJavaScriptは両方ともプログラミング言語ですが、構文、用途、動作環境などが全く異なります。 メロンとメロンパンぐらい違う:両方とも食べ物で、名前に「メロン」が含まれていますが、一つは果物で、もう一つはパンです。同様に、JavaとJavaScriptは両方ともプログラミング言語ですが、Javaは一般的にサーバーサイドやデスクトップアプリケーションで使用され、JavaScriptは主にウェブブラウザ内で動作するスクリプト言語です。 カエルとカエルアンコウぐらい違う:両方とも動物で、名前に「カエル」が含

                                                                JavaとJavaScriptが違うことをビジネスサイドに伝える例 - Qiita
                                                              • Deno Land社、新しいJavaScriptパッケージ・レジストリ「JSR」をリリース

                                                                Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

                                                                  Deno Land社、新しいJavaScriptパッケージ・レジストリ「JSR」をリリース
                                                                • 令和6年にJavaScriptなチャートライブラリをReact念頭に置いて総ざらい - Qiita

                                                                  はじめに Next.js の SSG で簡単な線グラフを表示する必要に迫られ、その界隈で使われているライブラリの現状をちょっと調べてみました。以前に同じ界隈のグラフ表示のライブラリを使ったのは 2018 年頃なので、最近の状況を把握する目的もあります。 チャートライブラリは特定の目的のものから汎用的なもの、チャートを簡単に表示するものから部品のラッパー的なものまで多種多様ですが、既に開発が終了/停滞しているプロジェクトも多く、調査にはそれなりに時間がかかってしまいました。 ライブラリ調査/選定について 英語版の Wikipedia に結構まとまっているので、まずはそこから列挙したあとに絞り込んでいきました。今回の利用目的から、非プロプライエタリ、かつ、比較的更新がされており、PC 上の Web ブラウザ上での表示がメインで Reace(Next.js/SSG) で利用でき、オフライン表示も

                                                                    令和6年にJavaScriptなチャートライブラリをReact念頭に置いて総ざらい - Qiita
                                                                  • AWS SDK JavaScript v3でS3のファイル操作 チートシート - maybe daily dev notes

                                                                    ワタミチートシート以来、久々のカンペ記事。 AWS SDK JavaScript v3がリリースされて久しいが、移行は進んでいるだろうか? LambdaのNode.js v18ランタイムではv3 SDKのみビルトインされているなど、そろそろ移行を進めないとまずい状況も増えてきている。 私自身は未だにv3のSDKでS3のファイルをダウンロード/アップロードする操作に慣れないので、この記事にそれらのサンプルコードをまとめる。 事前準備 以降のコードに必要なライブラリは、基本的に以下の一つだけでOK。 npm install @aws-sdk/client-s3 コード S3頻出のパターンとして、以下5つがあるだろう: メモリ上のデータをS3にアップロード ファイルシステム上のデータをS3にアップロード メモリ上にS3のデータをダウンロード ファイルシステム上にS3のデータをダウンロード S3上

                                                                      AWS SDK JavaScript v3でS3のファイル操作 チートシート - maybe daily dev notes
                                                                    • GitHub - rio-labs/rio: WebApps in pure Python. No JavaScript, HTML and CSS needed

                                                                      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 - rio-labs/rio: WebApps in pure Python. No JavaScript, HTML and CSS needed
                                                                      • Bye Bye, Try-Catch Blocks: Meet JavaScript's Safe Assignment Operator Proposal😉

                                                                        Bye Bye, Try-Catch Blocks: Meet JavaScript's Safe Assignment Operator Proposal😉 Introduction JavaScript error handling is about to get a major upgrade. The new ECMAScript Safe Assignment Operator Proposal (?=) is here to streamline your code by reducing the need for traditional try-catch blocks. Let’s explore how this proposal can simplify your error management and make your JavaScript code clean

                                                                          Bye Bye, Try-Catch Blocks: Meet JavaScript's Safe Assignment Operator Proposal😉
                                                                        • TypeID-JS: Type Safe, K-Sortable Unique IDs for Javascript

                                                                          Since we first announced TypeID last year, we've seen significant adoption and interest from the community, with 23 different language clients contributed by the community and 90,000 weekly NPM downloads of our Typescript Implementation. Last week, we released version 1.0 of our Typescript implementation, TypeID-JS. To celebrate this release, we wanted to share more about why we wrote TypeID, and

                                                                            TypeID-JS: Type Safe, K-Sortable Unique IDs for Javascript
                                                                          • GitHub - unjs/unenv: 🕊️ Convert javaScript code to be runtime agnostic

                                                                            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 - unjs/unenv: 🕊️ Convert javaScript code to be runtime agnostic
                                                                            • Learn JavaScript のご紹介  |  Blog  |  web.dev

                                                                              Learn JavaScript のご紹介 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 本日は、web.dev に関する最新のコースをご紹介します。Learn JavaScript は、Mat Marquis が作成した新しいコースで、最新の JavaScript について詳しく説明しています。既存のコース、特に「HTML、CSS を学ぶ」の基礎コースと合わせてご利用ください。 web.dev の他のすべてのコースと同様に、コースを最初から最後まで学習する必要はありません。仕様をブラッシュアップするだけの参考資料としてご利用いただけます。 リンクする資料は、他の記事の背景情報としても使用します。 JavaScript の学習がお役に立てば幸いです。 特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用

                                                                              • 【初心者向け】Tampermonkey で JavaScript に触ってみよう

                                                                                作例:書店サイトから必要な情報を整形して表示する 赤枠の部分が今回のスクリプトで追加された部分。ページから必要なデータを抜き出してまとめています。 書店のページにアクセスすると自動で必要な書誌情報を整形して、ページ上部に表示するというツールも簡単に作ることができます。 具体的な手順 拡張機能をインストールしたらメニューバーにアイコンが表示されるようになります。 クリックして 新規スクリプトを追加 のメニューを選択すると、新規タブでエディタが開きます。 デフォルトで // から始まる数行(コメント)と (function() {})(); という JavaScript が表示されるはずです。 先頭のコメントはスクリプト自体についてのメタ情報で、「●●のサイトにアクセスしたらこのスクリプトを実行する」などの指定をします(詳細は こちら など)。とはいえこのエリアを直接編集することはあまり多くあ

                                                                                  【初心者向け】Tampermonkey で JavaScript に触ってみよう
                                                                                • JSON.rawJSON() - JavaScript | MDN

                                                                                  JSON.rawJSON() 静的メソッドは、 JSON テキストの一部を含む「生の JSON」オブジェクトを生成します。 JSON にシリアライズされた場合、生の JSON オブジェクトは既に JSON の一部であるかのように扱われます。このテキストは有効な JSON であることが求められます。

                                                                                    JSON.rawJSON() - JavaScript | MDN