保守・理解しやすいコードを書きたい！ 〜VSCode拡張機能で循環的複雑度と戦う〜 - Qiita

2024/02/21 129 users GitHub Qiita 関数 VSCode拡張機能 保守

参考: 循環的複雑度 ちなみに githubで最もやべー関数を発掘するという記事では、循環的複雑度が高い関数が紹介されています。 ものによってはリンク切れしてしまっていますが、最も複雑度が高いのはnode（JavaScript）のjo関数で5505だそうです。想像もつかない... どのようにすれば循環的複雑度を低く抑えられるのか？... 続きを読む

スタディサプリにおけるKarpenterの導入トラブル振り返り - スタディサプリ Product Team Blog

2023/11/20 10 users Aoi Kubernetes スタディサプリ おかげ 本番環境

スタディサプリにおけるKarpenterの導入トラブル振り返り こんにちは。スタディサプリ小中高SREの@aoi1です。 スタディサプリでは、Kubernetesを利用しているのですが、Nodeの運用自動化のために2023年3月から本番環境を含む全環境でKarpenterを導入しています。 Karpenterのおかげで開発者体験を向上させることができた... 続きを読む

Deno/Node を vscode ワークスペースで共存させたい

2023/09/11 12 users Dep TypeScript vscode deno true

次の記事の 2023 年版です。 tl;dr 次のコードを "deno.enable": true にしない(Node環境のまま)Node＋Deno両方の型チェックが通る vscode 環境にする。 // .ts 拡張子を許可 import { dep } from "./dep.ts"; // node_modules から npm module を解決 import ts from "typescript"; // deno/node 共用で Deno に型をつ... 続きを読む

renderToStringとhydrateを作って学ぶReactのSSR・SSG

2023/07/31 11 users React リポジトリ 拙作 本稿 テンプレート

renderToString と hydrate を自作し、今一度 SSR・SSG の仕組みを実装から理解してみましょう。 はじめに 本稿では、以下のリポジトリを用いて実装を進めます。 また、お手元に node の環境があれば、拙作の create-toy-react-app という CLI ツール を用いて、こちらのリポジトリに含まれる、実装のテンプレートや完成... 続きを読む

Auroraのような設計のRDBMSにおいて,LSNの発行はmaster nodeで行わないといけないがために書き込みnodeは一台に制限される(DB管理者が手動でシャーディングするケースは別と指定)という理解は正

2023/02/25 17 users RDBMS Aurora 熊崎 宏樹 シャーディング

Auroraのような設計のRDBMSにおいて,LSNの発行はmaster nodeで行わないといけないがために書き込みnodeは一台に制限される(DB管理者が手動でシャーディングするケースは別と指定)という理解は正確ですか？ 熊崎 宏樹:データベースを専門としない人からパワポ絵の解像度でこの質問がされたなら「はい大体そんな感じです」... 続きを読む

人気のJSON Webトークンライブラリに脆弱性　影響範囲は

2023/01/10 12 users 脆弱性 影響範囲 RCE 人気 CVSS

Palo Alto Networksが発見したリモートコード実行（RCE: Remote Code Execution）の脆弱性「CVE-2022-23529」は、共通脆弱性評価システム（CVSS: Common Vulnerability Scoring System）のスコア値で7.6となり、深刻度は「重要」（High）とされる。 脆弱性が存在するとされるプロダクトおよびバージョンは以下だ。 node-... 続きを読む

Deno を使って Node でも Deno でも動くライブラリを作る - Qiita

2022/12/25 14 users npm Qiita deno ライブラリ 界隈

Deno アドベントカレンダー 24日目の記事です。 今日は Deno を使って Node でも Deno でも動くライブラリ(もしくはツール)を作成する方法を紹介します。 Deno 界隈では最近 npm 互換性機能がリリースされて、Deno から使えるツールが一気に増えたということで話題になっていますが、逆に Deno で作ったツールを Node/np... 続きを読む

WebのフロントエンドでもDockerで開発環境を構築する理由。（余談としての脱node依存開発） - Qiita

2022/09/10 215 users Qiita Docker ビルドツール Ubuntu 余談

要は、手元のMacやWindows、Ubuntuなど開発端末上に直接、複数のプロジェクトを配置して開発しつつ、nodeを共有したり、安易にバージョンアップとかしているとビルドができないなどのエラーが発生したりします。 ２．nodeをつかったフロントエンドのビルドの脆さ （１）特定の団体がビルドツールをメンテしてくれる言語 ... 続きを読む

【Bun】新しいJavaScriptランタイムについてふわっとまとめた

2022/07/14 64 users Bun deno DeepL翻訳 bun install フワ

JavaScriptランタイムと言えばnode。 nodeの代替としてdenoがありますが、新たにbunというものを知ったのでふわっとまとめてみました。次のリンクは、Bunを知るきっかけとなったものです。 トップのコメントを一部抜粋(DeepL翻訳) 私が興奮していることのひとつは、bun install です。 Linuxでは、シンプルなNext.jsアプ... 続きを読む

ブラウザ, Node, Cloudflareでも動くDenoモジュール開発

2022/07/03 17 users CloudFlare TypeScript モジュール

ブラウザだけでなく、非ブラウザなJavaScript（JS）処理系も増えてきたので、「主要ブラウザ、Node.js、Cloudflare Workersでも動くDenoファーストなTypeScript/JavaScriptモジュール開発＆CI/CD」をやってみました。一事例として共有します。 はじめに 最近、TypeScriptで hpke-js というモジュールをつくりました。 HP... 続きを読む

Node.js v18 の主な変更点 - 別にしんどくないブログ

2022/04/19 18 users 変更点 ブログ experimental fetch test

Node.js v18がリリースされました 🎉 nodejs.org この記事では Node.js v18 の主な変更点を抜粋して紹介します！ fetch() がフラグ無しで実行可能に (experimental) HTTP requestTiemout()のデフォルト値の変更 node:test モジュール（テストランナー）の追加 (experimental) V8 アップデートによる新しい JavaScript の... 続きを読む

Node.js / Deno の徹底討論を Node 学園で行いました。 - from scratch

2022/03/31 13 users deno CJS node.js from Scratch

3/17 に徹底討論という形で denoland の 日野沢さん をお呼びして Node学園で徹底討論という形で討論しました。 いくつか面白いトピックがあり、参考になると幸いです。 少しだけ紹介します。 ESM vs CJS ESM と CJS の対応が Node.js がグダグダだと思っていると言われた点がありました。 討論内でも Twitter を見てい... 続きを読む

GraphQL と Prisma から考える次のN年を見据えた技術選定 / Architecture decision for the next N years at StudySapuri

2021/11/27 155 users Prisma Rails microservices

Transcript GraphQL ͱ Prisma ͔Βߟ͑Δ ࣍ͷN೥Λݟਾٕ͑ͨज़બఆ @qsona 2021-11-27 JSConf JP whoami • @qsona • Web Engineer at ελσΟαϓϦ (ϦΫϧʔτ) • Node.js / Rails / GraphQL / Microservices @qsona ͱ Node.js • ιϑτ΢ΣΞΤϯδχΞͱͯ͠ॳΊͯݱ৔ͰίʔυΛॻ͍ͨͷ͕
 αʔόʔαΠυ Node.js Ͱͨ͠ (!!) • Node v0.10, EcmaScript 5 • Node ֶԂͷίϛϡχςΟʹҭͯͯ΋ΒͬͨͷͰɺ
 ࠓ೔ͷ৔ͰొஃͰ͖ͯͱͯ΋͏Ε͍͠Ͱ͢! ຊൃද... 続きを読む

【TypeScript】Next.js + Tailwind CSSを使用してさくっとSPAを作る方法

2021/11/19 18 users 雛形 TypeScript SPA 手順 下記コマンド

Next.js で簡単な SPA の雛形をつくる際の手順です。 ホームページを Flutter Web から Next.js に移行した際に少し躓いたので整理して記録します。 環境 執筆時点での各種バージョンです。 Node: 14.17 Next.js: 12.0.4 Tailwind CSS: 2.2.19 TypeScript: 4.5.2 Next.js プロジェクトの作成 下記コマンドで Next.js プ... 続きを読む

最近のTypeScriptのES Modules対応事情

2021/10/10 17 users TypeScript コロナ 身の回り ES Modules

ブックマークサービスQiNeel関連の記事や身の回りのよしなしごとをそこはかとなく書きつくっています。 コロナの影響で中止となった幻のTSConf 2020で、TypeScriptとES Modulesについて登壇する予定でした。 最近のTypeScriptは、モジュール関連で新たな仕様が出てきたようなので簡単にまとめておきます。前職同僚でNode... 続きを読む

Next.js から Prisma ORM を利用する

2020/12/22 38 users Types React TSX Next.js Save

Next.js に Prisma ORM を導入する方法について解説します。 Next.js プロジェクトの雛形を作成 $ mkdir hello-next-app && cd hello-next-app $ npm init -y $ npm install next react react-dom --save $ npm install typescript @types/node @types/react --save-dev $ code src/index.tsx 続きを読む

WSL2でWeb開発環境の構築メモ (zsh, node, dockerなど)

2020/12/09 385 users Mac WSL2 zsh Windows Terminal

はじめに Web開発といえばUNIXターミナルが使えるMacが便利だったが、ついに今年WSL2が正式リリースされた。これでようやくWindowsでまともなWeb開発環境を構築することが可能になって喜びもひとしお。 それどころか、WSL2, Windows Terminal, VS Codeと便利なツールがどんどんリリースされていてMacよりも便利といえる... 続きを読む

Kubernetes: kube-scheduler をソースコードレベルで理解する - チェシャ猫の消滅定理

2020/12/02 102 users Kubernetes POD スケジューリング クラスタ 責務

はじめに Kubernetes において、Pod を配置するための Node を決定する手続きをスケジューリングと呼び、デフォルトのクラスタでは kube-scheduler がその責務を担っています。本記事ではこの kube-scheduler のソースコードを時系列に沿って追いつつ、どのようなロジックで Pod を配置する Node が決定されるのかを解説... 続きを読む

kubernetesでもぷよぷよがしたいので同じ色のPodが4個くっついたらdeleteされるcustom controller「くべくべ」を作った - Qiita

2020/09/13 80 users Qiita Kubernetes POD 爽快感 ４個

Kubernetes使ってると、Nodeにえらい数のPodが溜まってくじゃないですか。消したくなりますよね。連鎖してほしいですよね。なりません？なので、4つ同じ色のPodが4個くっついたらdeleteされる、爽快感のあるカオスエンジニアリング用のcustom contollerを作りました。 deleteされるだけでは寂しいので、deleteされていく... 続きを読む

Node でお手軽スクレイピング 2020 年夏 - Qiita

2020/07/20 497 users Qiita ライブラリ API スクレイピング web

皆さんは Web ページのスクレイピングって書いた事ありますか？私はあります。だってどんなに平和で平穏な生活を送っていても数年に一度はスクレイピングってしたくなりますよね。「うわーまじか！API ないのかよ…。」的な。 そうしたら HTTP クライアントと HTML パーサのライブラリを探してきてインストールした上でご... 続きを読む

モダンJavaScript概論 − Node, npm, ECMAScript, Babel, Webpack | Hypertext Candy

2020/04/30 291 users Webpack ECMAscript Babel npm 前提

2020.04.30 モダンJavaScript概論 − Node, npm, ECMAScript, Babel, Webpack この記事では、モダンな JavaScript を書くための前提として知っておくべき、いくつかのキーワードを紹介します。想定読者は、初心者 〜 jQuery なら書けるレベルの開発者です。これから React や Vue.js を学びたい方、または Web 開発の世界... 続きを読む

Nodeのイベントループを理解するために遊んだ & Apolloのテストでawait wait(0)するとなぜデータがロードされるか - $shibayu36->blog;

2019/11/05 125 users React イベントループ Apollo docs https

Apolloを触っていて、テストをするために https://www.apollographql.com/docs/react/development-testing/testing/#testing-final-state を読んでいた。その文章の中で、 MockedProviderをrenderした時はloading状態になる データがロードされた最終状態にするにはwaaitみたいなnpm packageを使って、await wait(0)とか... 続きを読む

Windows、Linux、Macの各環境にnvmを使用してNodeの実行環境を構築する ｜ DevelopersIO

2019/09/06 36 users nvm DevelopersIO npx npmコマンド 目次

こんにちは。サービスグループの武田です。 フロントエンドの開発やAWS CDKを用いた開発など、最近はNodeの実行環境を求められるケースが増えてきました。このエントリでは、Windows、Linux、Macという3つの異なる環境で、nodeとnpmコマンド（もちろんnpxも *1）が使えるようになるところまでの手順を解説します。 目次 ... 続きを読む

JavaScript で論理学を実装 - Qiita

2019/04/06 37 users Qiita 構文解析 npm i 実装 言語

0. 概要 JavaScript上で命題論理の言語を実装し、意味論 (恒真式・意味論的同値関係やタブロー計算)の各種概念も実装に落とし込む。証明論は未実装。動作環境は Node。 依存パッケージは nearley (構文解析) のみ。npm i --save nearley で環境構築完了。 0. 表記 原子命題は p,q,r,s,t,u のみ利用可。¬⋀⋁→↔ は -,A,V,->... 続きを読む

要チェックな10個の Node.js フレームワーク - Qiita

2019/02/15 267 users Qiita フレームワーク loopback node.js

本記事は、10 Node.js Frameworks Worth Checking Out: Express, Loopback, Hapi, and Beyond の日本語訳です。 要チェックな10個のNode.js フレームワーク テクノロジーは急速に変化しているので、開発者たちは新しいテクノロジーを使用し、Web開発のニーズに合わせて、より便利なフレームワークを採用しています。Node... 続きを読む