【2020冬】 TypeScript + Prettier + ESLint + VSCode の設定 - Qiita
概要 eslint-plugin-prettier が非推奨になったらしい。 いつのまにか eslint-plugin-prettier が推奨されないものになってた | K note 以下の要件を満たしつつ、ESLint の config から Prettier を分離したい。 VSCode からフォーマッタを実行できる。 非 VSCode 民でも npm script からフォーマッタを実行できる。 CI でフォーマッタ未適用コードをエラーにできる。 TL;DR src: https://github.com/arx-8/try-separate-eslint-and-prettier/commit/0d0f92201ca2102f20893b26fd23a902621aba41 やったこと VSCode からフォーマッタを実行 以下の通り移行。 prev: 拡張機能 dbaeumer
アイコンよりどりみどりの PlantUML 構成図を書く - Qiita
モチベーション 色んなアイコン使いたい。 AWS アイコン (2018 以降 ver.) 言語アイコン 一般的なサーバーアイコン etc. AWS アイコンのみの構成図サンプルは見つかるが、他はないの？ 細かい定義・仕様はいいから、コードで語れ。 という方向け。 要件 とある商品管理システム。 フロントエンドは、 AWS S3 + CloudFront でホスティングした SPA。 バックエンドは、Python + Flask on EC2。 どこかのレコメンドシステムにも接続しているらしい。 サンプル構成図 サンプルコード コード @startuml title 商品管理システム ' @see https://github.com/awslabs/aws-icons-for-plantuml/tree/v5.0 !includeurl https://raw.githubusercont
Bookmarkable Diff - ブックマークできる Diff ツールを作った - Qiita
URL デモ モチベーション Mac でサクッと diff とりたい diff 結果を他人に共有したい でも diff 結果を外部に保存したくない 現状 過去色々なデスクトップアプリを試したが、どれも肌に合わなかった。 WinMerge を Wine で起動し html 出力する日々にも疲れてしまった。 簡単に diff できる Web サイトはいくつかある。 しかし、結果を他人に共有したいとなったら、どこもテキストを得体の知れないサーバー側に保存しようとする。 これはいただけない。 ないなら作ればいいじゃない。 大雑把な仕組みの説明 https://www.npmjs.com/package/diff 強い。 1 文字入力ごとに diff が実行されても無駄なので、 lodash/throttle で間引いている だから、diff の反映が入力から少し遅れて見える。代わりに、入力はスムー
JavaScript/TypeScript で Promise を直列実行できるが、結局どう実装すればよいのか？（可読性・実行速度） - Qiita
単位は byte es2016以下の場合 async/await を使用した場合、トランスパイルで polyfill が挿入される よって、 async/await を使用しなければ、polyfill 分のサイズを削減できる ただし、その他の実装でも一切 async/await 使ってない場合に限る src全体で見て、他の実装で async/await を使っている場合、その実装のために polyfill が挿入される そのため、直列実行の実装を工夫しても polyfill 分のサイズは必ず増える es2017以上の場合 いずれの実装も、polyfillは挿入されない よって、書いたコード分のファイルサイズになる 所感 まぁ、妥当な結果 ベンチマーク 各 target の出力結果の JavaScript を実行 1 スレッド、100 Promise の直列処理 * 5 回計測の平均 es5
JavaScript/TypeScript で Promise を直列実行する - Qiita
2019/05/19 追記 パフォーマンス測定した JavaScript/TypeScript で Promise を直列実行できるが、結局どう実装すればよいのか？（可読性・実行速度） 目的 複数の Promise を直列実行したい 同期的実行・シーケンシャル・シリアルなど呼び方色々あるが、とにかく Not 並列に Promise[] を実行したい Promise.all のような書き心地がいい 技術的な正しさを追求した記事ではなく、雰囲気で使いこなせることを優先した記事である 動作イメージ この記事に出てくるサンプルコードについて Promise, async/await はなんとなくわかってる人向け axios で書いている 標準の fetch は、ボイラープレートコードが読みづらい・この記事の本質から外れそうなのでやめた よって、試す場合は jsfiddle などで実行のこと やりす
GitHub上でSwaggerをプレビューできるChrome拡張機能を作った - Qiita
概要 GitHub 上で、Swagger の yaml | yml | json を Swagger-UI に変換できる Chrome 拡張機能を作った。 その紹介。 「Swagger とは？」という話は、下記等を参照のこと。 Swaggerの概要をまとめてみた。 - Qiita Demo クリックするだけ。簡単に変換できる。 全展開・全折り畳みができて便利。 インストール Chrome Web Store からインストールできる。 swagger-viewer - Chrome ウェブストア 特徴 簡単 1クリックで変換できる 依存なし この拡張機能のみで動作する Web の Swagger Editor を開いたり、ドキュメント生成サーバーを起動する必要なし セキュア（たぶん） 外部ネットワークへの送受信はないため、業務でも使用できる ※自己責任でお願いします たぶん Chrome の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
