Biome と Git/GitHub を活用したJSバンドル差分表示ツールの開発 - Techtouch Developers Blog
こんにちは！フロントエンドエンジニアの all-user です。 最近、家族全員で夜9時以降を緩めのデジタルデトックス時間にしてみました。 やってみるとオセロとかトランプみたいなアナログな遊びを模索するようになるのが面白いです。 さて今回は、Biome と Git/GitHub を活用したJSバンドル差分表示ツールについてご紹介します。 フロントエンド開発者が抱える漠然とした不安 既存ソリューションの検討 差分表示ツールの設計 基本アイデア ブランチの運用方法 ③ベースビルトブランチ ④現在ビルトブランチ ⑤PR作成ブランチ 比較基準点の決定 全体ワークフロー 導入の効果 レビュー品質の向上 レガシー設定の削除が容易に 予測と結果の一致確認 JSファイル以外の成果物差分も可視化 実装上の工夫 Biome による高速フォーマット Git の Tree Hash ベースのキャッシュ戦略 マルチ
Gitのコミットグラフを可視化できるGitGraph.jsがおもしろい - Qiita
プレゼン資料を作っている時に「このコミットグラフをMarkdownかテキストで書けたらな」と思ったことがある人、結構いるのではないでしょうか。 GitGraph.js を使うと、JavaScriptで記述したコミットログをcanvasを使って可視化できることを知りました。なかなかおもしろいです。 準備 まず GitGraph.js の JavaScript と CSS ファイルを読み込みます。GitHub からソースをcloneするなり、bowerを使うなり、CDNを使うなり、お好みで。ここではコミットグラフを定義するコードも別ファイル index.js に書くことにします。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>GitGraph.js</title> <link rel="stylesheet" type=
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Codeit | Mobile code editor connected to Git
GitHub - isomorphic-git/isomorphic-git: A pure JavaScript implementation of git for node and browsers!
GitHub - creationix/js-git: A JavaScript implementation of Git.
