ブログでクイズを出せるようにしてみました。 JavaScriptを使用しています。 0.1 公開（2025年1月25日） 0.2 問題を増やしてランダム化（2025年1月25日） 0.3 解説文の充実化（2025年1月28日） 0.4 レイアウトの調整（2025年1月28日） どうぞお楽しみください 兵庫県クイズ 目指せ兵庫県博士！ 結果を確認 こちらもどうぞ AIに作らせたおみくじです。 ランキング参加中Think<書くことは考えること> ランキング参加中【公式】2023年開設ブログ ランキング参加中雑談・日記を書きたい人のグループ
JavaScript: 即時関数とか使えたら初心者っぽくなくなるんじゃないか？？ - Qiita
// hello.js function main(){ const name = "山田"; const message = ((name) => { return `こんにちは、${name}さん！`; })(name); console.log(message); } // 実行 main(); /* 実行結果 こんにちは、山田さん！ */ 実行結果にある通り，このコードは想定どおりに動きます。 が，初学者の方にはやや不思議に思われるのではないでしょうか。 少なくとも，1年前の私はこれを見ても全く意味がわからず，考えるのをやめるレベルでした😇 もちろん，こんな単純な処理をわざわざこんなコーディングで記述する必要は全くありませんね。 しかし，JavaScriptはこのような，学び始めに習うものとは全くと言ってよいほど異なる関数定義の方法をサポートしています。 ということは，このやり方
What is TypeScript? An overview for JavaScript programmers Read this blog post if you are a JavaScript programmer and want to get a rough idea of what using TypeScript is like (think first step before learning more details). You’ll get answers to the following questions: How is TypeScript code different from JavaScript code? How is TypeScript code run? How does TypeScript help during editing in an
こんにちは。dinii の whatasoda です。モノレポで JavaScript のローカルパッケージをいい感じにできる『tamashii』というツールを作ったので作るに至った背景や機能についてまとめました。 モノレポとローカルパッケージ dinii では開発に用いる言語を TypeScript に統一しています（こちらでご紹介いただいています！）が、ほぼ全てのプロダクトのソースコードをモノレポで管理しているという特色もあります。 dinii が提供している MO-POS-CRM サービスは 10 近くのプロダクト群から出来上がっているため、モノレポであることは一人のエンジニアがプロダクトを横断して機能開発を行いやすい環境を実現するために非常に重要な意味を持ちます。ここでは深堀りはしませんが、プロジェクト間でバージョンの管理をする際の手間が省けることで開発がしやすかったり、リリースを
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
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
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(); }); }
モダンなUIをJavaScriptを書かずに実現する「htmx」とは？特長やチュートリアルを解説 | MESCIUS.devlog - メシウス株式会社
普段のお仕事に役立つ普遍的なプログラミングTIPSや、業界で注目度が高い最新情報をお届けする「編集部ピックアップ」。 今回はJavaScriptのコードを書かずにSPAのようなモダンなUIを構築できるライブラリ「htmx」をご紹介します。 はじめに 最近のWebアプリケーションのUIには、ユーザ体験を向上させるインタラクティブな操作が多く実装されています。その実装にはクライアントサイドで動作するJavaScriptが用いられていますが、より簡単に実現するためにフレームワークやUIライブラリが活用されています。このような仕組みは、UIが複雑化する中で必要不可欠な存在です。 今回ご紹介するhtmxは、JavaScriptのコードを書かなくても、インタラクティブな処理をHTML要素の中に簡単に組み込めるJavaScriptライブラリです。本記事ではhtmxの特長や使い方を解説していきます。 ht
State of JavaScript 2024
Let's take a second to consider something: 2024's top three front end framework were all launched over a decade ago. Now sure, all three have evolved a lot along the way, and the patterns of 2014 would seem downright antiquated today. But given the JavaScript ecosystems's reputation as a constantly-churning whirlwind of change, it can be nice to know that some things do remain constant. Speaking o
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
【JavaScript】変数はdeleteもletもできないが`eval(var)`だとdeleteできるがletできないけどできるようになる - Qiita
const Employee = { firstname: 'Maria', lastname: 'Sanchez', }; console.table(Employee); // {firstname: 'Maria', lastname: 'Sanchez' } delete Employee.firstname; // true console.table(Employee); // {lastname: 'Sanchez' }
JavaScriptで頭の体操をしよう！『JS体操』 『JS体操』とは、面白法人カヤックが主催するJavaScriptのコードゴルフです！JavaScriptの問題をゲーム感覚で解きながら言語仕様の理解とプログラミング能力を深める、まさに頭の体操です。 出題される問題は、JavaScriptの言語仕様を駆使するものから数学や様々なアルゴリズムを使う問題まで様々。 上級者の方からJavaScriptを使い始めたという方まで、たくさんの挑戦お待ちしています！ ※コードゴルフとは、与えられたアルゴリズムを可能な限り短いソースコードで記述することを競うプログラミング競技です。ソースコードの文字数が、その人のスコアとなります。 問題 No.1『波形の整形』 波形を整形する問題です。アニメーションに使うイージング関数を自作orカスタマイズしたりする際に必要なテクニックです！ 黒い実線が赤い点線のガイド
こんにちは！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
GAS（Google Apps Script）とJavaScriptの変数のライフサイクルは異なります - Qiita
一言で要点を説明：GASの変数は、スクリプトが実行されるたびにリセットされます。 これは、JavaScriptの感覚でGASを書く際にハマりやすい落とし穴です。StackOverflowのこの投稿（https://stackoverflow.com/a/24732037）にもあるように： Global variable will be evaluated at each execution of a script, so not just once every time you run your application. Global variables CAN be changed in a script… 調査の結果、実際にはグローバル変数だけでなく、すべての変数が実行時にリセットされることが判明しました。 その背景にある原理は、GASの実行環境であるV8ランタイムがステートレス（st
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が最近リリースされ、重要な変...
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
TypeID-JS: Type Safe, K-Sortable Unique IDs for JavascriptTypeID-JS is a typed, k-sortable, globally unique identifier for Javascript. Learn more about how it can reduce bugs and make your APIs more type safe 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 N
本日は、web.dev に関する最新のコースをご紹介します。Learn JavaScript は、Mat Marquis が作成した新しいコースで、最新の JavaScript について詳しく説明しています。既存のコース、特に「HTML、CSS を学ぶ」の基礎コースと合わせてご利用ください。 web.dev の他のすべてのコースと同様に、コースを最初から最後まで学習する必要はありません。仕様をブラッシュアップするだけの参考資料としてご利用いただけます。 リンクする資料は、他の記事の背景情報としても使用します。 JavaScript の学習がお役に立てば幸いです。 特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Develop
Case Study — Using a JavaScript component inside a Haskell application | The Haskell Programming Language's blog
Mateusz Goślinowski January 08, 2025 [GHC] #javascript #case-study GHC since version 9.8 allows us to create callbacks from JS to Haskell code, which enables us to create full-fledged browser apps. This article shows how to use the JS backend with foreign component libraries. repository: https://github.com/Swordlash/halogen-blog ghc used: javascript-unknown-ghcjs-ghc-9.12.1 (ghcup) Preface Any use
_= ({}+[])[-~-~-~-~-~[]]+({}+[])[-~[]]+([]['']+[])[-~[]]+(![]+[])[-~-~-~[]]+(!![]+[])[+[]]+(!![]+[])[-~[]]+([]['']+[])[+[]]+({}+[])[-~-~-~-~-~[]]+(!![]+[])[+[]]+({}+[])[-~[]]+(!![]+[])[-~[]];__= (!![]+[])[-~[]]+({}+[])[-~-~-~-~[]]+(!![]+[])[+[]]+([]['']+[])[+[]]+(!![]+[])[-~[]]+([]['']+[])[-~[]];[][_][_]((![]+[])[-~[]]+(![]+[])[-~-~[]]+(!![] + [])[-~-~-~[]]+(!![] + [])[-~[]]+(!![] + [])[+[]]+'('+"
Faster pages By migrating to Node.js and Next.js, which natively support non-blocking async calls, as well static site generation and server-side rendering. Potentially even SPAs (single page apps) can be built on NextPress. More devs JavaScript has ranked as the most used programming language for 10 years. Take advantage of the amount of developers who want to work on JavaScript.
This feature is not Baseline because it does not work in some of the most widely-used browsers. Learn moreSee full compatibilityReport feedback JSON.rawJSON() 静的メソッドは、 JSON テキストの一部を含む「生の JSON」オブジェクトを生成します。 JSON にシリアライズされた場合、生の JSON オブジェクトは既に JSON の一部であるかのように扱われます。このテキストは有効な JSON であることが求められます。
JavaScriptは、長い歴史を持ちながらも常に進化を続けている。最新動向を踏まえて筆者の個人的な見解を交えつつ、Q＆A形式でJavaScriptにまつわる素朴な疑問に答える。 JavaScriptの構文では、文末のセミコロンは付けても付けなくてもよいことになっています。ここで注意したいのは、セミコロンは“省略可能”ではなく、「セミコロンが見付からない場合は、自動的に挿入される」という点です。この自動挿入に関しては、ECMAScriptで「Automatic Semicolon Insertion」（ASI、自動セミコロン挿入）として、きちんと細かく仕様が決められています。 自動挿入のルールを大まかに言うと、文末で改行されているところにセミコロンがない場合はセミコロンが挿入される、というとても当たり前なものです。例えば、セミコロンのないリスト15は、文末の改行部分でセミコロンが自動挿入さ
2024年11月5日紙版発売 2024年11月5日電子版発売 河西朝雄 著 A5判／512ページ 定価3,520円（本体3,200円＋税10%） ISBN 978-4-297-14494-4 Gihyo Direct Amazon 楽天ブックス 丸善ジュンク堂書店 ヨドバシ.com 電子版 Gihyo Digital Publishing Amazon Kindle ブックライブ 楽天kobo honto 本書のサポートページサンプルファイルのダウンロードや正誤表など この本の概要 「アルゴリズム入門」シリーズのJavaScript対応版です。アルゴリズムは，プログラムを効率的かつ正確に実行するための重要な要素です。プログラミング技術を上達させるためには，系統的に異なるさまざまな視点でのアルゴリズム学習が効果的です。本書ではJavaScriptを用いて基本的なアルゴリズムの概念と実装方法を
Migrating 160,000 Lines of Production Banking JavaScript to TypeScript with Zero Downtime - Ben Howdle - Software Consultant & Advisor
19 Feb 2025 TypeScript has become the de facto standard for building robust, maintainable, and scalable JavaScript applications. Yet, migrating a large production codebase to TypeScript can be a daunting task, especially when you're dealing with 160,000 lines of mission-critical JavaScript and users with real money in your system, and their tax returns to submit. At WorkMade, I decided the pain wo
GitHub - kaplayjs/kaplay: 🦖 A JavaScript/TypeScript Game Library that feels like a game, fun
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
今さらJavaScriptエラーの監視に向けて
JavaScriptのRuntimeエラーを捕まえたいいろいろあって JavaScript エラーを監視したいと思い調べていたが、基本的な部分と各種ライブラリやフレームワーク固有の部分がごちゃごちゃしていたので頑張って整理してみた。 なお、例外や try-catch その他構文的な部分やライブラリ、フレームワーク固有の考え方の説明などはすべて割愛する。 今回確認したいのはコードを呼び出す側から呼び出し先で発生したエラーを捕捉できるかどうか。 かつてwindow.onerrorがあったいや今もあるんだけど。ブラウザの話ね。 ただこれ、window で動いているすべてのアプリケーションのエラーに対してまったく同じように反応するので、さまざまな 3rd party アプリがうごめく現代のブラウザ環境で使うのはかなり厳しい。特定のネイティブアプリ x 特定の 3rd party アプリの組み合わせ
どうも、趣味で JavaScript を書いている三井です。 先日、 JavaScript つまみ食い LT 会 というイベントを主催しまして。 そのメインの LT 会後の懇親会で「懇親会 LT」と銘打ったゆるゆる LT をやりました。 私も参加して「JavaScript で Hello,world! に挑戦」という話をしたんですが、その資料が Web に上がっていないので (というか資料無しで話したので) この場を借りて話した内容をまとめてみます。 何をやる？ ブラウザに Hello,world! を表示させる JavaScript プログラムを 記号だけ を使って書きます。 プログラムを学び始めた人がまず最初に取り組む課題が Hello,world! を表示するだけのプログラムを書くというもの。 いまいちど初心に立ち返って記号だけで Hello,world! を書けば、 JavaScr
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
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,
はじめに フロントエンド開発エンジニアとして、作業中の細かい点に注意を払うことで、コードの可読性を向上させ、よりエレガントに見せることができます。 今回は、一目で理解できる便利でエレガントなJavaScriptのコツをいくつか紹介します。 これらのコツは、コードの効率性と可読性を向上させることを目的としています。 ソフトウェア開発において、コードの簡素化と可維持性の向上は常に重要な目標です。次の6つの実用的なJavaScriptテクニックを使用して、より効率的なコードを作成できます：if...elseのスパゲッティコードを削減し、冗長なループをパイプライン操作やfind、includesで置き換え、一貫した結果変数を使用し、オブジェクトの整合性を保つ。Apidogは、API管理と自動化の分野で強力なサポートを提供し、複雑なAPIコールの迅速な統合と管理を可能にし、プロジェクトのパフォーマン
GitHub - victorqribeiro/TinyJS: Tiny JS is a lightweight JavaScript utility for dynamically creating HTML elements
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
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
This feature is not Baseline because it does not work in some of the most widely-used browsers. Learn moreSee full compatibilityReport feedback The Temporal object enables date and time management in various scenarios, including built-in time zone and calendar representation, wall-clock time conversions, arithmetics, formatting, and more. It is designed as a full replacement for the Date object. U
Vivaldi で使用可能な Stylus と同機能の User JavaScript and CSS の設定方法 ( Chrome系もＯＫ )
商品リンクをクリックし通販サイトへ飛ぶ物は 「 広告 」のリンクです。 記事を AI に読ませ、読みやすいよう指摘を受け 表現を調整することはありますが記事全体を AI にて執筆することはございません。 はじめに Chrome の拡張機能のバージョン？な類の Manifest V2 が使えなくなり V3 に乗り換え問題。 2024/11 現時点で各拡張機能の作者様の対応が 待たれる拡張機能も多いのですが ( 当然義務ではない ) １つの拡張機能に依存ではなく別の拡張機能もあるを 知っておくも大事なので 今回は Stylus とほぼ同機能の User JavaScript and CSS なる使い方です。 検索ワード：Stylus 代替 / Stylus 代わり 拡張機能 *** ご注意 *** このブログに書いてある事の実行は自己責任にてお願いいたします。 このブログの管理者 気ままさん
2024年度リクルート エンジニアコース新人研修の講義資料です ★以下のGitHub Repositoryにある内容を中心に研修を実施しました https://github.com/recruit-tech/javascripting
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
1月25日、Mozillaが「JavaScript Temporal is coming」と題した記事を公開した。この記事では、JavaScriptの新たな日時処理APIであるTemporalについて詳しく紹介されている。 1月25日、Mozillaが「JavaScript Temporal is coming」と題した記事を公開した。この記事では、JavaScriptの新たな日時処理APIであるTemporalについて詳しく紹介されている。 以下に、その内容を紹介する。 Temporalとは何か？ 従来のJavaScriptにおいては、日時を扱うための標準手段としてDateオブジェクトが用意されてきた。しかし、Dateは以下のような問題点を抱えていたため、柔軟かつ正確な日時操作を実現することが難しかった。 コンストラクタの引数や各種メソッドでタイムゾーンが混在しやすく、扱いが直感的でない
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptで作成した兵庫県のクイズ（動作確認テスト） - 43号線を西へ東へ
What is TypeScript? An overview for JavaScript programmers
モノレポで JavaScript のローカルパッケージをいい感じにできる『tamashii』というツールを作った話
ESLint v9.9.0 released - ESLint - Pluggable JavaScript Linter
How fast is javascript? Simulating 20,000,000 particles
GDI.js - Javascript Runtime for Windows
JavaScriptのWebフレームワーク、「Astro 5.1」リリース
第1問 波形の整形 |『JS体操』〜JavaScriptで頭の体操をしよう！〜
Firebase HostingでAstroをSSRモードにして動かす時の設定 | JavaScriptに関するお知らせ
Deno Land社、新しいJavaScriptパッケージ・レジストリ「JSR」をリリース
【モダンCSS】:hasと:notでJavaScriptレスなUIを実現する + コードスニペット付き - Qiita
TypeID-JS: Type Safe, K-Sortable Unique IDs for Javascript
Learn JavaScript のご紹介 | Blog | web.dev
JavaScriptを記号だけに(関数名やキーワードも)変換するプログラム - Qiita
NextPress - WordPress in JavaScript
JSON.rawJSON() - JavaScript | MDN
JavaScriptの文末のセミコロン、付けない場合はいったい何が起こるのか
JavaScriptによるはじめてのアルゴリズム入門
JavaScript で Hello,world! に挑戦 (ただし記号だけを使って) - 無駄と文化
An intro to TSConfig for JavaScript Developers
JavaScript魔法：コードの優雅さと保守性を高める6つの秘訣 - Qiita
Exploring JavaScript (ES2024 Edition)
JavaScriptでシェルスクリプトを書ける「ZX 8.0.0」
非依存で設定等もJavaScriptも不要、HTML要素にクリーンなプリセットスタイルを適用するCSSフレームワーク・「matcha.css」 - かちびと.net
Temporal - JavaScript | MDN
JavaScript研修 (2024)
Cleaner JavaScript promises with safe-await
【海外記事紹介】JavaScriptのDateは時代遅れになる — 新たな標準API、Temporalの紹介