GraphQLの「Resolver並行性・I/O並列性」の言語別実装比較(JS, Go, Ruby, PHP)
はじめに GraphQLは柔軟なデータ取得を可能にする一方で、N+1問題やI/Oによるレスポンス遅延が課題になることが多いです。 このような課題を解決するために、各言語・ライブラリが「Resolverの並行実行」や「I/Oの並列化」などの工夫をしています。しかし、その実装方式は言語ごとにかなり違いがあります。 この記事では、graphql-js（Node.js）、graphql-go（Go）、graphql-ruby（Ruby）、graphql-php（PHP）の主要なGraphQLサーバー実装を比較します。 なぜResolverの並行性が必要なのか GraphQLでは、クライアントから柔軟かつ複雑なデータ取得要求（クエリ）が送られることが多く、1つのクエリが多数のResolver（データ取得処理）を呼び出す構造になります。 このとき、Resolverの並行性（複数のResolverを同時
フォームのバリデーションのバリエーション（JavaScript） - Qiita
前回のこの記事をJavaScriptにしました。 https://qiita.com/WebDesignGaju/items/7a6f3a68c3a0d690c7ed 主な変換ポイント 1. jQuery → Vanilla JavaScript の基本変換 $(document).ready() → document.addEventListener('DOMContentLoaded') $('selector') → document.querySelector() / document.querySelectorAll() .on('event', function) → .addEventListener('event', function) .addClass()/.removeClass() → .classList.add()/.classList.remove() 2.
【CSS】リンクの色をJavaScriptから取得できるようになる、予定 - Qiita
このgetComputedStyle().colorは、リンク先を訪れたことがあるか否かに関わらず、必ず『未訪問』の色になります。 色だけでなく、訪問済か否かを識別可能なあらゆる情報は取得不可能です。 実は2010年ごろまではリンク色を取得することが可能で、そのためトラッキングやターゲティング広告に悪用されていました。 これが問題視された結果、Firefoxを皮切りにChrome・Safariもリンク先が訪問済か否かをJavaScriptから取得できないように改修されました。 現在では、リンク先を訪問したかどうかを一般的な方法では調べることはできません。 とはいえこれらの対策は場当たり的なものであったため、先日根本的な解決策としてPartitioning :visited links historyという対応が行われました。 詳しくは先日解説を書いたのでそちらを見てください。 簡単にまとめ
ChatGPT vs Claude vs Gemini コード品質比較｜同一要件で生成されたJavaScriptを徹底解析 - Qiita
ChatGPT vs Claude vs Gemini コード品質比較｜同一要件で生成されたJavaScriptを徹底解析 はじめに AI コードジェネレーターの選択は、開発効率に大きく影響します。本記事では、ChatGPT、Claude、Gemini に全く同一の要件を与えて生成されたコードを技術的観点から徹底比較します。 83サイトの構築経験を通じて得た知見をもとに、各AIの設計思想とコード品質を詳細に分析しました。 実験概要 共通要件 売上管理ダッシュボードの作成を3つのAIに依頼しました。 要求仕様： 売上データCRUD操作 Chart.js による可視化 ローカルストレージでの永続化 リアルタイムフィルタリング レスポンシブ対応 制約条件： 単一HTMLファイル 外部ライブラリはCDN経由のみ ES6以降の文法使用可 評価指標 コード品質：可読性、保守性、拡張性 アーキテクチャ：
JavaScriptのメモリリークと検出方法 - Qiita
はじめに JavaScriptアプリケーションが動作していると、時間経過とともに動作が重くなったり、不安定になったりすることがあります。 その原因の一つに「メモリリーク」があります。 本記事では、JavaScriptのメモリ管理の基本から、ChromeのDevToolsを用いたメモリリークの検出方法までを紹介します。 メモリリークとは メモリリークとは、不要になったメモリ領域が何らかの理由で解放されず、保持し続ける現象のことを指します。これにより、利用可能なメモリが徐々に減少し、システムのパフォーマンス低下や、最悪の場合にはクラッシュを引き起こす可能性があります。 JavaScriptエンジンのメモリ管理 JavaScriptエンジンはスタック領域とヒープ領域の二つのメモリ領域を持っており、扱うデータの種類によって2つのメモリ領域を使い分け、メモリ領域の割り当てを行います。 スタック領域
【JavaScript】階層構造を持つデータから枝番付きの連番を取得する - Qiita
// データ用 const categories = [ {id: 1, name: 'Web', parentId: null}, {id: 2, name: 'HTML', parentId: 1}, {id: 3, name: 'CSS', parentId: 1}, {id: 4, name: 'JavaScript', parentId: 1}, {id: 5, name: 'DB', parentId: null}, {id: 6, name: 'SQL', parentId: 5}, {id: 7, name: 'DB設計', parentId: 5}, {id: 8, name: 'インフラ', parentId: null}, {id: 9, name: 'Linux', parentId: 8}, {id: 10, name: 'AWS', parentId: 8} ]
Reactのeslintの設定集(日本語訳) - Qiita
この記事の概要と注意 2025年6月26日時点に書いています。年数が経つとルールも変わってくるので公式ドキュメント優先でお願いします。 ESLintとは JsやTsでコードの間違いやスタイルの乱れなどを見つけてくれるツールです。 設定方法 ESLintv9（または v8.21.0 以降から導入された構成で設定していきます。(今回の場合) import eslintPluginImport from 'eslint-plugin-import'; import tseslint from 'typescript-eslint'; export default [ ...tseslint.config({ files: ['**/*.ts', '**/*.tsx'], parserOptions: { project: './tsconfig.json', }, }), { rules: {
【図解解説】Cloudflareをマスター！2時間でNext.jsを開発して学ぶチュートリアル【初心者OK】 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに こんにちは、Watanabe Jin(@Sicut_study)です。 AIが日々進化しており、個人開発を誰もが気軽にできるような世界になってきました。 私もかなり焦りながら勉強をしておりついていくのに必死です。 個人開発のハードルが下がった中で、日々多くの個人開発がリリースされています。 その中でNext.js × Hono × Cloudflareという構成をネット上で見る機会が増えました。 この構成をすることは個人開発者にとっては大きなメリットがあります。 (だいたい)無料枠でサービスが動かせる 簡単にデプロイすることが
JavaScript PrimerのNotebookLMが利用可能になりました！
JavaScript PrimerのNotebookLMが利用可能になりました。 NotebookLMは、Googleが提供するAIを活用したノートブック環境で、登録したソースに対して質問をしたり、情報を検索したりすることができます。 次のリンクから、JavaScript PrimerのNotebookLMにアクセスできます。 📖 JavaScript Primer - 迷わないための入門書 - NotebookLM JavaScript Primer on NotebookLM JavaScript PrimerのコンテンツがNotebookLMに入ってることで、読者は書籍の内容についてNotebookLMに直接質問したり、Podcastとして音声で聞いたりすることができるようになります。 NotebookLMを活用することで、JavaScript Primerを読み進める中で生じた疑
JavaScript (Node.js) にはセミコロンをつけよう！ - Qiita
/Users/kosuke/Workspace/issue-recorder/greet.js:8 [hello, world] = greet() ^ ReferenceError: Cannot access 'world' before initialization at Object.<anonymous> (/Users/kosuke/Workspace/issue-recorder/greet.js:8:9) at Module._compile (node:internal/modules/cjs/loader:1378:14) at Module._extensions..js (node:internal/modules/cjs/loader:1437:10) at Module.load (node:internal/modules/cjs/loader:1212:32
CommonJS と ES Modules の違い 🚀 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? JavaScriptの世界には、モジュールを扱うための2つの主要なシステムがあります。それが「CommonJS」と「ESモジュール（ECMAScript Modules）」です。どちらもコードを分割し、再利用可能にするための仕組みですが、いくつか重要な違いがあります。 📚 モジュールとは？ モジュールとは、特定の機能やデータを持つ独立したコードの単位のことです。モジュールにすることで、コードの可読性や保守性が向上し、大規模なアプリケーション開発がしやすくなります。🚀 🌟 CommonJS モジュール CommonJSは、主にNod
RubyエンジニアがJavaScriptを書くときに知っておくべきreturnの罠 - Qiita
はじめに RubyからJavaScript（以下JS）に入門するとき、「なぜかfilterやsomeが思ったとおりに動かない」と感じることがあります。 その原因の一つが JavaScriptではreturnを明示的に書かないと値が返らない という仕様です。 この記事では、Rubyエンジニアがつまずきやすいこの点にフォーカスし、JSとの違いと注意点を紹介します。 Rubyでは「最後に評価された値」が返る Rubyでは、ブロックの最後に評価された値がそのまま戻り値になります。
Javascript おじさん.com
JavaScript の宝石箱や！！JavaScript の初心者から、職業エンジニアまで、幅広く役立つプログラミング情報を、JavaScript おじさんこと中西が提供します。
「ループURL貼って補導」「Coinhive逮捕」に、“JavaScriptの父”ブレンダン・アイク氏も苦言
「ループURL貼って補導」「Coinhive逮捕」に、“JavaScriptの父”ブレンダン・アイク氏も苦言 JavaScriptのループ機能を使ってポップアップが繰り返し表示されるサイトのURLを掲示板に書き込んだとして、不正指令電磁的記録（ウイルス）供用未遂の疑いで中学生が補導され、男性2人が家宅捜索を受けた事件がネットで波紋を呼んでいる。「これだけで補導や家宅捜索はやり過ぎだ」と警察を批判する声も強い。 似た事件として昨年、JavaScriptのプログラムを使い、サイト閲覧者に仮想通貨をマイニングさせることで収益を得るツール「Coinhive」を設置した複数のユーザーが、不正指令電磁的記録取得・保管などの容疑で警察に摘発された。この時も、Web開発者の間では「逮捕はやり過ぎ」「どこまでがセーフでどこからがアウトか分からない」と困惑が広がった。 これらの事件について、JavaScrip
TypeScript 日本語ハンドブック | js STUDIO
このサイトについて TypeScriptのハンドブックを日本語に翻訳してまとめています。 GitHubのMicrosoft/TypeScript-Handbook の内容を参考に作成していますが、非公式で個人による作成物であるため、誤りがあると思います。その点についてはご了承ください。 もし、間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 このサイトではGitHubのドキュメントを元に翻訳していますが、同じ内容のドキュメントがTypeScriptの公式サイトに公開されています。 Back to top © https://github.com/Microsoft/TypeScript-Handbook このページは、ページトップのリンク先のTypeScript-Handbook内のページを翻訳した内容を基に構成されています。 下記の項目を確認し、必要に応じて公式の
算数で挫折した人向けのJavaScript入門
全くプログラムを知らないが、プラグインなどでJavaScriptを使いたい人向けの入門ページです。 序盤 第一回: はじめてのJavaScriptプログラム 第二回: 文字の表示とコメント 第三回: 変数で名前をつけよう 中盤 第四回: ifで分岐しよう 第4.5回: 質問に答えよう！ 第五回: 配列で並べよう 第六回: 辞書って何？ 100本ノック ちょっと練習量が足りないなぁ、という事で、ひたすら練習する回を作りました。新しい話は出てきません。 第6.1回: 配列100本ノック！ 第6.2回: 辞書100本ノック！ 第6.3回: 辞書と配列混合、100本ノック！ 終盤 第七回: 関数その1 関数を作る事、呼び出す事 第八回: 関数その2 関数からもらうもの 第九回: 関数その3 関数に渡すもの 第十回: 辞書に関数を入れる 第十一回: 同じ事のいろいろな書き方 おまけ おまけ第一回:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【海外記事紹介】Tailwind CSSがフレームワーク非依存のコンポーネント群を発表、「Web標準重視」「クライアントJS最小化」の潮流が明確化
Reactで詰まった原因、実は「JavaScriptの構文」だった - Qiita
JavaScript の世界から「オブジェクト」という単語を排除したい！ - Qiita
Greative
