並び順

ブックマーク数

期間指定

  • から
  • まで

361 - 400 件 / 861件

新着順 人気順

ESLintの検索結果361 - 400 件 / 861件

  • ESLint v4.9.0 - Qiita

    前 v4.8.0 | 次 v4.10.0 ESLint v4.9.0 has been released: https://t.co/ldgGclfMJw — ESLint (@geteslint) 2017年10月14日 ESLint 4.9.0 がリリースされました。 小さな機能追加とバグ修正が行われています。 質問やバグ報告等ありましたら、お気軽にこちらまでお寄せください。 🏢 日本語 Issue 管理リポジトリ 👫 日本語サポート チャット 🏢 本家リポジトリ 👫 本家サポート チャット 🚀 本体への機能追加 #9073: --fix-dry-run CLI オプション エディタ連携等の開発者向けです。 この CLI オプションは、--fixと同様にソースコードの自動修正を実行しますが、ソースコード ファイルを修正せず、デフォルトではどこにも表示しません。--fix-dr

      ESLint v4.9.0 - Qiita
    • @typescript-eslintを使ってTypeScriptでもESLintする@2019 - ひと夏の技術

      3行 MSのTSチームがESLintを推進させ始めた まだ完璧ではないがだいぶ安定してきてそろそろTSでも現実的にESLintできるようになってきた気がする やってみましょう 手っ取り早く動かす設定だけみたい人は 💁🏻‍♀️ My airbnb based ESLint config for "typescript-eslint" with React & prettier · GitHub なぜTSでESLint? Q. TSLintあるんだしTSLintじゃダメなの? A1. ESLintにある便利なルールがTSLintにない(あるいは実現できない)ことがある 例えばReactのルールをやってるeslint-plugin-reactには(react/no-array-index-key)というルールがあって、配列のindex値をコンポーネントのkeypropsに使うと怒ってくれるも

        @typescript-eslintを使ってTypeScriptでもESLintする@2019 - ひと夏の技術
      • ヤバいESLint/TSLintルール作っちゃったかもしれない

        Transcript Ϡό ͍ E S L i n t / T S L i n t ϧ ʔϧ ࡞ ͬ ͪ Ό ͬ ͨ ͔ ΋ ͠ Ε ͳ ͍ 2 0 1 8 . 4 . 2 4 R o p p o n g i . j s # 2 P ro f i l e • ϑϩϯτΤϯυΤϯδχΞ at PERSOL • GitHub: boiyaa
 Twitter: boiyaaaaaa Ͳ Μ ͳ ϧ ʔϧ ͔ return จΛېࢭͯ͠Έͨ eslint-plugin-no-return tslint-no-return ݩʑ͸ଞͷؔ਺ܕݴޠνοΫͳจ๏Λਅࣅ͔ͨͬͨ
 ˍؔ਺ͷॻ͖ํΛἧ͔͑ͨͬͨతͳಈػɻ // Error function foo(bar) { const baz = bar ** 2; return baz; } // Error const foo = function

          ヤバいESLint/TSLintルール作っちゃったかもしれない
        • ESLint ルール 一覧 (日本語)

          ESLint ルール を一通り日本語訳して一覧化してみました。 記載はできるだけ「デフォルトがどのような状態か」という内容で記載しています。 なお、最新情報および詳細情報は ESLint - Rules を参照してください。

          • Why I don't use Prettier

            [[toc]] 中文 Chinese Version I have started writing this post multiple times but never ended up posting it. I wasn't able to figure out a proper way to express my position about Prettier. But this time, I think I should try harder to explain that for future reference. First of all, I am not against Prettier. Actually, I love it. I Love Prettier Prettier is a great tool, and it saved me a lot of time

              Why I don't use Prettier
            • Investigate switching away from GitHub · Issue #5205 · eslint/eslint

              As ESLint has continued to grow, we've started to outgrow the GitHub ecosystem. Team members spend hours each day triaging issues, many of which have incomplete information or are otherwise unclear. As such, we spend a lot of time just asking for more information ("what do you mean?", "what version are you using?", etc.). This has become increasingly frustrating for everyone on the team and ultima

                Investigate switching away from GitHub · Issue #5205 · eslint/eslint
              • GitHub - github/eslint-plugin-github: An opinionated collection of ESLint rules used by GitHub.

                You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                  GitHub - github/eslint-plugin-github: An opinionated collection of ESLint rules used by GitHub.
                • eslint-plugin-prettier を ESLint から 分離するサンプル – Intellij IDEA の設定変更も | DevelopersIO

                  eslint-plugin-prettier を ESLint から 分離するサンプル – Intellij IDEA の設定変更も すでにこちらの方の解説ブログもありますが、ESLint と Prettier を組み合わせる場合の推奨方法が変わりました。 Prettier と ESLint の組み合わせの公式推奨が変わり plugin が不要になった 本稿では リポジトリに適用してみて Before/After を具体的に見ていきます。 TL;DR エディタが ESLint にも Prettier にも対応しているならば ESLint から eslint-plugin-prettier を除外し、ESLint と Prettier が個別に実行されるようにする。 コンテンツ 推奨がどう変わったか どこをどう変更すればよいか Intellij IDEA / WebStorm の場合、どの設

                    eslint-plugin-prettier を ESLint から 分離するサンプル – Intellij IDEA の設定変更も | DevelopersIO
                  • 同じ名前で分割代入する場合はショートハンドで強制するESLintルールをTypeScriptで作った

                    2025/05/12 有識者から no-useless-rename というESLint本体に含まれているルールを紹介していただき、これでこと足りそうでした。 この記事のカスタムルールの内容自体はほぼ意味のないものになってしまいましたが、カスタムルールを作っていく過程においては参考になるところもあると思うので引き続き残しておきたいと思います。 始めに 弊社ではESLintルールのobject-shorthandを設定しており、ショートハンドで書けるものはショートハンドで強制されるようにしています。これによってコードがスッキリしたものになるのですが、一部ショートハンドにならないケースがありました。

                      同じ名前で分割代入する場合はショートハンドで強制するESLintルールをTypeScriptで作った
                    • A Comparison of JavaScript Linting Tools — SitePoint

                      Stay Relevant and Grow Your Career in TechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. Key Takeaways JavaScript linting tools such as JSLint, JSHint, JSCS, and ESLint help to avoid mistakes in coding by adhering to a coding standard and identifying potential errors. Each has its own pros and cons

                        A Comparison of JavaScript Linting Tools — SitePoint
                      • ホーム - CloneTracker

                        当社はCookieを使用して、お客様が当社のWebサイトでより良い体験を得られるようにしています。引き続き閲覧する場合は、プライバシーポリシーに同意したことになります。

                          ホーム - CloneTracker
                        • GitHub - royriojas/eslint-friendly-formatter: A simple formatter/reporter for ESLint that's friendly with Sublime Text and iterm2 "click to open file" functionality

                          You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                            GitHub - royriojas/eslint-friendly-formatter: A simple formatter/reporter for ESLint that's friendly with Sublime Text and iterm2 "click to open file" functionality
                          • Using ESLint and Prettier in a TypeScript Project

                            Using ESLint and Prettier in a TypeScript Projectpublished on February 10, 2019 When it comes to linting TypeScript code, there are two major linting options to choose from: TSLint and ESLint. TSLint is a linter that can only be used for TypeScript, while ESLint supports both JavaScript and TypeScript. In the TypeScript 2019 Roadmap, the TypeScript core team explains that ESLint has a more perform

                              Using ESLint and Prettier in a TypeScript Project
                            • ブラウザに広くサポートされていない CSS を検証する require-baseline ESLint ルール

                              ブラウザに広くサポートされていない CSS を検証する require-baseline ESLint ルール 2025.02.22 Baseline はブラウザで利用可能な JavaScript や CSS のサポート状況を明確化するプロジェクトです。ESLint/CSS の require-baseline ルールを使用することで、Baseline でサポートされていない CSS プロパティや値を検出することができます。 ブラウザによる CSS のサポート状況の差異は、Web 開発者にとって頭痛の種です。新しい CSS プロパティや値を使用する際には、それがどのブラウザでサポートされているかを確認する必要があります。Baseline はそのような問題を解決するためのプロジェクトです。ブラウザで利用可能な JavaScript や CSS のブラウザのサポート状況を明確化することで、We

                                ブラウザに広くサポートされていない CSS を検証する require-baseline ESLint ルール
                              • ESLintについての細かいあれこれ - Qiita

                                { "env": { "node" : true, "browser" : true }, "ecmaFeatures" : { "jsx": true, "objectLiteralShorthandMethods" : true }, "plugins": [ "react" ], "rules": { "react/display-name": 1, "semi" : [2 , "never"], "strict" : false, "key-spacing" : [2, { "beforeColon" : true, "afterColon" : true, }], "no-unused-vars": [1, {"vars" : "all", "args" : "after-used"} ], "no-comma-dangle" : false } } ES6 && JSXを使うの

                                  ESLintについての細かいあれこれ - Qiita
                                • ESLintのエラールール。日本語ざっくり解説[ES6編] - Qiita

                                  ※こちらは2015/9/25日の古い記事です。(ESLint v1.5.1 released 22 September 2015) 現時点(2019/9/25)ではESLint v6.4.0です。 最新のドキュメントを読みに行くことを強くオススメします。 (近いうち新たに加筆してこちらに更新する予定です) ESLintのエラールール。日本語ざっくり解説[ES6編] こんにちは。森田と申します。芸人をしています。今回は ESLintのエラールール。日本語「ざっくりしたの」ないのか、と思ってぐぐしてもなさそうなので書きました。 よろしくお願いします。 ※使い方はこちら ※ここに載っているのが「ESlintのルール全て」ではありません。 他にこちら書きました ESLintのエラールール。日本語ざっくり解説[可能性あるエラー編] ESLintのエラールール。日本語ざっくり解説[ベストプラクティス編

                                    ESLintのエラールール。日本語ざっくり解説[ES6編] - Qiita
                                  • ESLint v2.8.0 - Qiita

                                    前 v2.6.0 | 次 v2.9.0 ESLint v2.8.0 released: https://t.co/DnXHJH72rF — ESLint (@geteslint) April 15, 2016 小さな機能改善といくつかのバグ修正が行われました。 質問やバグ報告等ありましたら、お気軽にこちらまでお寄せください。 日本語の Issue 管理リポジトリ: https://github.com/eslint/eslint-jp チャット: https://gitter.im/eslint/eslint-jp 今回は機能改善等よりも、JSCS チームが ESLint チームに合流したことのほうが大きなニュースですね。 Welcoming JSCS to ESLint! https://t.co/UIMmL3jsQn — ESLint (@geteslint) April 14, 20

                                      ESLint v2.8.0 - Qiita
                                    • eslint-plugin-react-hooks

                                      This ESLint plugin enforces the Rules of Hooks. It is a part of the Hooks API for React. Note: If you're using Create React App, please use react-scripts >= 3 instead of adding it directly. Assuming you already have ESLint installed, run:

                                        eslint-plugin-react-hooks
                                      • ESLint Joins The jQuery Foundation - ESLint - Pluggable JavaScript Linter

                                        Published 19 Apr, 2016 under Announcements ESLint Joins The jQuery Foundation We are happy to announce that ESLint is now part of the jQuery Foundation. This is a huge step and we share what this means for the project. We're also looking forward to its growth throughout the open source community. I’ve believed for a while that once an open source project reaches a certain level of ubiquity, the ma

                                          ESLint Joins The jQuery Foundation - ESLint - Pluggable JavaScript Linter
                                        • ESLintで開発環境をエンチャント - Money Forward Developers Blog

                                          フロントエンドエンジニアの渡辺です。 業務委託で働いてる身ですが記事書くことになりました。懐深い。 先日「ESLintのルール設定を全て確認して設定をする」ということをしました。 (ESLintはv4.0.0時点で240以上の設定項目があります。) 普段はルール設定が膨大なので必要な項目しか見ないのですが、 全てに目を通してみると得られた知見が多くあったので共有します。 設定方針 まず、ESLintの膨大なルール設定をどう設定するかを決めます。 やり方は大体3パターンに分類できます。 緩いルール設定(eslint:recommendedなど)を元に、設定を足して厳しくする。 厳しいルール設定(airbnbなど)を元に、設定を引いて緩くする。 既存のソースコードを解析し、ESLintの機能でルール設定を自動生成する。 今回は「入れたいルールに絞って設定したい」という思いがあり、 eslint

                                            ESLintで開発環境をエンチャント - Money Forward Developers Blog
                                          • GitHub - mysticatea/if-node-version: Run a shell command if it's on the node of specified versions.

                                            You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                              GitHub - mysticatea/if-node-version: Run a shell command if it's on the node of specified versions.
                                            • GitHub - prettier/eslint-config-prettier: Turns off all rules that are unnecessary or might conflict with Prettier.

                                              You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                GitHub - prettier/eslint-config-prettier: Turns off all rules that are unnecessary or might conflict with Prettier.
                                              • セミコロンに関する ESLint ルール - Qiita

                                                まえがき ESLint seems like the light saber of the ASI Wars these days. — Nicholas C. Zakas (@slicknet) 2018年1月12日 JavaScript の言語仕様に ASI 利用に関する警告を追加しようという動きがあって、セミコロン スタイルに関する議論が再燃しているようです。その中で「スタイルに関わらず避けられない落とし穴はあるので Linter ツールを利用すべき」というお話もあったので、セミコロンに関する ESLint ルールをまとめました。 ASI とは Automatic Semicolon Insertion (自動セミコロン挿入) の略。改行のある場所で構文エラーが検出されたときに自動的にセミコロンを挿入して再解釈する JavaScript の言語機能のこと。 セミコロン関連ルール 書式

                                                  セミコロンに関する ESLint ルール - Qiita
                                                • いつのまにかeslint-plugin-prettierが推奨されないものになってた

                                                  はじめに VSCodeのsettings.jsonを見直している中でフォーマッタの設定についてEslint、Prettierのドキュメントを見ていたらPrettierの公式ドキュメントで↓のページを見つけた。 Integrating with Linters#Notes When searching for both Prettier and your linter on the Internet you’ll probably find more related projects. These are generally not recommended, but can be useful in certain circumstances. First, we have plugins that let you run Prettier as if it was a linter rul

                                                    いつのまにかeslint-plugin-prettierが推奨されないものになってた
                                                  • eslint-plugin-vue を作っている話 - Qiita

                                                    4日朝に Vue.js #1 アドベント カレンダーを見たら3日のぶんが空いていたので急遽書きました。 私は .vue ファイルを静的検証するための ESLint Plugin を開発しています。 eslint-plugin-vue ( ESLint についてはこちら: ESLint 最初の一歩 ) このプラグインを使うと、.vueファイルのテンプレート部分について、リアルタイムで構文エラーを検出したり、v-bind 等のディレクティブの使い方が間違っていたときに指摘してくれたりします。また、公式の Vue.js スタイルガイド に沿うように自動成形することもできます。 🏃 試してみる eslint-plugin-vue を簡単に試してみるために、オンライン デモがあります (1度アクセスすれば、以後はオフラインでも使えます)。ここでコードを入力して、どのようなエラーが出るのか、どのよう

                                                      eslint-plugin-vue を作っている話 - Qiita
                                                    • Configuring emacs to use eslint and babel with flycheck for javascript and React.js JSX | CodeWinds

                                                      Configuring emacs to use eslint and babel with flycheck for javascript and React.js JSX ES6 and JSX are awesome, but because they are relatively new, there is little documentation on how to set them up with your environment. After spending time tracking down all the pieces and configuring for use with emacs, I created this article to help those that will follow. It enables realtime linting of JS a

                                                        Configuring emacs to use eslint and babel with flycheck for javascript and React.js JSX | CodeWinds
                                                      • PrettierをEslintと連携してコード自動整形かつVisual Studio Codeでオートフォーマットする | nabeliwonote

                                                        prettier は JavaScript のコードフォーマッター。 そして prettier-eslint-cli を使うと勝手に .eslintrc の設定見つつフォーマットしてくれるので最高に便利だった。 そんなわけで ❤️ My Favorite Editor ❤️ である Visual Studio Code での快適なコードフォーマット環境を作るためにいろいろ調べたことをメモしました。 やったこと まずは普通にprettier使ってみる Visual Studio Code で保存時に自動フォーマット チーム開発のための git commit 時の自動フォーマット って感じ。 まずは普通にprettier使ってみる 必要なのは prettier-eslint-cli くらい。 あとは別途 eslint の設定を作っておく必要があるけどそこはまあお好きに。余談だけれど個人的に @

                                                          PrettierをEslintと連携してコード自動整形かつVisual Studio Codeでオートフォーマットする | nabeliwonote
                                                        • プロジェクトの Dockernize と肥えた node_modules

                                                          node アプリ + HTML/CSS/JavaScript のリポジトリを Dockernize したときの話。最近 Docker の機運が高まっているのはたまたまです。 同じプロジェクトのバックエンドのリポジトリ(ただし別言語)が Dockerfile 内で依存解決をしていたので、おもむろに RUN cd /src && npm i && npm run build 的な処理を記述したら時間がかかりすぎて爆死しました。 予想はしてましたが node_modules 以下の依存ツリーが肥大化しているのが原因です。 $ du -k -d 1 node_modules | sort -nr 466792 node_modules 85224 node_modules/sc5-styleguide 60400 node_modules/gulp-svg-sprite 32844 node_mo

                                                            プロジェクトの Dockernize と肥えた node_modules
                                                          • 1分でわかるESLintの使い方とインストール手順

                                                            ESLintとは JavaScriptのコードが正しいかチェックするツール。 以下の手順で簡単にインストールして使用可能。 バージョンは6.8.0のものなので使用バージョンによっては質問内容が異なる場合がある。 1. npmをインストールする https://nodejs.org/ 2. ターミナルを開く ターミナル(コマンドプロンプト)でESLintをインストールするディレクトリに移動 cd ディレクトリのパス 3. ESLintをインストールする npm i -g eslint または sudo npm i -g eslint 4. ESLintの初期設定を行う eslint --init How would you like to configure ESLint? と表示されるので「To check syntax, find problems, and enforce code s

                                                              1分でわかるESLintの使い方とインストール手順
                                                            • GitHub - eslint/css: CSS language plugin for ESLint

                                                              You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                                GitHub - eslint/css: CSS language plugin for ESLint
                                                              • Commitzenで開発環境を整備

                                                                概要 本記事では、Commitzen を利用し、コミット環境を整備していきます。具体的には、以下についてカバーします。 commitzen で対話的にコミットメッセージを入力可能にする cz-customizable で commitzen のプロンプトをカスタマイズする commitlint でコミットメッセージが規約に沿っているかチェックする husky でコミット前にコミットメッセージが規約に沿っているかチェックする lint-stage でステージングエリアに追加されたファイルに対して ESLint の Linting と Prettier のフォーマットを実行 本記事の構成 Next.js で作業環境を構築 ESLint を設定 Prettier を設定 husky を設定 lint-staged を設定 commitlint を設定 commitzen を設定 cz-custo

                                                                  Commitzenで開発環境を整備
                                                                • TSLintを使うTypeScriptプロジェクトにコードフォーマッタPrettierを導入する - Qiita

                                                                  TypeScriptのプロジェクトへのPrettierの導入紹介です。 (2019-02-11 ESLintのTypeScriptサポート強化が表明されていることをふまえて追記: この投稿はTSLintとPrettierを組み合わせる場合について記述しています。ESLint+Prettier for TypeScriptについてではないことにご注意ください。) Prettierとは Prettierはコードフォーマッタです。JavaScript(ES2017含む)、JSX、Vue、Flow、TypeScript、CSS(Less,SCSS)、JSON、GraphQL、Markdownとフロントエンド開発で使われる言語/仕様に多く対応しています。適用することでコードに一貫したスタイルをもたらします。 一貫したスタイルは読みやすさ、ひいては保守性につながる大正義です。 また、後述するように保存

                                                                    TSLintを使うTypeScriptプロジェクトにコードフォーマッタPrettierを導入する - Qiita
                                                                  • 2020-05-12のJS: ESLint v7.0.0、Next.js 9.4、npm 7の変更予定

                                                                    JSer.info #487 - ESLint 7.0.0がリリースされました。 ESLint v7.0.0 released - ESLint - Pluggable JavaScript linter ESLint v7.0.0 の変更点まとめ - Qiita メジャーアップデートであるため、ビルトインルールの変更が含まれています。 eslint:recommendedのルールを更新、いくつかのビルトインルールのデフォルトオプションの変更、Node.js関係のビルトインルールをeslint-plugin-nodeへ移行などが行われています。 また、.eslint.jsをデフォルトでignoreしないように変更、--configや--ignore-pathオプションでのパスの扱いの変更、プラグインの読み込み元ディレクトリが.eslintrc.*を基準とする変更なども含まれています。 その

                                                                      2020-05-12のJS: ESLint v7.0.0、Next.js 9.4、npm 7の変更予定
                                                                    • TypeScriptのnamespaceは非推奨ではない - Qiita

                                                                      結論から 公式の TypeScript ドキュメントの何処にも namespace を非推奨と示唆する記載は無い。 尚且つ microsoft/TypeScript#30994(comment) で TypeScript チームのリード開発者である Ryan Cavanaugh 氏が述べているように将来的に廃止される事も無い。 TypeScript の namespace について調べると公式では無い記事や投稿で非推奨(deprecated)というワードが目立つ事、tslint や typescript-eslint を使用していると namespace の使用で注意されてしまう事などから非推奨と認識されてしまっていると推測する。 個人的に「非推奨」という強いワードは「使用するな」というメッセージ性を感じる。開発者同士の間で誤解を生みかねないため namespace は非推奨では無いと伝え

                                                                        TypeScriptのnamespaceは非推奨ではない - Qiita
                                                                      • Welcoming JSCS To ESLint - ESLint - Pluggable JavaScript Linter

                                                                        Published 14 Apr, 2016 under Announcements Welcoming JSCS To ESLint We are happy to announce that, effectively immediately, the JSCS team is now part of the ESLint team. We would like to invite everyone to welcome Marat Dulin, Oleg Gaidarenko, Mike Sherov, Alexej Yaroshevich, and Henry Zhu, and we're looking forward to working with them all. ESLint and JSCS started out at roughly the same time, ju

                                                                          Welcoming JSCS To ESLint - ESLint - Pluggable JavaScript Linter
                                                                        • Announcing typescript-eslint v7 | typescript-eslint

                                                                          typescript-eslint is the tooling that enables standard JavaScript tools such as ESLint and Prettier to support TypeScript code. We've been working on infrastructure improvements that will help ensuring long-term interoperability with other tools in the ecosystem. In particular this major release tightens our dependency requirements to help set us up for ESLint v9 and includes a new package typescr

                                                                            Announcing typescript-eslint v7 | typescript-eslint
                                                                          • Node.js のための ESLint プラグイン紹介 - Qiita

                                                                            こんにちは。 ESLint のメンテナ1や npm-run-all 等 npm-scripts 向け CLI ツールの開発をしている @mysticatea です。 今回は Node.js アドベント カレンダーということで、eslint-plugin-node を紹介したいと思います。 eslint-plugin-node は、Node.js 向けに特化した ESLint の追加ルールを定義しているプラグインです。 ESLint 本体に付属しているルール群 (通称コアルール) にも Node.js に特化したものがありますが、このプラグインのルールは諸事情2によりコアに入れなかったルールたちです。 ESLint 自体についてはこちらの記事をご覧ください。 ESLint 最初の一歩 インストール ESLint プラグインですので、npm を利用してインストールします。 ESLint をグロ

                                                                              Node.js のための ESLint プラグイン紹介 - Qiita
                                                                            • ESLint v8のEOLなど: Cybozu Frontend Weekly (2024-09-10号)

                                                                              こんにちは! サイボウズ株式会社フロントエンドエンジニアの Saji (@sajikix) です。 はじめに サイボウズでは毎週火曜日に Frontend Weekly という「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。 今回は、2024/9/10 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 Paragraphs | scottohara.me HTML における「段落(paragraph)」の概念と、その適切な使用について解説した記事です。 HTML の paragraph は、<p> 要素だけでなく他の要素も含む広い概念で、スクリーンリーダーは <p> 要素だけでなく、<span>, <div>,<li> なども段落として認識します。そのため role=paragraph のような ARIA ロールは、

                                                                                ESLint v8のEOLなど: Cybozu Frontend Weekly (2024-09-10号)
                                                                              • Google App Scriptをモダンな開発っぽくする環境を作ってみた(ES6, browserify, eslint, mocha) - nagashigaki

                                                                                お前は今更何を言ってるんだ?というテーマですが整理するために。 Google App Script(以下GAS)とはjavascriptでGoogle App(今ではG suite?)の豊富な機能を堪能でき、ある程度の作業を自動化することができます。しかも無料で!指定時間に勝手にスクリプトを起動することもできちゃいます。 例えば、複数のcsvをDriveにアップしてボタンをポチっとするだけで目的のデータが揃い、そのデータをメールで飛ばしたりできるのは非常にありがたいです。 導入する環境 環境を整える npmとgitの初期化 babel gulpまわり browserify テストツール eslint ファイル構成 gulpfileの作成 お疲れさまでした 開発する 雑談 導入する環境 このGASの機能をもっと使いこなしたい。具体的には npmで管理 es6 gulp browserifyで

                                                                                  Google App Scriptをモダンな開発っぽくする環境を作ってみた(ES6, browserify, eslint, mocha) - nagashigaki
                                                                                • GitHub - prettier/eslint-plugin-prettier: ESLint plugin for Prettier formatting

                                                                                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                                                    GitHub - prettier/eslint-plugin-prettier: ESLint plugin for Prettier formatting