TypeScriptで知ってコードの安全性が上がったtips集

2024/03/20 241 users TypeScript Tips TIPS集 おかげ 型システム

TypeScriptを用いた開発では、その型システムを活かしてランタイムエラーを事前に防いだり、実装漏れを防いだりとコードの安全性の向上を図ることができます。 本記事では、個人的に知ったおかげでコードの安全性が増した！と感じたtipsをまとめました。 ※ なお、linterを用いたコードの安全性向上も非常に有効ですが、... 続きを読む

コンポーネントをアクセシブルに保つ技術

2023/12/21 11 users アクセシブル コンポーネントライブラリ Ubie 実装 技術

アクセシビリティ Advent Calendar 2023 21日目の記事です。 Ubie株式会社 デザインエンジニアのtakanoripです。 Ubieではデザインシステムの1要素としてコンポーネントライブラリの実装を進めています。その中でコンポーネントをアクセシブルに保つための仕組みをいくつか導入しているので紹介します。 Linter まず一番... 続きを読む

フロントエンドのLinterやCIを改善した話

2023/12/21 13 users リニューアルプロジェクト フロントエンド エム カイポケ エス

この記事は 株式会社エス・エム・エス Advent Calendar 2023 の21日目の記事です。 介護事業者向けの経営支援サービス「カイポケ」のリニューアルプロジェクトでフロントエンド開発をしている @hush_in です。 今年の4月にエス・エム・エスに入社しました。 入社してからフロントエンドのLinterやCIを改善した話をします... 続きを読む

ESLint の Suggestions から学ぶ、コードの自動修正の奥深さ - mizdra's blog

2023/12/04 9 users eslint SQLite mechairoi 間違 コード

これは、はてなエンジニアアドベントカレンダー2023 4日目の記事です。 3日目は id:mechairoi さんの「SQLiteでLinderaを使った日本語全文検索」でした。 blog.chairoi.me 今日のテーマは、JavaScript 向けの Linter 「ESLint」についてです。ESLint を使うと、JavaScript で書かれたコードを静的解析して、よくある間違... 続きを読む

TFLint: Terraform の Linter を活用しよう - kakakakakku blog

2023/08/03 13 users Terraform Homebrew ベストプラクティス

Terraform を使うときに記法やお作法を共通化してベストプラクティスに近付けるために TFLint を導入すると便利❗️ 最近 TFLint を導入する機会があったので作業ログをまとめる📝 github.com TFLint をセットアップする TFLint のセットアップは macOS だと Homebrew を使えば簡単〜 今回は TFLint v0.47.0 を前提にする... 続きを読む

linterを導入していなかったプロジェクトにlinterを導入しようとするときにまずやること - 私が歌川です

2023/05/25 18 users DSL スキーマ プロジェクト デフォルト設定 歴史

今どきlinterを使っていないプロジェクトなんて、と思われるあるかもしれませんが、歴史の長いプロジェクトだとそういうこともあるでしょうし、あるいは一部のDSLやスキーマ*1に対してのみlinterを走らせたいということもあるでしょう。 そういったプロジェクトに対してlinterを導入する前に、デフォルト設定でlinterを... 続きを読む

HTML-ESLintを試験導入しました - 虎の穴開発室ブログ

2022/12/08 7 users NEWT Advent Calendar とら 穴ラボ 本記事

本記事は虎の穴ラボ Advent Calendar 2022 - Qiita 8日目の記事です。 前日はrhさんの「国産ヘッドレスCMS「Newt」を使ってみた」でした。 こんにちは。最近引っ越しを考えている虎の穴ラボの大場です。 先日、とらのあな通販開発チームの開発環境にHTML用のLinterとして HTML-ESLintを試験導入しました。 当記事では、... 続きを読む

textlint - Linterの作り方

2022/11/18 103 users textlint Fit website Name 言語

[fit] textlint - Linterの作り方 自己紹介 Name : azu Twitter : @azu_re Website: Web scratch, JSer.info Book: JavaScript Primer アジェンダ Linterを作る人向けの話 Linterの考え方とアーキテクチャを一致させる 使うものを作ろう、作るために使おう textlint とは 自然言語(日本語や英語など)に対するLinter Mark... 続きを読む

私がVSCodeに入れている拡張機能

2022/10/13 21 users vscode 挙動 忘備録的 支障 拡張機能

記事の動機 VSCodeの拡張機能何入れてますか？と聞かれることが多いので忘備録的に残します。 Language Japanese Language Pack for Visual Studio Code 日本人なので、日本語が母国語です。 英語のUIでも操作に支障はありませんが、一眼でどういう挙動をするのか理解できる状態は作業の効率につながります。 Linter, Fo... 続きを読む

コードの複雑度をあげる Pull Requests を GitHub Actions で止めよう

2022/10/13 5 users GitHub Actions Pull Requests

循環的複雑度が閾値を超えた Pull Requests に、自動的に変更をリクエストする 「コードの品質を、維持したいよーーー」 ということで、テストや Linter を GitHub Actions で実行している環境はよくあると思いますが、今回は 循環的複雑度 を継続的に計測して、閾値を超えた場合に自動的に Pull Request に対して Reque... 続きを読む

fmt.Errorfのメッセージについての調査と、linterとしての実装について | CyberAgent Developers Blog

2022/06/25 7 users 実装 調査 メッセージ

自己紹介 澤田 2018年新卒入社。新卒研修を経てAmeba事業本部に配属され、Amebaブログのバックエンド開発に従事。好きな言語はGoで、最近は静的解析に興味を持っています。 小野 2021新卒入社のバックエンドエンジニアです。現在はAmeba事業本部にてブログ刷新プロジェクトの開発に携わっています。 この記事について こ... 続きを読む

Go公式のlinter、Golintが非推奨になった

2021/05/11 18 users Issue メンテ GO公式 プログラム スタイル

メンテがされていない 2018年から実質的な変更が加わってない Issueも放置されているものが多い golang orgに存在するlinterなのでGoが公式として推奨しているlinterに見える Go が実際には保守されていないプログラムを公式として推奨していることになる 開発者は合理的に異なるスタイルを採用したい場合がある Golint... 続きを読む

Pythonのlinter/formatterを誰でも手軽に設定できるようにするためのPFN社内ツール “pysen” の紹介 | Preferred Networks Research & Development

2021/03/26 14 users Formatter github.com 一元 Python

Home Blog Pythonのlinter/formatterを誰でも手軽に設定できるようにするためのPFN社内ツール “pysen” の紹介 Python向けのlinter/formatter設定ツール「pysen」を pypi.org および github.com で一般公開しました。 このツールは主にPython向けのlinter/formatterの設定を一元管理し、Preferred Networks社内でよく使わ... 続きを読む

ESLint の Plugin と Extends の違い | blog.ojisan.io

2020/06/15 5 users extends eslint blog.ojisan.io

module.exports = { ..., rules: { "quotes": [2, "double"], ... } } こういう感じで 設定ファイルに rule を書いておけば、linter がソースコードを検証してくれます。 ここでルールに反したものは report するというのが ESLint の大きな仕組みです。 設定ファイルにはたくさんの項目がありますが、それらは rule(そ... 続きを読む

GitHub - facebookexperimental/rome: An experimental JavaScript toolchain

2020/02/27 14 users GitHub Rome bundler Formatter

Rome is an experimental JavaScript toolchain. It includes a compiler, linter, formatter, bundler, testing framework and more. It aims to be a comprehensive tool for anything related to the processing of JavaScript source code. Rome is not a collection of existing tools. All components are custom ... 続きを読む

CUEを試して見る | Future Tech Blog - フューチャーアーキテクト

2019/10/01 54 users Cue JSON NSSOL 触れ込み エントリー

前回のエントリー、一周回って、人間が読み書きする設定ファイルはJSONが良いと思ったの続きです。 設定ファイルをどうするか問題はいろいろ悩ましい問題であります。そんな中、設定ファイル用言語という触れ込みのCUEがリリースされました。 すでに、NSSOLの方が、Linterとして使うという紹介記事をすでに書かれていま... 続きを読む

reviewdog x perlcritic x Jenkins で最高の GitHub レビューライフ - Mirrativ tech blog

2019/07/16 54 users GitHub reviewdog ＣＴＯ perl ミラティブ

ミラティブのサーバーサイドエンジニア、ハトネコエです！ 今日は、GitHub の自動レビューとして reviewdog を導入した話をします。 1. 動機 すでに CTO の夏さんによって、Perl 用の linter である perlcritic が導入されていました。 そして、テストが走る際に perlcritic のチェックもおこなわれ、 指摘箇所があれば... 続きを読む

プロジェクト固有のルールを指定できるLinterであるところのQuerlyがめちゃ便利 - Islands in the byte stream

2018/08/10 31 users RULES DSL AST Kibela github.com

https://github.com/soutaro/querly Rubyを構文解析したASTに対して独自DSLでパターンマッチ＆メッセージを出すツール プロジェクト固有の事情に配慮したLinterとして使える false positive 上等で注意喚起として使う たとえばKibelaの querly.yaml から一部抜粋するとこんな感じです。 rules: # ... - id: kibela.order... 続きを読む

シェルスクリプトのLinterとか文法チェックとか - @peccul is peccu

2015/05/15 30 users シェルスクリプト シェル ループ 文法チェック 下記

2015-05-16 シェルスクリプトのLinterとか文法チェックとか シェルスクリプト、大きめのものを書いているとどんどん不安になってくる。 あと、こう書くとよい。みたいなものがわかりにくい。 Linterを探してみた。 シェルの-nオプション シェルに実行せず確認だけというオプション-nがあるとのこと。下記は各種シェルで試すループ。 for shell in zsh ksh bash das... 続きを読む