Resource - Webディレクター向け

アニメーションするグラデーションメッシュを作成、コードを発行してくれるジェネレーター・「whatamesh」

whatamesh whatameshはアニメーションするグラデーションメッシュを作成、コードを発行してくれるジェネレーターです。 2021年9月現在、Stripeのヘッダに使われているようなやつを作れる、みたいなアプリです。 ...

Core Web Vitals改善の為のWebサイトパフォーマンス測定ツール・「SpeedVitals」

SpeedVitals SpeedVitalsはCore Web Vitals改善の為のWebサイトパフォーマンス測定ツールです。 GoogleのPageSpeed Insightsと同様にWebサイトのURLを入力すると、その...

WebサイトやWebアプリ構築の為の次世代TypeScriptフレームワーク・「Factor.js」

Factor.js Factor.jsはWebサイトやWebアプリ構築の為の次世代TSフレームワークです。ブログやLP、JamStackアプリの作成等を容易に行えるよう設計されています。開発者はDarwinです。 プラグイン等に...
Ads

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というベラルーシのソフトウェア企業が提供している...

CSSファイルを読み込むだけで見た目を整えられるclass-lessなCSSフレームワーク・「AttriCSS」

AttriCSS See the Pen by kachibito (@kachibito) on CodePen. AttriCSSは読み込むだけで見た目を整えられるclass-lessなCSSフレーム...

Tailwind.cssで構築されたピクセルパーフェクトなモバイル向けUIコンポーネント集・「Tailwind Mobile」

Tailwind Mobile Tailwind MobileはTailwind.cssで構築されたピクセルパーフェクトなモバイル向けUIコンポーネント集です。 全てのコンポーネントには、公式のデザインガイドラインに基づいて作成...

閲覧したWebサイト等に取得される可能性のある情報を表示し、警告と対策法を明示してくれるOSS・「Vytal」

Vytal Vytalはブラウジング中に閲覧したWebサイト等に取得される可能性のあるユーザーの情報を表示し、警告と対策法を明示してくれるWebアプリです。たぶんバイタルサインから取った名前じゃないでしょうか。 ブラウザが残した...

簡単な操作でプロジェクトのガントチャートを作成、公開やCSVでエクスポート等が可能なWebアプリ・「PMThings」

PMThings PMThingsは簡単な操作でガントチャートを作成、公開やCSVでエクスポート等が可能なWebアプリです。プロジェクトマネージャー専用となっており、チャートは基本的にタスクとして作成されます。 操作は非常に簡単...

GoogleスプレッドシートやExcelのTipsや小技を大量に収集、検索できる・「SheetHacks」

SheetHacks SheetHacksはGoogleスプレッドシートやExcelのTipsや小技を大量に収集、検索できるWebサイトです。 関数やマクロ、データビジュアライズなどなど大量のカテゴリやトピックに分けられていて、...

Windows10のUIをReactで再現したOSS・「mindows」

mindows mindowsはWindows10のUIをReactで再現したOSSです。ミニマルなWinodws10、というキャッチで設計しています。 初期設定のユーザー登録を行う所から再現されており、マルチユーザー登録も可能...

任意の画像で様々な種類のCSS製フィルターを確認、気に入ったフィルターをクリックするとCSSコードをコピーできるWebアプリ・「FilterSS」

FilterSS FilterSSは任意の画像で様々な種類のCSS製フィルターを確認、気に入ったフィルターをクリックするとCSSコードをコピーできるWebアプリです。 現在42種のフィルターが用意されており、全てCSSで書かれて...

Webデザイナーや開発者向けのツールやリソースを手作業で大量に収集したコレクション・「Toolkit」

Toolkit ToolkitはWebデザイナーや開発者向けのツールやリソースを手作業で大量に収集したコレクションサイトです。 とても細かくカテゴライズされていていたりキーワード検索出来たりログイン不要でお気に入り機能を使えたり...

Webサイト等のIDやパスワードを複数まとめて暗号化しブックマーク等で管理、共有できるユニークなOSSのパスワードマネージャー・「MyKeys」

MyKeys MyKeysWebサイト等のIDやパスワードを複数まとめて暗号化しマスターパスワードを設定、URLを発行してブックマーク感覚で管理、共有できるブラウザベースパスワードマネージャです。Vue/HTMLで書かれています。 ...

シンプルで手軽に使えるCLIベースのノートアプリ・「Noteli」

Noteli Noteliはシンプルで手軽に使えるCLIベースのノートアプリです。TypeScript、MongoDB、Auth0で設計されています。 以下インストールと各コマンドです。 👆インストールしてコマンドを打...

各種デコード/エンコードやコードフォーマット、コンプレッサーやDiffなど開発者向けのシンプルなツールを豊富にそろえたミニツール集・「smallDev tools」

smallDev tools smallDev toolsは各種デコード/エンコードやコードフォーマット、コンプレッサーやDiffなど開発者向けのシンプルなツールを豊富にそろえたミニツール集です。 以前ご紹介したFrontend...

2Dのピクセルアートから容易に3Dモデル化できるオープンソースのKenShapeクローン・「Pixel Model Maker」

Pixel Model Maker Pixel Model Makerは2Dのピクセルアートを3Dモデルにしてくれるオープンソースのソフトウェアです。 ゲームアセットを提供するKenneyが開発、サービス展開するKenShape...

パフォーマンスを重視した高速表示の静的サイトジェネレーター・「PRPL」

PRPL PRPLはパフォーマンスを重視した高速表示の静的サイトジェネレーターです。長く使えるようにモジュール式で設計されており、HTML要素にコンテンツを挿入する形という非常にシンプルな仕様となっています。 静的サイトジェネレ...

チャートやダイアグラムなど、画像を手書き風に変換、スタイルの調整等も可能なWebアプリ・「INSTAD.IO」

INSTAD.IO INSTAD.IOはチャートやダイアグラムなど、画像を手書き風に変換、スタイルの調整等も可能なWebアプリです。 フローチャートやダイアグラム、インフォグラフィックなどを印象的な見た目の手書き風に出来るように...

Deta Spaceを使って即利用も可能なオープンソースのオンラインブックマークアプリ・「WebCrate」

WebCrate WebCrateは汎用的なUIのシンプルで使いやすいオープンソースのオンラインブックマークアプリです。Deta Spaceを使って即利用も可能です。 Vueで書かれており、フォルダでカテゴライズしたり、...
Ads