Dolt https://github.com/liquidata-inc/dolt Doltの特徴 Github for data（データをホストするサービス）といえば、KaggleやGretel（ローンチ予定）など注目されるプロダクトは数多くありますが、「Dolt」は、RDBのデータやスキーマなどをコミットとして管理できる、いわばGit for dataのプロダクトになります。 オープンソースとして提供されており、自身でホストすることができるほか、クラウドベースのストレージソリューションとして「DoltHub」の運営も行っています。 https://www.dolthub.com/ DoltHubを使ってみる 数は多くはないものの、すでにいくつかデータが登録されています。 もちろん、リポジトリはクローンすることが可能。ほとんどGithuライクに使うことができます。 こちらがプロジェクト

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に比べて

massCode https://masscode.io/ massCodeの特徴 「massCode」は、50以上のプログラミング言語を記録できるオープンソースのスニペットマネージャです。 「SnippetsLab」や「Quiver」がメジャーなツールですが、どちらも有料ということで、オープンソースで使ってみたい方におすすめのプロダクトです。 セットアップ # インストール git clone https://github.com/antonreshetov/massCode.git # ディレクトリに移動 cd massCode # 依存性の解消 yarn install # 起動 npm run dev 上記手順でセットアップを実行します。 既存のツールをかなり意識したUIになっています。 まずは記録するフォルダを登録していきます。 作成したフォルトごとに、デフォルトの言語が指定可能

GraphQL Editor https://graphqleditor.com/ GraphQL Editorの特徴 「GraphQL Editor」は、GUIでGraphQLスキーマを作成できるIDEです。 https://github.com/graphql-editor/graphql-editor/ なおこちら、オープンソースとしても公開されており、ライクが4kを超えるほど人気のプロジェクトになっています。 スキーマを作成する まずはプロジェクトを作っていきます。フリープランでは、Publicプロジェクトになりますので管理に注意してください。 実際にスキーマも作成していきます。まずはtype（型）を指定。 続いてtypeが持つフィールドを追加します。 するとこのように、グラフィカルなスキーマとコードが自動生成されます。 作成したtypeは、オブジェクトとして指定することも可能。

react-admin-template https://github.com/delprzemo/react-admin-template react-admin-templateの特徴 「react-admin-template」は、以下で構成されたオープンソースの管理画面です。巨大なリファクタリング/クリーニングを回避するため、コア機能のみ提供するコンセプトになっています。 ・React ・jQueryなし ・TypeScript ・React Hooks ・Redux react-admin-templateをインストールします $ git clone https://github.com/delprzemo/react-admin-template.git React-Admin-Template # リポジトリをダウンロード $ cd React-Admin-Template

◆ EmailJS https://www.emailjs.com 紹介 「EmailJS」は、サーバーレスでGmailやAWS SESといった複数のメールサービス宛にメール送信できるWebサービスです。 事前準備 まずはアカウントを登録します。 続いて、送信するメールサービスを選択します。今回はGmailをチョイス。 Gmailから代理送信するために「Connect account」に進み 承認します。 このようなテストメールが送信されれば成功です。 メール設定 では、早速メール送信されるテンプレートを作っていきます。 こちらがテンプレート設定。変数を使って動的な文章を送信することができます。 フロントエンドへの実装方法はいくつか提供されていますが、今回はスニペットを追加する方法で実装していきます。 あとは、必要事項を入れてSendすれば このようなメールが届きます。 プライス そして気

◆ NamingConvention https://namingconvention.org/ 紹介 「NamingConvention」は、プログラミング命名規則のガイドラインを作成・収集・維持するオープンソースプロジェクトです。 「C#・Git・Java・PHP・VueJS・Python」が、現在作成進行中です。 Gitの章には、ブランチ名やコミットメッセージ、プルリクのネーミング規定が記載されています。 例えば、ブランチネームだと必須や許可と一緒に例文も記載されています。 プログラミング言語（Java）だと、このようになっています。 推奨のネーミングというより、キャメルケースなど、最低限準拠すべき形式が書かれています。 プログラミング版wikipediaになるような、熱量高いコミュニティが続いて欲しいです。 ◆ NamingConvention https://namingconv

◆ Chrome Extension CLI https://github.com/dutiyesh/chrome-extension-cli 紹介 「Chrome Extension CLI」は、npmを使って簡単にChrome拡張機能の初期セットアップができるオープンソースのテンプレートです。 $ npm install -g chrome-extension-cli /usr/local/bin/chrome-extension-cli -> /usr/local/lib/node_modules/chrome-extension-cli/index.js + chrome-extension-cli@0.2.0 added 21 packages from 11 contributors in 2.879s まずは、Chrome Extension CLIをインストールします。 $

◆ Render https://render.com 紹介 「Render」は、Gitからインポートするだけで無料のSSL、グローバルCDN付きのWebサイトが構築できる統合プラットフォームです。 事前準備 まずはアカウントを登録します。 続いて、構築するサービス形態を選択しますが、今回は「New Web Service」にしました。 デプロイは全てGitからインポートする形式になっているのが、Renderの特徴でもあります。 インポートが完了するとリポジトリ一覧が表示されます。 デプロイ それでは早速Webサイトをつくっていきますが、まずは静的ページ（Static Site）の構築をやってみます。 必要な設定をポチポチするだけで、細かな設定は一切ありません。 Your site is live. と表示されれば構築完了です https://itnews-lp.onrender.com/

◆ React Rainbow Components https://react-rainbow.web.app 紹介 「React Rainbow Components」は、ReactでWebアプリを簡単構築するためのコンポーネントコレクションです。 $ npm install react-rainbow-components --save $ yarn add react-rainbow-components npmまたはyarnでインストール可能 Webアプリでよく使われる60以上のコンポーネントが提供されています。 その他にも、管理者ツールやセットアップ手順の解説 デザインライブラリも提供されており、これ1つでReactを使ったWebアプリが構築できるような意気込みを感じます。 ページネーションや タブ スピナーとといったコンポーネントがimport1つで実装可能ですので、Reac

以前、GoogleスプレッドシートでAPIが作れる「Sheetson」を紹介しましたが、今回の「SheetDB」はGUIも整備され、パーミションの設定ができるなど何かと充実しています。 ◆ GoogleスプレッドシートでAPIが作れる「SheetDB」 https://sheetdb.io/ 紹介 GoogleスプレッドシートでRESTful APIが実装できます。 Sheetsonと同様、インストール不要でGoogle Driveなどにスプレッドシートを保存し利用します。 シンプルなCRUD処理もできるなど手軽にRESTful APIを実装できます。それでは、早速始めましょう。 セットアップ アカウント登録する 「CREATE FREE ACCOUNT」で、Google認証を済ませるとこちらのホーム画面が開きます。 「CREATE NEW」を押して、スプレッドシートを登録する画面を開きま