BT

Webpack Dashboardがコンソール出力のUXを改善する

| 作者: David Iffland フォローする 4 人のフォロワー , 翻訳者 伊藤 貴洋 フォローする 0 人のフォロワー 投稿日 2016年8月21日. 推定読書時間: 3 分 |

原文(投稿日:2016/08/18)へのリンク

新しいツールとして登場した Webpack Dashboardは、今までコンソールベースだったツールのUXに失望していた開発者たちの間でヒットとなっている。

Formidable社のオープンソースディレクターであるKen Wheeler氏が語るところによると、Webpackが「重要な情報のコレクション」をターミナル出力に表示している中、彼はそれ以上を求めていた:

私が欲しい情報を取得するためには、いつも処理が終わるまで待ってから上のほうまでスクロールしないことには有用な情報を得られないことを面倒に感じていました。

Wheeler氏はより緻密で整然としたスタイルで情報を表示できる何かを作成することを決めた。パワフルなライブラリのblessed上で構築されたWebpack Dashboardは、Webpackのビルド情報を一目でわかるような形で提供する。ダッシュボードにはビルドの進行状況だけではなく、ビルド時のログやモジュールのリストも含まれる。

このプロジェクトの人気はコミュニティの核心を突いており、Wheeler氏はそのことについて驚いていない。「私はコミュニティが開発者のより良いエクスペリエンスを求めていると思っているし、これはまだ数ある実施可能な改善のうちの一つでしかありません」とInfoQに語った。FacebookのエンジニアであるDan Abramov氏はツールの反響について「より良いUXを持った開発ツールには巨大な需要がある」とツィートしている。

コミュニティの一部は、このツールの有用性を疑問視している。Hacker Newsでの、Kris Siegel氏のコメント

Webpackをセットアップして使った際に、開発者は本当にリコンパイル等をしてるかを確認するためターミナルを見ているのでしょうか?少なくとも私の周りでは、誰もそんなことをしていると聞いたことはありません。あなたはエラーか何かを確認するために見ているのでない限り、重要なものをそこで見ることはないでしょう。

Wheeler氏は既に次の計画を練っている:

私は既にAPIとセットアップをシンプルにするためのプルリクエストをしています。これはWebpackとWebpack Dashboardを別々のプロセスで実行させ、ソケットによる通信をさせるというものです(安心してください、これは破壊的な変更ではありません)。これはエッジケースの多くを修正し、おそらく色々な点でスピードアップとなります。その次は、フルスクリーンではない最小限のモードを作成したいと思っています。その次?ユーザーが自由にパネルをカスタマイズできWebpack以外のものと通信できるようになるAPIを作っているかもしれません。

WebpackはJavaScript開発コミュニティで急速に支持を伸ばしたモジュールバンドラーで、特にReactユーザーに人気です。

 
 

Rate this Article

Relevance
Style
 
 

この記事に星をつける

おすすめ度
スタイル

こんにちは

コメントするには InfoQアカウントの登録 または が必要です。InfoQ に登録するとさまざまなことができます。

アカウント登録をしてInfoQをお楽しみください。

あなたの意見をお聞かせください。

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする
コミュニティコメント

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする

ディスカッション

InfoQにログインし新機能を利用する


パスワードを忘れた方はこちらへ

Follow

お気に入りのトピックや著者をフォローする

業界やサイト内で一番重要な見出しを閲覧する

Like

より多いシグナル、より少ないノイズ

お気に入りのトピックと著者を選択して自分のフィードを作る

Notifications

最新情報をすぐ手に入れるようにしよう

通知設定をして、お気に入りコンテンツを見逃さないようにしよう!

BT