サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
<div class="card"> <calendar-range months="2"> <svg aria-label="Previous" slot="previous" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <path d="M15.75 19.5 8.25 12l7.5-7.5"></path> </svg> <svg aria-label="Next" slot="next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <path d="m8.25 4.5 7.5 7.5-7.5 7.5"></path> </svg> <div class="grid"> <calendar-month></calendar-month> <cal
TheJavaScript Oxidation CompilerA collection ofJavaScript tools written inRust
Tesseract.js is a pureJavascript port of the popular Tesseract OCR engine. This library supports more than 100 languages, automatictext orientation and script detection, asimple interface for reading paragraph, word, and character bounding boxes. Tesseract.js can run either in a browser and on a server with NodeJS. Check out the Example code andAPI docs onGitHub.
VanJS: A 1.0kB Grab 'nGoReactiveUI Framework withoutReact/JSX Enable everyone tobuild usefulUI apps with a fewlines of code, anywhere, any time, on any device.VanJS (abbreviated VanillaJavaScript) is an ultra-lightweight, zero-dependency, and unopinionatedReactiveUI framework based on pure vanillaJavaScript and DOM.Programming with VanJS feels likebuildingReact apps in a scripting la
The most comprehensive authentication framework forTypeScript.
You cancreate as manyBlendy instances as needed—whether one per page or per component. You can specify theanimation type in the configuration: 'dynamic' (default) or 'spring'. // Without configs constblendy =createBlendy() // With configs constblendy =createBlendy({animation: 'dynamic' // or spring })Blendy requires the source element (the elementit'stransitioning from) and the target e
はじめに前提ISRとは概要App RouterでのISR注意点既存ページを更新１（Time-Based Revalidation）ページの構成ビルドして稼働テキストファイルの更新制約既存ページを更新２（On-Demand Revalidation）ページの構成ビルドして稼働テキストファイルの更新制約新規ページのみ生成ページの概要ビルドして稼働ページを追加してみる制約おまけ：存在しないパスには404ページを表示したい場合まとめ最後に参考 はじめにNext.jsは、従来からSSR(Server Side Rendering)、SSG(Static Site Generation)、ISR(Incremental Static Regeneration)といったページ生成機能で知られています。 このサイトもNext.jsに移行し、早くも１年以上経過しました。様々なページ生成方法を導入しているの
We’rebuilding the future ofJavaScript packagesDevelop, Run, Distribute, Discover, and Secure yourJavascript Packages
newmoでは、フロントエンド、バックエンド、iOSやAndroidなどのモバイルアプリをすべて同じリポジトリで管理するmonorepoを採用しています。 monorepoを採用することで、アプリケーション間で共通のコードを共有することができたり、CIの管理が楽になったり、他のチームのコードを見るのにわざわざリポジトリをcloneする必要がなくなります。 また、monorepoを採用することで、アプリケーションが利用しているパッケージ(ライブラリやツール)のバージョンを1つだけにするOne Version Ruleが実装できます。 One Version Rule One Version Ruleは、monorepo内のパッケージのパッケージのバージョンを1つだけにするルールです。 The One Version Rule | Google Open Source One Versio
Node.js で型安全な環境変数を扱うスニペットを作りました。 next devのようなアプリケーションの起動、Playwright でのテストなどコマンドごとに渡したい環境変数のセットが異なるケースがあります。 この場合に環境変数をまとめたものを定義して、それをコマンドごとに読み込むセットを変えたいことがあります。 次のようにベタ書きしてもいいのですが、渡したい環境変数が増えると管理が大変になります。 NEXT_PUBLIC_LOCALHOST_URL=http://localhost:3000 NEXT_PUBLIC_API_URL=http://localhost:3001 NEXT_PUBLIC_IS_TEST_MODE=false FOO="bar" next dev そのため、.envのような環境変数をまとめたファイルを使いたくなります。 Node.js は--env-fil
ファインディ株式会社でフロントエンドのリードをしております 新福(@puku0x)です。 この記事では、ファインディで導入しているモノレポ管理ツール「 Nx 」について紹介します。 モノレポとは Nxとは Nxワークスペースの作成 Nxの機能 コード生成 変更検知 依存関係の管理 キャッシュ機構 自動マイグレーション まとめ モノレポとは モノレポは全てのコードベースを単一のリポジトリで管理する手法です。 monorepo.tools コードの共通化や可視化、ツール・ライブラリの標準化、一貫性のあるCI/CDパイプラインを構築できるといったメリットがあります。また、マイクロサービスと相性が良いとも言われています。circleci.com ファインディでは主にフロントエンド系のリポジトリをモノレポとして運用しています。 アプリケーションとそれに関連するフィーチャー、UIライブラリがひとつに
ProductivityGet yourAPI ready out of the box in a few seconds. Prevent humanerror, and let your parameters, clients and types be auto-generated by Orval.Error boundaryGet your contract! With the combination of Orval andOpenAPI, you have a strong standard for your team, which avoids misunderstandings and lets you focus on yourUI.API mockingYou don't have to wait for your backend to be ready,
🐷 What's Poku?A cross-platform test runner that brings theJavaScript essence back to testing. ⚡️ Quick Tutorials
背景 ESLint v9からflat configがデフォルトとなり、将来のリリースで古いconfigの書き方は廃止される予定なのは把握していた。その後本格的に調べないままになっていたが、そろそろまずいかもなと思って概要だけでも調査したメモ。 先に簡単なまとめ 次のメジャーバージョンv10で古いconfigは廃止だが、そのリリースは2024年末〜2025年初頭 移行は @eslint/migrate-config を使いつつ Configuration MigrationGuide を参照 flat configとは何か ESLintの新しい設定システム（config system）のこと。 flat config導入の背景 ESLint's new config system, Part 2: Introduction to flat config - ESLint - Pluggab
まじめに Flat Config の移行をするととっても時間かかりますよね？いくつもリポジトリ持ってるとどんどん時間が溶けていきます。 それでも ESLint v9 の新機能は使いたいんだよなーとか、ESLint v9 にしないと dependabot やrenovate がうるさくてかなわんとか、という人（それはつまり僕のこと）のための選択肢をいくつか書いてみようと思います。 @eslint/migrate-config使う 物はこれです。 この方法は次のドキュメントに書いてあります。 以下のコマンドでとりあえず Flat Config で動きそうなeslint.config.*が生成されます。 npx @eslint/migrate-config .eslintrc.js # .eslintrc.json 使っている場合 # npx @eslint/migrate-config .e
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
