kaidoのブックマーク - はてなブックマーク

Webpackの70倍！Go言語で書かれたJavascriptバンドラー「esbuild」をベンチマークテストしてみた

Webpackの70倍！Go言語で書かれたJavascriptバンドラー「esbuild」をベンチマークテストしてみた esbuild https://github.com/evanw/esbuild/ esbuildの特徴複数モジュールの依存関係を解決し、1つにまとめるバンドラーは、現代のフロントエンド開発においてなくてはならないツールの1つ。 The State of JavaScript 上位5つに人気が集中し、なかでもWebpackのシェアは実に約60%に達しています。今回ご紹介する「esbuild」は、Go言語で書かれた高速なバンドラーで、これらメジャーなツールとの性能比較（ベンチマークテスト）をやってみました。公式のベンチマーク結果計測方法は、three.jsライブラリを10回複製し、キャッシュなしで単一のバンドルをゼロから構築しています。なんと、Webpackに比べて

kaido 2020/02/19

あとで読む

リンク

GoogleスプレッドシートでアプリライクなWebサイトがつくれる「Glide」

◆ Glide https://go.glideapps.com/ 紹介「Glide」は、Googleスプレッドシートをストレージとして、ノーコードでアプリライクなWebサイトを構築できます。事前準備こちらがホーム画面。動画チュートリアルも充実しています。アプリはスクラッチから作れるほか、7種類のテンプレートも用意されています。今回は、テンプレートの1つ「Conference」をベースに作っていきます。まずは、左下にある「Coopy to my apps」からテンプレートをコピーします。すると、My Appsに保存され DB代わりになるGoogle スプレッドシートもコピーされました。データを編集するそれでは実際に、テンプレートを編集しながらアプリを作っていきます。まずはプロダクトの肝となるデータの編集からです。データは、テンプレートをコピーした際にできたGoogleス

kaido 2019/11/06

あとで読む

リンク

レスポンシブWebデザインの画面サイズが一目でわかる「Screen Size Map」

◆ Screen Size Map https://www.screensizemap.com/ 紹介「Screen Size Map」は、レスポンシブWebデザインの画面サイズが一目でわかるツールです。画面サイズと主なデバイス、そしてシェア率が表示されます。 PCのデバイス名やモニタのサイズまで把握でき、レスポンシブWebデザイン開発に重宝するツールです。 ◆ Screen Size Map https://www.screensizemap.com/

kaido 2019/09/30

リンク

オープンソースのWebアプリケーション分析ツール「Cube.js」

「Cube.js」は、npmやyarnでインストールできるオープンソースのWebアプリケーション用分析ツールです。RDBだけでなく、AWS AthenaやGoogle BigQueryなどのサーバーレスクエリエンジンと連携するように設計されています。機能が非常に豊富なので、今回は初期セットアップに的を絞ってご紹介します。 ◆ オープンソースのWebアプリケーション分析ツール「Cube.js」 https://cube.dev/ 紹介「Cube.js」は、GUIも完備した高機能なWebアプリケーション分析ツールです。インストール $ npm install -g cubejs-cli # or $ yarn global add cubejs-cli npmまたはyarnでインストールします。 $ cubejs create <プロジェクト名> -d　<データベースタイプ> （データベー