データを可視化し、グラフから別のグラフへアニメーション推移させる事が出来るスクリプト・「Vizzu」
Vizzu See the Pen Untitled by kachibito (@kachibito) on CodePen. Vizzuはデータを可視化し、グラフから別のグラフへアニメーション推...
Resource - フロントエンドエンジニア向け
React開発者向けのオープンソースのプロトタイピングツール・「ReacType」
ReacType ReacTypeはReact開発者向けに開発されたプロトタイピングのためのユーザーフレンドリーなGUIです。オープンソースとして提供されており、Windows、Mac、Linuxなど各OSに対応しています。 ド...
Web制作等の際にあると地味に便利なWebアプリを複数公開している・「10015.io」
10015.io 10015.ioはWeb制作等の際にあると地味に便利なWebアプリを複数公開しているWebサイトです。 どこかで公開されているアプリを紹介しているのではなく、全て自身のWebサイトで公開されているもので、ダミー...
複数人で気軽に共有できるオープンソースのオンラインホワイトボード・「OurBoard」
OurBoard OurBoardは複数人で気軽に共有できるオープンソースのオンラインホワイトボードです。 部屋を作って自由にテキストを書いたり付箋を加えたり線を引いて紐付けしたり、といった事が可能ですが、OSS故に追加カスタマ...
高速WebGLレンダリングシステムを備えた軽量の2DJavaScriptゲームエンジン・「LittleJS」
LittleJS LittleJSは高速WebGLレンダリングシステムを備えた軽量の2DJavaScriptゲームエンジンです。他ライブラリに依存せずに動作してくれます。 軽量、シンプルで、様々なゲーム開発に使えるライブラリを目...
Web Animations APIを使った軽量で高速なオープンソースのアニメーションライブラリ・「Motion One」
Motion One Motion OneはWeb Animations APIを使った軽量で高速なオープンソースのアニメーションライブラリです。 使い方も以下のようにとてもシンプルで、軽量なAnime.jsのさらに半分のファイ...
GUIも備わったモーショングラフィックスの為のアニメーションJavaScriptライブラリ・「Theatre.js」
Theatre.js Theatre.jsはモーショングラフィックスの為のアニメーションJavaScriptライブラリです。GUIのエディターも備わってるそうです。 実際にビジュアルで動きを見ながら直感的な操作でアニメーションを...
画像内に注釈を挿入するJavaScriptライブラリ・「marker.js」
marker.js marker.jsは画像内に任意の注釈を挿入するJSライブラリです。画像の中に任意のテキストやエリアの塗りつぶし、線引きなどを挿入できて装飾も可能となっています。 また、marker.js Liveという拡張...
WebサイトやWebアプリ構築の為の次世代TypeScriptフレームワーク・「Factor.js」
Factor.js Factor.jsはWebサイトやWebアプリ構築の為の次世代TSフレームワークです。ブログやLP、JamStackアプリの作成等を容易に行えるよう設計されています。開発者はDarwinです。 プラグイン等に...
CHAKRA UIベースのオープンソースの管理画面テンプレート・「Purity UI Dashboard」
Purity UI Dashboard Purity UI DashboardはReact.jsのコンUIポーネントライブラリであるCHAKRA UIベースのオープンソースの管理画面テンプレートです。チャートにはApexCharts....
Shopify代替のオープンソースの高機能ヘッドレスコマース・「Medusa」
Medusa MedusaはShopify代替となるオープンソースの高機能ヘッドレスコマースです。テンプレートから脱却し、ページスピードとSEOパフォーマンスに最適化された独自のコマース開発が可能との事です。 顧客や商品の管理、...
オンプレミスの選択肢も用意されたAirtable代替のExcelライクに使えるデータベースサービス・「SeaTable」
SeaTable SeaTableはオンプレミスの選択肢も用意されたAirtable代替のExcelライクに使えるデータベースサービスです。 Airtableよりも少し安価で、且つ以前ご紹介したBaserowと同様にセルフホスト...
クロスプラットフォーム対応のシンプルなGitクライアント・「Aurees Git Client」
Aurees Git Client Aurees Git Clientはクロスプラットフォーム対応のシンプルなGitクライアントです。今のところは無料で利用可能です。Nezaboodkaというベラルーシのソフトウェア企業が提供している...
Tailwind.cssで構築されたピクセルパーフェクトなモバイル向けUIコンポーネント集・「Tailwind Mobile」
Tailwind Mobile Tailwind MobileはTailwind.cssで構築されたピクセルパーフェクトなモバイル向けUIコンポーネント集です。 全てのコンポーネントには、公式のデザインガイドラインに基づいて作成...
GoogleスプレッドシートやExcelのTipsや小技を大量に収集、検索できる・「SheetHacks」
SheetHacks SheetHacksはGoogleスプレッドシートやExcelのTipsや小技を大量に収集、検索できるWebサイトです。 関数やマクロ、データビジュアライズなどなど大量のカテゴリやトピックに分けられていて、...
Webデザイナーや開発者向けのツールやリソースを手作業で大量に収集したコレクション・「Toolkit」
Toolkit ToolkitはWebデザイナーや開発者向けのツールやリソースを手作業で大量に収集したコレクションサイトです。 とても細かくカテゴライズされていていたりキーワード検索出来たりログイン不要でお気に入り機能を使えたり...
各種デコード/エンコードやコードフォーマット、コンプレッサーやDiffなど開発者向けのシンプルなツールを豊富にそろえたミニツール集・「smallDev tools」
smallDev tools smallDev toolsは各種デコード/エンコードやコードフォーマット、コンプレッサーやDiffなど開発者向けのシンプルなツールを豊富にそろえたミニツール集です。 以前ご紹介したFrontend...
モバイルデバイス向けのJSFiddleライクなオープンソースのコード実行ツール・「WebDen」
WebDen WebDenはモバイルデバイス向けのJSFiddleライクなオープンソースのコード実行ツールです。JSFiddleやJSbin、CodepenなどブラウザでHTML/CSS/JavaScriptのコード実行テストをスマホ...
レスポンシブWebデザインの表示テストを複数デバイスで同時に行えるオープンソースのElectronベースデスクトップアプリ・「Responsivize」
Responsivize ResponsivizeはレスポンシブWebデザインの表示テストを複数デバイスで同時に行えるオープンソースのElectronベースデスクトップアプリです。インドに住む16歳の学生の方が開発してるみたいです。 ...
ワークフローを向上させる開発者向けツールをピックアップしている・「what devs need」
what devs need what devs needはワークフローを向上させる開発者向けツールをピックアップしているキュレーションサイトです。 生産性向上ツールやホスティング、学習サイト、DB、API、IDEや監視サイト、...
複雑なグリッドレイアウトにも対応できるCSSグリッドフレームワーク・「Griddle」
Griddle See the Pen by kachibito (@kachibito) on CodePen. Griddleは複雑なグリッドレイアウトにも対応できるCSSグリッドフレームワークです。CS...
Slack代替として開発されたシンプルでパワフルなオープンソースのチーム向けチャットツール・「Fugu」
Fugu FuguはSlack代替として開発されたシンプルでパワフルなオープンソースのチーム向けチャットツールです。 企業のチームが安全に通信したりコミュニケーションしたり、シームレスな共同作業が出来るように設計されており、セル...