Prettier

このタグでブログを書く

言葉の解説

ネットで話題

Prettier

このタグの解説について

この解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。

ひとやすみ•2ヶ月前

neovimへESLint + Prettierの導入（最低限）

環境エディター : Neovim パッケージマネージャー : なしプラグインマネージャー : vim-plug 概要 ESLint 設定ファイルに記したコーディングスタイルのルールで、ファイル全体を静的に解析し、バグの温床となりやすいルールに沿わないコードを検出してくれる Prettier コードの自動整形ツール ESLintとPrettierの違い ESLint コードの品質向上のための一貫性 Prettier コードの可読性向上のための一貫性例えば、未使用の変数などに指摘が入るのはESLint 設定手順 ESLint 事前にvscode-langservers-extractedを…

#nvim#ESLint#Prettier#Neovim初心者#vimdaisuki

ネットで話題

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

inside.pixiv.blog

337ブックマーク ESLint と Prettier の共存設定とその根拠について

blog.ojisan.io

336ブックマーク ESLint, Prettier, VS Code, npm scripts の設定: 2021春

zenn.dev

266ブックマーク Prettier と ESLint の組み合わせの公式推奨が変わり plugin が不要になった

blog.ojisan.io

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

www.publickey1.jp

193ブックマーク Google Apps ScriptをTypeScriptで実装する(clasp/TSLint/Prettier) #gas #typescript - My External Storage

budougumi0617.github.io

113ブックマーク Prettierを使わない理由

zenn.dev

112ブックマーク Prettier 3.0 をリリースしました

sosukesuzuki.dev

109ブックマーク Prettier 入門～ESLintとの違いを理解して併用する～ - Qiita

qiita.com

関連ブログ

かもメモ•3ヶ月前

Cursor でファイル保存時に Prettier が動作しなくなった

claude code の時代だと言われてますが、よわよわなのでまだ Cursor をめちゃくちゃ使ってます。 Astro + TypeScript のプロジェクトを触っていて、ファイルの保存時 (On Save) 時に Prettier のフォーマッターが動作しなくなったのでメモ＿人人人人人人人人人人人人人人人人人人＿＞何もしてないのに動かなくなった！＜￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^￣環境 Cursor: Version 2.3.41 Prettier: Prettier - Code formatter 拡張 v12.1.1 🐞 状況…

#Prettier#VS Code#BUG

KENTEM TechBlog•10ヶ月前

次世代フォーマッターBiome、実務で半年使ったリアルな感想とその魅力とは？

こんにちは。KENTEM第二開発部でフロントエンドを担当しているM・Sです。普段の開発において、フォーマッターとリンターは開発者の強い味方ですよね。従来のWeb開発においてはPrettierとESLintを組み合わせるのが主流でしたが、最近はBiomeというツールが登場しています。今回はBiomeの特徴や、実際の製品開発プロジェクトで半年使ってみてわかったことをご紹介いたします！ちなみにフォーマットとリントの定義はこちら↓ フォーマット: コードの見た目を統一・整形するリント: コードの問題点や規約違反を検出する特徴フォーマットもリントもこれ１つで高速フォーマッティング性能 …

#フロントエンド#Prettier#ESLint

KENTEM TechBlog•2年前

ESLint × Prettier × Vite(React) 環境構築

こんにちは。私は主にReactでWEBフロントエンド開発を行っています。 ESLint v9.0.0のリリースブログによるとESLint v9.0.0以降はFlat configと呼ばれる書き方がデフォルトになるようです。そこでESLint Flat config時代における、VS Codeを使ったVite × React環境にESLintとPrettierを組み込み、保存時に自動的にフォーマットしてくれる設定をご紹介します。 2024年9月現在、Viteを使ったReactプロジェクトを立ち上げる方法についてです。 ViteによるReact環境構築パッケージのインストール ESLintの設…

#Webフロントエンド#react#ESLint#Prettier

KENTEM TechBlog•2年前

VisualStudioでTypeScript Analyzerを試してみた

こんにちは。KENTEM第１開発部のS.Eです。私はクラウドサービスのフロントエンドエンジニアとしてプロジェクト業務に携わっています。現在のプロジェクトは新規で立ち上げ、既に２年ほど経過したような状況です。プロジェクトメンバーの入れ替えも何度か発生している中で挙がってきた意見があります。それは『コーディング規約（ルール）がわかりづらい』といったものです。コーディング規約といっても「末尾にセミコロンを付ける」とか「文字列はシングルクォートで括る」とか単純なものが多いです。プロジェクトの運用等についてはWikiで示していたりしたのですが、明確な取り決め等はできておらず、レビュー時の指…

#TypeScript#VisualStudio#ESLint#Prettier#TypeScript Analyzer

ソフトウェア開発者のための OSS、まとめてみました！•2年前

Node.js JavaScript 公式 Web サイトのソースコードを読んで Next.js について学ぼう！「nodejs.org」

概要皆さまは Web アプリや Web サイトを作成する際は何の言語のどういったフレームワークを使用していますでしょうか？私はもっぱらプログラミング言語としては JavaScript/TypeScript を使用しており、フレームワークとしては React.js/Next.js を採用して開発などを進めています。 developer.mozilla.org www.typescriptlang.org ja.legacy.reactjs.org nextjs.org React.js や Next.js といったフレームワークは非常に強力で Web アプリを簡単に作ることができる一方、でき…

#OSS#nodejs.org#Next.js#公式サイト#Lint#Prettier#Storybook#Jest#Node.js

Web開発における知見共有系ページ•2年前

Typescriptのリンタとフォーマッタについて

Typescriptのリンタとフォーマッタリンタ (Linter): フォーマッタ (Formatter): yarnによるリンタとフォーマッタのインストール例コミットのタイミングでフォーマッタを起動させる方法 Typescriptのリンタとフォーマッタ TypeScriptのコードを保守しやすくし、品質を向上させるためには、適切なリンタとフォーマッタの使用が重要です。以下は、TypeScriptのリンタとフォーマッタについての基本的な情報です。リンタ (Linter): リンタは、コード内の潜在的な問題やスタイル違反を検出するツールです。 TypeScriptのリンタとしてよく使われ…

#ESLint#Prettier#npm#yarn

約束の地•2年前

Prettier + VSCode でエラーが出て自動フォーマットできないとき

gyazo.com 現象 github.com 結論（これで解決した）プロジェクトに Prettier を入れて Prettier Path には ./node_modules/prettier を指定する。それまでは nodenv を用いた上でグローバルに入れていた*1が、プロジェクト配下に入れることで解決した。 *1:良くない

#Prettier#VSCode

約束の地•3年前

Prettier (esbenp.prettier-vscode) が v9.16.0 で動かないので v9.13.0 に戻した

環境バージョン: 1.80.0-insider (user setup) コミット: c1bca6d7cc2c5f71ae04deda90c0cf50819ffde4 日付: 2023-06-29T07:44:44.659Z Electron: 22.3.14 ElectronBuildId: 21893604 Chromium: 108.0.5359.215 Node.js: 16.17.1 V8: 10.8.168.25-electron.0 OS: Windows_NT x64 10.0.25393 戻した gyazo.com 補足いわゆる「おまえの環境だけ」かもしれない。

#VS Code#Prettier

Web開発における知見共有系ページ•3年前

ESlintとPrettierの違いは？役割を解説

ESlintとPrettierの違いは？ ESLint Prettier 併用が推奨 ESLintの実行方法 1. 環境の準備 2. プロジェクトにESLintをインストール 3. ESLintの初期設定 4. ESLintの実行 5. 問題の修正 6. エディタ統合 ESLintを実行した前後の例 ESLint実行前のコード ESLintの設定ファイル（.eslintrc.json） ESLintの実行問題の自動修正 ESLint実行後のコード Prettierの実行方法 1. 環境の準備 2. プロジェクトにPrettierをインストール 3. Prettierの設定 4. Pretti…

#Prettier#Lint#Node