Prettierを使わない理由

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

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

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」をリリ... 続きを読む

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

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

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

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

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

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

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

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

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

Reactを使ったモダンなフロントエンド開発の環境構築 - Qiita

2019/08/18 257 users Qiita React styled-components

はじめに Reactを中心としたフロントエンド開発において、以下のような構成を見かけることが多いと思います。 UIライブラリとしてReact 型のある言語としてTypeScript スタイル定義としてstyled-components コンポーネントの開発環境としてStorybook LinterとしてESLint FormatterとしてPrettier この記事では、各種ライ... 続きを読む

もうprettierで消耗したくない人へのvueでのeslint設定 - クソ雑魚エンジニアのメモ帳

2019/03/24 71 users Vue lint package.json vuejs メモ帳

タイトル通り。vscodeとvuejsを使ってのlintの設定をprettierなしでやってみた。 tl;dr 環境 問題点 手順 .vueの構文チェックその１ vscode上での自動フォーマット .vueの構文チェックその２ rulesをカスタマイズ <template>のカスタマイズ <script>をカスタマイズ まとめ。 おまけ tl;dr 対象ファイルとpackage.jsonと.... 続きを読む

Google Apps ScriptをTypeScriptで実装する(clasp/TSLint/Prettier) #gas #typescript - My External Storage

2019/01/15 196 users TypeScript tslint GAS コーディング 要求

claspというGoogle Apps Script(GAS)をローカルで開発するためのツールがある。claspを使うと、TypeScriptを使ったGASのコーディングも標準で行える。 今回はclaspを使って以下の要求を満たしながらGASの開発を行う際の設定をまとめる。 TypeScriptによる実装 Gitによる構成管理 Prettierによる自動フォーマット TSLint... 続きを読む

酔っ払ってもコードが書きたい！JavaScriptを書き散らかしてPrettierに介護してもらう方法 - pixiv inside

2018/02/20 401 users GETA pixiv inside コード つまみ 方法

テクノロジー 酔っ払ってもコードが書きたい！JavaScriptを書き散らかしてPrettierに介護してもらう方法 こんにちは、一般ノーマルエンジニアのgeta6です。社内ではpixiv SketchというサービスでJavaScriptを書く仕事をしています。今日は Prettier の話をします。 JavaScriptを書くのが大好きな皆さま各位におかれましては、きっと酒のつまみにコードを書く... 続きを読む

[CSS]かなり便利！スタイルシートを自分で決めたルール通りに整形する便利ツール | コリス

2017/11/01 51 users コリス クォート セミコロン Stylelint CSS

コードを決められたルール通りに記述するのは、素晴らしいことです。 同じクォートを使い、セミコロンの後のスペースの有無、スペースやタブの数、改行の使い方など、統一するのは大変そうですが、ツールを使用すると簡単にできます。 コードを決められたルール通りに、見やすく整形できる便利ツールを紹介します。 Prettier + Stylelint: Writing Very Clean CSS 下記は各ポイン... 続きを読む

JSのコードの自動整形に Prettier が便利だったので、 eslint とAtomから使えるように設定した - Qiita

2017/05/03 64 users Qiita eslint Atom コード

JSのコードの自動整形に Prettier が便利だったので、 eslint とAtomから使えるように設定した prettier ESLint 続きを読む