husky

こんにちは、株式会社クラウドワークスでエンジニアをしている、松尾です。 早いものでエンジニアになって、1.5年です。いや〜〜早い。 時の流れ早すぎ。。 最近、huskyとlint-stagedを用いて、下記の仕組みを作りました ステージングしたファイルに対して、コミット時stylelint, eslintを実行して、エラーの箇所を気づけるようになる 上記の具体的な解説記事というよりかはやってみた結果どうなん？的な記事です。 なぜやった？ huskyで何をした？ 「コミット時に毎回lintが実行されたら、ちょっと待たされるのでは？」という疑問に解答 【ビフォーアフター】husky導入の前後 【ビ…

lint 自動実行の必要性 前回も説明した通り、nextjs で build するときは自動で lint も走るようである。 例えば以下のコード。 'use client'; import React, {useState} from 'react'; export default function Home() { const isTrue = Math.random() > 0.5; if (isTrue) { const [count, setCount] = useState(0); } return <div>Hello, world!</div>; } build 自体はできるはず…

フロントエンドの基盤開発をしている、みゅーとんです。 弊社のプロジェクトでは、実装開始初期から、コードフォーマットするルールがありませんでした。 コードフォーマットを全体に強制させる方法として、最も手間最小で時間がかからない方法を模索し、 これでストレスなく自動フォーマット (eslint, prettier) を回せるようになったので、 試行錯誤していた頃の方法も含めて紹介します。 前提 前提として、eslint, prettier がインストールされていて、設定値の整備が完了しているものとします。 設定値については今回は取り上げません。 具体的には、以下のコマンドでインストールがされていて…

typicode.github.io husky https://typicode.github.io/husky/#/?id=manual のとおりにhuskyをインストールして、npm scriptsのprepareにhusky installを設定する lint-staged qiita.com を参考にlint-stagedをインストールして、.husky/pre-commitにyarn lint-stagedの実行を定義してpackage.jsonにlint-stagedで行うことを定義する monorepo対応 特定のディレクトリ（今回はフロントエンド用ディレクトリ）だけhusky…

こんにちは！どこでもGOです！ 東京都品川区の中延に自動販売機のセレクトショップ「ピッポン」が、2021/12/16（木）にオープンしました。名前の通り、選りすぐりの品ばかりの自動販売機が8台も勢揃い！ピッと押したら、ポンと出て来ます。めずらしいキャビア、HUSKYのジェラート、京鼎樓などあります。 ご紹介します。 目 次 1. ピッポンとは 2. どんな自販機があるの？ 2.1 キャビア 2.2 ジェラート 2.3 洋 食 2.4 中 華 2.5 おでん 2.6 たこ焼・お好み焼き 2.7 韓国惣菜 2.8 チャンジャ、キムチ 3. 購入方法 4. ギョーザ共和国 5. 自販機設置の最近の状…

はじめに 前回、Git運用記事の第一弾として「コミットメッセージを統一する」という記事を書きました。 今回はその第二弾として「コミットメッセージをチェックする」について書きたいと思います。 記載する内容 コミットメッセージを統一する ←前回の記事 コミットメッセージをチェックする ←今回はこれ ログ＆バージョニングを管理する 目的 コミットメッセージをチェックする目的ですが、もちろん「コミットメッセージが(Semantic CommitsやConventional Commitsの)規約に沿ったフォーマットであるか」をチェックするためです。 詳細は次回書きますが、ログ＆バージョニングでは、コミ…

こんにちは！どこでもGOです！ 昨年は特に変わり種自販機が多く登場しましたね。コロナ禍で人との接触を避けられる自販機が人気に！メーカーもやっと開発・製造体制が整ったので、こんなのまで売っているの？と、いろいろな種類のが展開され始めています。そんな中、ピッポン自動販売機のセレクトショップでジェラートを買いました。 ご紹介します。 目 次 1. HUSKYの自販機 2. 何が買えるの？ 3. 狭山ほうじ茶＆丹波の黒豆 ジェラートに決定 4. 食べてみた 5. 基本情報 1. HUSKYの自販機 東京都品川区の中延に自動販売機のセレクトショップ「ピッポン」が、2021/12/16（木）にオープンしま…