2024年9月 俺の eslint.config.js

2024/09/19 29 users eslint React TypeScript フォーマット

はじめに 「Flat Config が何かはわかったからサンプルをくれ！」という方向けの記事です。 筆者が普段使用している eslint.config.js をご紹介します。 Flat Config については良記事がたくさんあるため ↓ などを参照してください。 今回ご紹介する設定は、React × TypeScript を使用し、フォーマットは Prettier に任... 続きを読む

【vscode】TypeScriptで不要なimport文を自動削除＆自動で並べ替え - Qiita

2024/05/09 14 users Qiita TypeScript vscode plu 学習

はじめに こんにちは！@nyakako13 です。 少し前からtypescript,reactの学習を進めています。 pythonでの開発時はblack formatterとiSortの拡張機能でimport文の自動並べ替えをしていました。 今回、typescriptの開発でも同じように自動でimport文の整理ができないかな？と思い調べてみました。 eslintやprettierでもplu... 続きを読む

Prettierを使わない理由

2024/03/30 59 users eslint コードフォーマッター 議論 ツール 意見

この記事はPrettierを使用している人を非難したり、脱Prettierを推奨する事を目的としていません。 こういった考え方もあるということをひとつの意見としてご覧いただければ幸いです。 はじめに Prettierはコードフォーマッターとして広く使われているツールです。 コードスタイルに関する議論をなくすことを目的として... 続きを読む

2023 年の Prettier 振り返り

2023/12/27 18 users TypeScript GraphQL コードフォーマッタ

2023 年の Prettier の活動を振り返ります。 Prettier とは Prettier は JavaScript で書かれたコードフォーマッタです。設定可能な項目が少ないいわゆる opinionated なコードフォーマッタです。JavaScript や TypeScript だけではなく、HTML や CSS、GraphQL などもサポートしています。 リリース 2023 年は、メジャー... 続きを読む

【翻訳】Prettier の新しい三項演算子のフォーマットを試してみてください

2023/11/13 18 users フォーマット 翻訳

この記事はAlex Rattrayさんの A curious case of the ternaries を、本人の許可を得て翻訳したものです(タイトルは大幅に変えてしまっていますが)。 記事の最後にあるように Google Forms から新しい機能についてのフィードバックを求めています。私以外のメンテナーも読めるようにできるだけ英語で書いてほしいですが... 続きを読む

コードフォーマッタ「Prettier 3.0」がリリース。すべてのソースコードをECMAScriptモジュールに変更

2023/07/07 12 users コードフォーマッタ CommonJS ライブラリ リリース

「Prettier 3.0」では、すべてのソースコードをECMAScriptモジュールを使用する形式へ移行しており、この変更によって開発エクスペリエンスを大幅に向上している。なお、Prettierをライブラリとして利用する場合は、CommonJSとしても利用できる。 おもな変更点としては、中国語、日本語、韓国語における空白の処理を改善... 続きを読む

Prettier 3.0: Hello, ECMAScript Modules! · Prettier

2023/07/05 17 users ECMAScript Modules Hello

We are excited to announce the release of the new version of Prettier! We have made the migration to using ECMAScript Modules for all our source code. This change has significantly improved the development experience for the Prettier team. Please rest assured that when using Prettier as a library... 続きを読む

フレームグラフを眺めて無駄な正規表現を消してPrettierのパフォーマンスをちょっとだけ改善する

2023/05/26 12 users パフォーマンスチューニング パフォーマンス 正規表現 見方

最近、Kohta Ito さんのブログ記事 0 から始める Node.js パフォーマンスチューニング を読みました。Kohta Ito さんは、実践 Node.js 入門 という書籍を執筆されたことでも知られています。 このブログ記事の「framegraph 編」という節では、 Node.js でのフレームグラフの生成方法や見方が説明されています。私はフレ... 続きを読む

ユーザーとの摩擦を最小限に保ちつつ Prettierを改善していくための機能設計

2023/03/25 15 users メンテナビリティ 摩擦 最小限 ユーザー 機能設計

ユーザーとの摩擦を最小限に保ちつつ Prettierを改善していくための機能設計 2023/03/24 Encraft#1 もともと「パフォーマンスとメンテナビリティのためにPrettierを複数のパッケージに分割する計画」というタイトルで話す予定で、イベントページにもそう書いてあったと思うんですが、急遽テーマを変えることにしました。... 続きを読む

Prettier 2.8 はリリースしたくなかった

2022/12/02 14 users Option This release https t.co

今日は軽めの話題で。 先日 Prettier 2.8 をリリースしました。 We just released Prettier 2.8. This release includes support for TypeScript 4.9 satisfies operator and improvements to the --cache CLI option!https://t.co/Yfs7Pd5MsD — Prettier (@PrettierCode) November 23, 2022 TypeScript 4.9 で追加され... 続きを読む

JavaScript/TypeScriptの高速フォーマッター「Rome Formatter」リリース。Rust製でPrettierより約10倍高速と

2022/04/17 147 users TypeScript フォーマッター Rust製 リリース

JavaScript/TypeScriptの高速フォーマッター「Rome Formatter」リリース。Rust製でPrettierより約10倍高速と JavaScriptのツールチェインを統一的に提供することを目指した「Rome Tools, Inc.」（以下、Rome Tools）は、JavaScriptおよびTypeScriptのコードの書式を高速に整えるフォーマッター「Rome Formatter」をリリ... 続きを読む

Prettier のサイズを減らすテクニック

2022/03/19 28 users rollup モジュールバンドラー esbuild サイズ

実は先日リリースした Prettier 2.6 では前のバージョンである 2.5.1 と比べてバンドルサイズが 3MB ほど減っています。 Prettier 2.5.1 のサイズ(20.0MB) Prettier 2.6.0 のサイズ(16.9MB) リリースブログで言及したとおり Prettier 2.6 ではモジュールバンドラーを Rollup から esbuild に移行したので、その影響かと... 続きを読む

Prettier への支援開始のお知らせと企業が OSS に対して支援するということ - LINE ENGINEERING

2022/01/27 12 users UIT OSS potato4d 通称 主体

By Takuma HANATANI | 2022.01.27 2022.01.27Engineering Manager at LINE Corp. @potato4d フロントエンド開発センター(通称: UIT) Front-End Dev.9 チームの花谷(@potato4d)です。 『UIT 新春 Tech Blog』 1/27 の今回は、UIT が主体となって行っているフロントエンド領域の OSS のスポンサー活動についてご紹介します... 続きを読む

Prettier への支援開始のお知らせと企業が OSS に対して支援するということ - LINE ENGINEERING

2022/01/27 16 users UIT OSS potato4d 通称 主体

By Takuma HANATANI | 2022.01.27 2022.01.27Engineering Manager at LINE Corp. @potato4d フロントエンド開発センター(通称: UIT) Front-End Dev.9 チームの花谷(@potato4d)です。 『UIT 新春 Tech Blog』 1/27 の今回は、UIT が主体となって行っているフロントエンド領域の OSS のスポンサー活動についてご紹介します... 続きを読む

Firebase Hosting を使った HTML, CSS, Prettier, Dockerのサンプルコード

2021/11/28 20 users Docker Firebase hosting CSS

Firebase Hosting を使った HTML, CSS, Prettier, Dockerのサンプルコード 続きを読む

JavaScript エコシステムを維持する OSS の努力と課題

2021/11/27 21 users OSS GitHub TypeSc サイボウズ 努力

Transcript JavaScript エコシステムを維持 する OSS の努力と課題 2021/11/27 JSConf JP 2021 自己紹介 名前: Sosuke Suzuki 学校: 筑波大学 情報学群 情報科学類 仕事: サイボウズ フロントエンドエキスパートチーム OSS: Prettier, Babel Twitter: @__sosukesuzuki GitHub: @sosukesuzuki 話すこと JavaScript/TypeSc... 続きを読む

【Rome】RomeはJavaScriptをやめてRustにするってよ - Qiita

2021/09/27 17 users Qiita rust Rome Webpack Babel

RomeはLinterでありCompilerでありBundlerでありFormatterでありTesterでありMinifierであり…… ともかく、フロントエンドの統合ツールチェーンです。 これまでBabel、ESLint、webpack、Prettier、Jestなど様々なツールでバラバラに行っていた作業が、Romeひとつ使うだけで完結するようになるという、これまで何度再発明... 続きを読む

Prettierに従わなくてもいい場合 - Speaker Deck

2021/06/28 17 users Speaker Deck

Transcript 1SFUUJFSʹ� ैΘͳͯ͘΋͍͍৔߹ NodeֶԂ 36࣌ݶ໨ ΦϯϥΠϯ "CPVU�NF w 4PTVLF�4V[VLJ� w ஜ೾େֶ৘ใֶ܈৘ใՊֶྨ� w $ZCP[V�ϑϩϯτΤϯυΤΩεύʔτνʔ Ϝ� w 1SFUUJFS�$PSF�5FBN� w #BCFM�5FBN� w IUUQT���UXJUUFS�DPN�@@TPTVLFTV[VLJ� w IUUQT���HJUIVC�DPN�TPTVLFTV[VLJ 1SFUUJFSͱ͸ w IUUQT���QSFUUJFS�JP� w IUUQT���UXJUUFS�DPN�1SFUUJFS$PEF� w 5IF�0Q... 続きを読む

ESLint, Prettier, VS Code, npm scripts の設定: 2021春

2021/02/18 252 users eslint エディタ npm scripts 重い腰 人間

eslint-plugin-prettier 時代の設定をずっと使っていたので、重い腰を上げてアップデートした作業メモ。 背景 Prettier 公式ドキュメントによれば、現在 eslint-plugin-prettier は以下の問題があるとして推奨していない。 エディタが真っ赤になる（人間が気にする必要のない問題なのに！） 直接実行するより遅い（同様... 続きを読む

大規模 Closure Tools プロジェクトに Prettier を導入するまでの道のり - Cybozu Inside Out | サイボウズエンジニアのブログ

2021/01/18 16 users サイボウズエンジニア 道のり プロジェクト ブログ

こんにちは、フロントエンドエキスパートチームの鈴木(@__sosukesuzuki)です。 弊社のサービスである kintone では、コードのフォーマットを ESLint のみで行っているためプロジェクト内でコーディングスタイルを統一しきれていないという問題を抱えていました。 そこで opinionated なコードフォーマッター Prettier を... 続きを読む

Prettier と ESLint の組み合わせの公式推奨が変わり plugin が不要になった

2020/09/24 177 users eslint Plugin Created 組み合わせ 根拠

Prettier と ESLint の組み合わせの公式推奨が変わり plugin が不要になった2020-09-24(created) 前に書いた ESLint と Prettier の共存設定とその根拠について が公式推奨が変わったことにより一部間違った情報になっているのでその訂正記事です。 該当記事に書いた内容は Prettier と ESLint の関係を読み解く上で役立... 続きを読む

npmパッケージの公開用テンプレートを作ってみました | with TypeScript, Jest, ESLint, Prettier, etc. - m's blog

2020/07/09 48 users npm Jest eslint husky npmパッケージ

npm パッケージの公開用テンプレート を作ってみました。 本記事ではテンプレートの内容について、簡単に解説したいと思います。 以下は、2020/07/09 時点でテンプレートに含まれる内容です。 TypeScript CI/CD (publish by GitHub Actions) Jest ESLint Prettier EditorConfig husky ※ 上記以外の項目については、テン... 続きを読む

ESLint と Prettier の共存や競合についての答えとその根拠 | blog.ojisan.io

2020/06/24 275 users eslint blog.ojisan.io extend

以前, ESLint の plugin と extend について解説した記事を書いた際に、Prettier と ESLint の共存設定について触れました。 いま Google で「Prettier ESLint」などで検索すると、最善とは言えない情報（重複した設定をしている）や根拠に欠ける情報が上の方に出てきており、混乱を助長していると思いましたので、根拠... 続きを読む

Prettier 2.0 の主要な変更 - Qiita

2020/03/21 24 users ＩＳＳ Qiita コードフォーマッター 実装 当初

ウェブ開発でよく使われているコードフォーマッターである Prettier の 2.0 がリリースされました。実装が間に合わず遅れている間に TypeScript 3.8 のリリースがあったりといろいろあり、当初の予定より 2 ヶ月ほど遅れてしまいました。 主要な変更について紹介します。詳細が知りたい方は、リリースブログや PR や Iss... 続きを読む

Prettier 1.19: Long awaited Vue option, TypeScript 3.7 and new JavaScript features · Prettier

2019/11/09 21 users

This release adds the long awaited --vue-indent-script-and-style option, support for TypeScript 3.7 and some cutting edge JavaScript syntax. Not to mention a whole bunch of bug fixes and improvements! Highlights Add --vue-indent-script-and-style (#6157 by @kamilic) The new --vue-indent-script-and... 続きを読む