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
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
作例：書店サイトから必要な情報を整形して表示する 赤枠の部分が今回のスクリプトで追加された部分。ページから必要なデータを抜き出してまとめています。 書店のページにアクセスすると自動で必要な書誌情報を整形して、ページ上部に表示するというツールも簡単に作ることができます。 具体的な手順 拡張機能をインストールしたらメニューバーにアイコンが表示されるようになります。 クリックして 新規スクリプトを追加 のメニューを選択すると、新規タブでエディタが開きます。 デフォルトで // から始まる数行（コメント）と (function() {})(); という JavaScript が表示されるはずです。 先頭のコメントはスクリプト自体についてのメタ情報で、「●●のサイトにアクセスしたらこのスクリプトを実行する」などの指定をします（詳細は こちら など）。とはいえこのエリアを直接編集することはあまり多くあ
Learn JavaScript のご紹介 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 本日は、web.dev に関する最新のコースをご紹介します。Learn JavaScript は、Mat Marquis が作成した新しいコースで、最新の JavaScript について詳しく説明しています。既存のコース、特に「HTML、CSS を学ぶ」の基礎コースと合わせてご利用ください。 web.dev の他のすべてのコースと同様に、コースを最初から最後まで学習する必要はありません。仕様をブラッシュアップするだけの参考資料としてご利用いただけます。 リンクする資料は、他の記事の背景情報としても使用します。 JavaScript の学習がお役に立てば幸いです。 特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用
こういう人に向けて書いてます 本記事には、 ・面倒くさい事務作業を減らしたい人 ・会社のために、何かを作りたいけど、バックエンドが苦手な人 ・みんなが使えるツールを作りたい人 に向けて書いています。 なぜ社内検索botを作ったのか？ 去年、ジーズアカデミーに入学して、プログラミングを学ぶきっかけの一つっは、どうしても解決したい会社での小さな問題であった。それは、社内でいつも発生する、カスタマー対応の煩雑さ。 流れはこちら： メールが読み→該当するテンプレを探す→お客様の名前を書き換わる→自分のお名前を書き換わる→確認する→送信 （自分の業務じゃないけど、だるい！） ここで考えたのが： １、全社にテンプレ共有 ２、書き換わる部分をわかりやすくする。ミスの少なくする。 目的 ・問い合わせメールをもっと早く返したい ・テンプレを探す手間を省きたい ・担当不在の時でも、情報共有によって、誰でもある
JavaScriptは、長い歴史を持ちながらも常に進化を続けている。最新動向を踏まえて筆者の個人的な見解を交えつつ、Q＆A形式でJavaScriptにまつわる素朴な疑問に答える。 JavaScriptの構文では、文末のセミコロンは付けても付けなくてもよいことになっています。ここで注意したいのは、セミコロンは“省略可能”ではなく、「セミコロンが見付からない場合は、自動的に挿入される」という点です。この自動挿入に関しては、ECMAScriptで「Automatic Semicolon Insertion」（ASI、自動セミコロン挿入）として、きちんと細かく仕様が決められています。 自動挿入のルールを大まかに言うと、文末で改行されているところにセミコロンがない場合はセミコロンが挿入される、というとても当たり前なものです。例えば、セミコロンのないリスト15は、文末の改行部分でセミコロンが自動挿入さ
予防線 勘違いされそうなんで先に書いておきますが、私は!派です。 前提 ifの条件式の部分で真偽値ではない値を他の値と比較せずに書くことを禁止するコーディング規約があるとします。 trueと比較する愚かさ
【JavaScript・初学者】map / forEach / filter / findの違い - Qiita
map / forEach / filter / find 書くメソッドの使い方について個別にまとめているので、参考にしてみてください。 map forEach filter find Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
JavaScriptのmapメソッドは、オブジェクトの複数のkeyを指定して、valueにアクセスできる - Qiita
const kvArray = [ { key: 1, value: 10 }, { key: 2, value: 20 }, { key: 3, value: 30 }, ]; const reformattedArray = kvArray.map(({ key, value }) => ({ [key]: value }));
Easy to use, simple to code, fully featured, interactive JavaScript tables and data grids Download v6.2 HTML <div id="example-table"></div> JavaScript - Simple Table //define data array var tabledata = [ {id:1, name:"Oli Bob", progress:12, gender:"male", rating:1, col:"red", dob:"19/02/1984", car:1}, {id:2, name:"Mary May", progress:1, gender:"female", rating:2, col:"blue", dob:"14/05/1982", car:t
【Microsoft365参考書】Teamsの起動時に「A JavaScript error occurred in the main process」とエラーが発生 - 社畜の所業
アプリ版のTeamsの起動時に、下記エラーが発生し起動できない場合の対処方法についてご紹介したいと思います。 エラー A JavaScript error occurred in the main process [A JavaScript error occurred in the main process] のエラーが表示される場合は、Microsoft Teams 固有のエラーではなく、JavaScript を利用しているアプリにて発生する端末依存のエラーであることが推測されます。 そのため、Microsoft Teams デスクトップクライアントのキャッシュクリアや Microsoft Visual C ++ のパッケージを最新のものに再インストールすることで、事象が改善する可能性があります。 1. Microsoft Teams デスクトップクライアント キャッシュをクリアする方
概要 この記事では、ライブラリやフレームワークに依存せず、純粋なJavaScriptのみを使用してデータバインディングを実装する方法について詳しく説明します。効率的なWebアプリケーションの開発に欠かせない基本的な技術を、具体的な例を交えて紹介します。JavaScriptのさらなる可能性に興味がある初心者から中級者の方々にとって、理想的な内容です。 検証方法 データバインディングの検証を行うために、次の機能を持つツールを作成します。 クリック回数を表示するテキストエリアを用意します。 ボタンをクリックするごとに、表示されているクリック回数を1増やします。 実装案 純粋なJavaScriptを使用して、データバインディングの制御を担うモジュールを開発します。 このデータバインディング制御モジュールを使用して、クリック回数表示ツールを実装します。 データバインディング制御モジュールの設計 独自
Hono + Cloudflare Workers + AWS SDK for JavaScript v3の構成でAmazon Bedrockが利用できるか試してみた | DevelopersIO
Hono + Cloudflare Workers + AWS SDK for JavaScript v3の構成でAmazon Bedrockが利用できるか試してみた どうも！オペレーション部の西村祐二です。 APIを作るときにHono + Cloudflare Workersの構成は開発体験もよく、この構成で検証をおこなっております。 AWSの環境もよく利用しており、AWSのサービスと連携するためにはSDKの利用がほぼ必須になってます。 最近、AIのサービスも利用する機会もあるので、Hono + Cloudflare Workers + AWS SDK for JavaScript v3の構成でAmazon Bedrockが利用できるか試してみました。 その手順などを備忘録のためにまとめておきたいと思います。 環境 Hono: 4.3.4 AWS SDK for JavaScript v
To address: If you are using any of these formatters via the -f command line flag, you’ll need to install the respective package for the formatter. Related issue(s): #17524 Removed require-jsdoc and valid-jsdoc rules The require-jsdoc and valid-jsdoc rules have been removed in ESLint v9.0.0. These rules were initially deprecated in 2018. To address: Use the replacement rules in eslint-plugin-jsdoc
どうもお疲れ様です。MESIです。 フロントエンドのパフォーマンスチューニング手法の一つとしてJavaScriptを非同期で読み込むことを学んだので忘備録として残します。 なぜ非同期で読み込む必要があるのか？ 主な理由としてレンダリング時のブロックを回避するためにJavaScriptを非同期で読み込む必要があります。 レンダリングブロックについて 通常、ブラウザはHTMLを上から下へと解析し、表示していきます。 しかし、JavaScriptファイルが同期的に読み込まれる（<script>タグのデフォルトの挙動）と、ブラウザはそのファイルのダウンロードと実行が完了するまでHTMLの解析を停止します。 これによりページのレンダリングが遅れ、ユーザーがページの内容を見るまでの時間が長くなります。 そこで非同期読み込みの出番です。 非同期でJavaScriptを読み込む（asyncまたはdefer
どうも、趣味で JavaScript を書いている三井です。 先日、 JavaScript つまみ食い LT 会 というイベントを主催しまして。 そのメインの LT 会後の懇親会で「懇親会 LT」と銘打ったゆるゆる LT をやりました。 私も参加して「JavaScript で Hello,world! に挑戦」という話をしたんですが、その資料が Web に上がっていないので (というか資料無しで話したので) この場を借りて話した内容をまとめてみます。 何をやる？ ブラウザに Hello,world! を表示させる JavaScript プログラムを 記号だけ を使って書きます。 プログラムを学び始めた人がまず最初に取り組む課題が Hello,world! を表示するだけのプログラムを書くというもの。 いまいちど初心に立ち返って記号だけで Hello,world! を書けば、 JavaScr
JavaScript is constantly evolving, from its roots as a simple scripting language into a robust, modern tool for building complex applications. To manage larger, complicated code bases, JavaScript developers are constantly looking for ways to improve their workflows, their code quality and productivity. TypeScript is a major innovation towards improving code quality and maintenance by adding types,
This article will discuss building a simple neural network using JavaScript. However, let’s first check what deep neural networks and artificial neural networks are. Deep Neural Network and Artificial Neural Network Artificial Neural Networks (ANNs) and Deep Neural Networks (DNNs) are related concepts, but they are different. The inspiration behind these artificial neural networks for machine lear
A comprehensive guide to the dangers of Regular Expressions in JavaScript
I first heard about regular expression denial of service (ReDoS) vulnerabilities from GitHub's Dependabot. Several of my projects over the years have had dependencies that suffered from ReDoS vulnerabilities, and I would bet that if you've built any JavaScript project with dependencies, you've also come across this. This got me thinking; if there are vulnerable regular expressions in our dependenc
Print version: “JavaScript for impatient programmers” (ES2019 edition) Available on: 🇺🇸 Amazon.com (USD), 🇬🇧 Amazon.co.uk (GBP), 🇩🇪 Amazon.de (EUR), 🇫🇷 Amazon.fr (EUR), 🇪🇸 Amazon.es (EUR), 🇮🇹 Amazon.it (EUR), 🇳🇱 Amazon.nl (EUR), 🇯🇵 Amazon.co.jp (JPY), 🇮🇳 Amazon.in (INR), 🇨🇦 Amazon.ca (CAD), 🇧🇷 Amazon.com.br (BRL), 🇲🇽 Amazon.com.mx (MXN), 🇦🇺 Amazon.com.au (AUD) Upgrading f
ZX開発チームは現地時間2024年4月6日、ZX 8.0.0をリリースした。ZXはJavaScriptベースのシェルスクリプト。bashよりも効率的なシェルコマンドやシェルスクリプトを実行できる。本バージョンは安全性と安定性を向上させているが、標準出力設定を扱う「$.verbose」「$.quite」の動作変更やSSH APIの廃止、PowerShell使用時の指定変更など、大きな変更が加わった。なお、現地時間4月8日にオプション追加など改良を加えたバージョン8.0.1もリリースしている。 ZXの公式サイト ZXは当初Googleの開発メンバーが多く関与していたが、現在はAnton Medvedev氏が中心となって、開発が進められている。Node.js環境を構築するよりも容易にJavaScriptを実行できるため、bashのシェルスクリプトに不慣れな方は、日常的に開発で用いるJavaScr
初めに 最近の学習はfreeCodeCampで基礎を見直しています。そこで普段何気なく使用している関数（function, アロー関数）について1つの関数に複数の役割を持たせていることに気付いたので、関数の役割を1つの定めるようにしました。 今回のプログラムを説明すると、 「昨日お酒を何杯呑みましたか？」の質問に対して入力したお酒の杯数分「🍺」が描画されるプログラムです。 ソースコード 修正前 // ビールの個数を受け取って、ビールの配列を返す function getBeers(numOfCups) { const beers = []; for (let cups = 1; cups <= numOfCups; cups +=1) { beers.push(prepareBeer()); } //HTMLに描画 beers.map((beer) => { let div = docu
AWS Amplify JavaScript バンドルサイズの縮小および改良された TypeScript と Next.js のサポート（Developer Preview） | Amazon Web Services
Amazon Web Services ブログ AWS Amplify JavaScript バンドルサイズの縮小および改良された TypeScript と Next.js のサポート（Developer Preview） 本日 (2023 年 9 月 28 日)、AWS Amplify JavaScript Library の v6 Developer Preview を発表しました。これは、AWS クラウドバックエンドを使用した Web 開発へのアプローチ方法を改善するマイルストーンリリースです。私たちは皆様からのフィードバックに耳を傾けており、本日の発表では GitHub で皆様から寄せられていたバンドルサイズや、TypeScript と Next.js のサポートに対するリクエストのいくつかに対応しました。それでは早速、Amplify JavaScript v6 Developer
HTML Form で Enter キーによるサブミットを防止する方法、JavaScript で POST する方法 - Qiita
はじめに この記事は 2023 年の MDN 翻訳 Advent Calendar 向けに作成したものです。 こんにちは。debiru です。ネタが尽きたのでアドベントカレンダーが空いてしまっています。 今日は適当に思いついた HTML Form 周りの挙動についてお話したいと思います。 input[type="text"] で Enter キーを押すとサブミットされるのを防止する <form action="https://params.lavoscore.org/" method="post"> <ul> <li><input type="text" name="name" value="Alice"></li> <li><button type="submit">submit</button></li> </ul> </form> (function() { 'use strict'
2024年度リクルート エンジニアコース新人研修の講義資料です ★以下のGitHub Repositoryにある内容を中心に研修を実施しました https://github.com/recruit-tech/javascripting
GitHub - jsr-io/jsr: The open-source package registry for modern JavaScript and TypeScript
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
HTML & CSS & JavaScript でwebページに雪を降らせましょう！（寒いです） - Qiita
初めに 今回のモノは、cssがメインなものになってるのかな？ と思われます。 意味不明なものは調べていただいたり、コメントして頂くと私も大変ありがたいです。 書いていこう 今回も説明（適当でごめんなさい）は、コード内で書いています。 cssはコメント多めですので、わかるとこは読んでいただかずとも大丈夫だと思います！ それではやってきましょう！ まず、HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Snow Fall</title> <link rel="stylesheet" href="style.css"> <!-- スタイルシートのリンク --
Cleaner JavaScript promises with safe-awaitPublished on 22 May 2024Nested try/catch blocks are a common pattern in JavaScript when working with promises. However, they often lead to hard-to-read and maintain code. To better understand the problem, let's look at an example where we have a series of promises, each relying on the result of the previous one (or if you just want to skip to the solution
【JavaScript】range（整数列）の作成方法
所定の回数だけインデクスに応じて何か処理をしてそれぞれの結果を配列にしたいという処理をサクッと書きたいんだけど、 JavaScriptで整数配列を簡単に生成する方法が覚えられなくて毎度ウェブ検索のお世話になっていたので調べた。 結論スプレッドしてmap [...Array(N)].map((_, i) => i) が簡潔さと速度の面でよいと思う。 完 . . （末尾にベンチマークの実行あり） 前書きループを自前で回せば一応できるんだけど、for文を書くのが面倒なのでサクッとmapしたい。 Pythonではrange、Rubyでは...でRangeオブジェクトなるものが簡単に生成できる。 JavaScriptではそのようなものは無いようで、自作する必要がある。 候補実際には整数列を加工した結果を得たいので、rangeの代替を作るだけじゃなくて実際になにか計算させてみる（ここでは自乗i * i
LIPS: Scheme based Lisp interpreter in JavaScript | Hacker News
Looks great, however note that it doesn't do tail calls, which are required on conforming implementations. I suspect it does tail calls on Safari as Safari is the ONLY browser to completely implement ES6+ and implement proper tail calls (I'd note that it's not the only ES6+ compliant implementation, but most of the rest are aimed at microcontrollers or embedding).
はてなブログカスタマイズの記事まとめ（その8）[CSS、HTML、JavaScript関連] - みやもとブログ
この記事は移転しました。約2秒後に新記事へ移動します。 移動しない場合は以下をクリックしてください。 miya-moto-memo.hatenablog.com
![はてなブログカスタマイズの記事まとめ（その8）[CSS、HTML、JavaScript関連] - みやもとブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/8aa3326c6a6e2bce8697becbda57fa597fd044f6/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fm%2Fmiyamoto-blog%2F20240410%2F20240410231521.png)
今回は、前回（第216回 MySQL ShellでMySQLをJavaScriptを使って操作してみる）で紹介させていただいたMySQL Shellを使ってJavaScriptで操作する方法を、引き続き紹介したいと思います。 検証環境 今回はDockerで建てたMySQLを使用します。以下のコマンドでDockerを建ててローカルからアクセスをします。 % docker run --platform linux/x86_64 -p 127.0.0.1:3307:3306 -e MYSQL_ROOT_PASSWORD=my-secret-pw -e MYSQL_USER=kk2170 -e MYSQL_PASSWORD=my-secret-pw -d mysql:8.0.36 今回も前回や第214回と同様に、DockerのイメージにあるMySQL Shellを使用して接続をしていきます。まずは
TypeScriptチートシート(TypeScript(JavaScript)の文法を学び，フロント・バック両方開発できるようにしよう[プログラミング文法,配列操作関数,React,クリーンアーキテクチャ,API]) - Qiita
TypeScriptチートシート(TypeScript(JavaScript)の文法を学び，フロント・バック両方開発できるようにしよう[プログラミング文法,配列操作関数,React,クリーンアーキテクチャ,API])JavaScriptNode.jsTypeScriptDockerReact みなさんTypeScript(JavaScript)でどんなことができるかご存知ですか？初学者向けの言語や大規模開発でよく使う言語だというイメージがあると思います．TypeScript(JavaScript)はフロントの開発からバックの開発までなんでもできる非常に有用な言語です．本記事ではプログラミングをしたことのない人やTypeScript(JavaScript)を触った人のステップアップのためなど幅広い方向けに書きました．また，Node.jsの仕組みやReact,Vue.jsでの応用例やAPI作成
![TypeScriptチートシート(TypeScript(JavaScript)の文法を学び，フロント・バック両方開発できるようにしよう[プログラミング文法,配列操作関数,React,クリーンアーキテクチャ,API]) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/995c7bd0f4c22566af5682e92e6ccd3d960ae3ac/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VHlwZVNjcmlwdCVFMyU4MyU4MSVFMyU4MyVCQyVFMyU4MyU4OCVFMyU4MiVCNyVFMyU4MyVCQyVFMyU4MyU4OCUyOFR5cGVTY3JpcHQlMjhKYXZhU2NyaXB0JTI5JUUzJTgxJUFFJUU2JTk2JTg3JUU2JUIzJTk1JUUzJTgyJTkyJUU1JUFEJUE2JUUzJTgxJUIzJUVGJUJDJThDJUUzJTgzJTk1JUUzJTgzJUFEJUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgzJUJCJUUzJTgzJTkwJUUzJTgzJTgzJUUzJTgyJUFGJUU0JUI4JUExJUU2JTk2JUI5JUU5JTk2JThCJUU3JTk5JUJBJUUzJTgxJUE3JUUzJTgxJThEJUUzJTgyJThCJUUzJTgyJTg4JUUzJTgxJTg2JUUzJTgxJUFCJUUzJTgxJTk3JUUzJTgyJTg4JUUyJTgwJUE2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1jZjZjNDJlYmI2MDYyNzgxNTlmM2Q1NzU4MDczYjJmMg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBKYXZhTGFuZ1J1bnRpbWVFeGNlcHRpb24mdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTBhMGMzZTAwMmI3YzE3NzYzZDk1ODBjMjgyYTk2YWQ3%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3De84738261ad1a28217134fd645a718d4)
Highlights This release backports from v9.x to v8.x two new features and several bug fixes related to the flat config system to help plugins, integrations and users migrate to flat config ahead of the final v9.0.0 release. Support for eslint.config.mjs and eslint.config.cjs This release introduces support for eslint.config.mjs and eslint.config.cjs configuration files to v8.x in addition to eslint
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TypeID-JS: Type Safe, K-Sortable Unique IDs for Javascript
【初心者向け】Tampermonkey で JavaScript に触ってみよう
Learn JavaScript のご紹介 | Blog | web.dev
【業務効率化】GoogleSheetAPIとJavaScriptで社内検索botを作ってみた - Qiita
JavaScriptの文末のセミコロン、付けない場合はいったい何が起こるのか
【JavaScript】isHoge === falseを擁護する - Qiita
Tabulator - Interactive JavaScript Tables
純粋なJavaScriptで実現するデータバインディング - Qiita
Migrate to v9.x - ESLint - Pluggable JavaScript Linter
フロントエンドのパフォーマンスチューニング Javascriptは非同期で読み込むべし
JavaScript で Hello,world! に挑戦 (ただし記号だけを使って) - 無駄と文化
An intro to TSConfig for JavaScript Developers
Building a Simple Artificial Neural Network in JavaScript
Exploring JavaScript (ES2024 Edition)
JavaScriptでシェルスクリプトを書ける「ZX 8.0.0」
【JavaScript】1つ1つの関数に役割を持たせる関数型プログラミング - Qiita
非依存で設定等もJavaScriptも不要、HTML要素にクリーンなプリセットスタイルを適用するCSSフレームワーク・「matcha.css」 - かちびと.net
JavaScript研修 (2024)
Cleaner JavaScript promises with safe-await
第217回 MySQL ShellでJavaScriptを使ってMySQLを操作してみよう［その2］ | gihyo.jp
ESLint v8.57.0 released - ESLint - Pluggable JavaScript Linter