タグ

2020年6月10日のブックマーク (7件)

  • HTMLプリプロセッサの出力をjs-beautifyで整形 - Qiita

    PugやEJSなどのHTMLプリプロセッサはとても便利だが、出力後のHTMLファイルはインデントや改行などが汚いので、そのまま客先に納品するのがはばかられる。そこで、js-beautifyというパッケージを使ってインデントや空白をバッチで除去できるスクリプトを作成した。 js-beautifyのインストール npm install --save-dev js-beautify js-beautifyのオプション オプション一覧 CLIオプション オプション 説明

    HTMLプリプロセッサの出力をjs-beautifyで整形 - Qiita
    kathew
    kathew 2020/06/10
  • prettier時代のESLintの設定 - Qiita

    prettierとはコードフォーマッタである。 コードのフォーマットを完全に自動化してくれる恩恵は大きく、現状prettierを使わない理由はない。 go fmtみたいなものでユーザが設定を書くのではなくライブラリ側で一意に決まる。 Atomの設定をしていれば、保存するたびに修正されるので何も考えずに導入すればいいと思う。 Reactのjsxやflowも対応している。 すでにeslintよりもgithubのスターが多いのは驚くが。 prettier/prettier: Prettier is an opinionated JavaScript formatter. しかし、問題はeslintと役割が一部かぶることだ。 prettierが直すそばからeslintがそれを直すようにエラーを出し、そのeslintのruleを無効化したり見直したりする作業を繰り返すのはしんどい。 そこでeslin

    prettier時代のESLintの設定 - Qiita
  • AtomでESLintとPrettierをAirbnbルールで使う - Qiita

    はじめに この記事では、エディタAtomを使ってJavaScriptのコードを書くときに、Airbnbのルールで構文エラー解析と自動フォーマットする方法をザックリとまとめています。 細かい説明はせず、私のような初心者を対象に、「ESLintって何?」というところから説明します。 なお私は詳しいことは理解できていなくて、今後同様の設定をするときに困らないようにするためのメモなので、間違いなど多々あるかもしれません。 その時はご指摘いただけると大変助かります! なお、ここではAtomを使っていますが、VSCodeでも同様のことができるようです。 主に「プロジェクトにパッケージをインストール」する箇所と「エディタのプラグインパッケージをインストールする」箇所に分かれるので、後者をVSCodeの方で実行してもらえれば良いかもしれません(試していないですが、プロジェクト内では私以外はVSCodeでし

    AtomでESLintとPrettierをAirbnbルールで使う - Qiita
  • Atom & Vue.js & ESLint で自動整形環境構築 - Qiita

    はじめに 整理された情報を見つけられず細かい部分でちょくちょく詰まったのでまとめておきます。 稿の間違いにお気付きの方は指摘いただけますと幸いです ゴール Atomで.vueファイルを.eslintrc*に記述したルールの通り自動整形されるようにする ※違反箇所の表示もされないと不便なので合わせて対応します 前提 Node.jsインストール済 Vue.jsプロジェクト作成済 プロジェクト配下に環境構築する想定 グローバル環境の場合についても補足してるのでたぶんできます、たぶん ESLintの設定(.eslintrc*)の書き方はなんとなく知ってる たぶん関係ないけど、Mac OSで動作確認 導入手順 Vue.js & ESLint 連携 (ここはAtom無関係🙅‍♀️) eslint-plugin-vueを導入するだけ。 基的には以下の記事の通りに実施。 https://qiita.

    Atom & Vue.js & ESLint で自動整形環境構築 - Qiita
  • ESLintのルールを全部手動で設定するのは大変だからやめておけ - Qiita

    よく来たな。 お前がこの記事を見ているとゆうことは、やめておけとゆわれたことをあえてやろうとする真の男たらんとするものだろう。 軟弱な男たちがスマッホの予測変換に骨抜きにされている間にお前は反骨もあらわにここに来た。 おまえのそうゆう負けん気は実際大事だ。強くなければお前はメキシコで野垂れ死ぬだろう。 だが真の男と無謀は違う。 ときにお前は知の高速道路をもうダッシュするひつようがある。 つまり今がそのときとゆうことだ。 ESLintを入れろ お前のJavaScriptがぐちゃぐちゃなことをおれはしっている。 なぜならおまえはESLintを使っていないからだ。 お前はコードの荒野を踏破できるタフな男を気取っているが、それにも限界が来るだろう。 今のままではお前が倒れ目を伏せるのはベイブの隣ではなく混沌としたコードの掃き溜めだ。 まずはESLintを入れろ。 簡単だ。 お前のその目の前の板の黒

    ESLintのルールを全部手動で設定するのは大変だからやめておけ - Qiita
  • gitで差分ファイルを抽出してzipにまとめる方法

    Gitでファイル管理しているのに、クライアントがGit使っていないから納品ファイルを zip で送らなければならないなんてことがあったりします。 一度にまとめて送れる時は、ローカルのファイルをそのまま zip にするだけですが、なぜか「差分ファイルがどれかわかるようにください」なんていうなんとも面倒な依頼があったりします。 コマンド一発とかでいいからできないかなーと検索したところ、 Git 管理さえしていたらできる! メモ用エントリーとしてのこしておきます。 1個前のコミットから現在のコミットまでの差分を抽出してzip参考にしたのは下記。 gitで差分ファイルを抽出する - Qiita 1個前のコミットから現在のコミットまでの差分を抽出してzipする場合は下記のコマンドになるようです。 参考先のではdiffの最後が HEAD^ になっていたのですが、それではうまく動作せずにエラーになったの

    gitで差分ファイルを抽出してzipにまとめる方法
    kathew
    kathew 2020/06/10
  • RHEL5/CentOS5でGlobalSignのルート証明書が有効期限切れで大騒ぎ

    こんにちは。CTOの馬場です。 昨晩1/28 21:00JSTにRHEL5/CentOS5にインストールされているルート証明書のうち、GlobalSignの有効期限が切れました。 伴ってREHL5/CentOS5からのHTTPS(SSL)接続にてGlobalSignの証明書を使っているサイトへの接続がエラーになるようになりました。 私の確認している範囲では、 curlコマンドやPHPcurlライブラリなどでの接続時に接続エラーとなることに起因して以下のような影響が出ています。 ※接続される側ではなくて、接続する側での問題です※ oauthなどの外部認証が不可 決済などの外部連携が不可 対策 RHEL5の場合、errataが公開されているのでupdateしましょう。 Red Hat Customer Portal https://rhn.redhat.com/errata/RHEA-201

    RHEL5/CentOS5でGlobalSignのルート証明書が有効期限切れで大騒ぎ
    kathew
    kathew 2020/06/10