CSS製のボタンやチェックボックス、トグルボタンをその場で作成して共有できる・「cssbuttons.io」
cssbuttons.io cssbuttons.ioはCSS製のボタンやチェックボックス、トグルボタンをその場で作成して共有できるWebアプリです。 Githubのアカウントでログインすればエディタが使えるようになります。Co...
Resource -"キーワード指定なし"
CodePenやJSFiddleにインスパイアされたHTML/CSS/JavaScriptのコードを実行できるOSSデスクトップアプリ・「Code Box」
Code Box Code BoxはJSFiddleにインスパイアされたHTML/CSS/JavaScriptのコードを実行できるOSSデスクトップアプリです。 Electronで作られておりWindows、Mac、Linuxな...
Typescript製のオープンソースなヘッドレスCMS・「Burdy」
Burdy BurdyはTypescript製のオープンソースなヘッドレスCMSです。信頼性と拡張性の高いアプリケーションの構築を支援する為に開発されたそうです。 複数サイトの管理や多言語の管理が可能、ライブプレビュー機能付きの...
スマホやタブレット向けのアプリアイコンをデザインできるWebアプリ・「IconKitchen」
IconKitchen IconKitchenはスマホやタブレット向けのアプリアイコンをデザインできるWebアプリです。ユーザー登録不要でどなたでも利用できます。 プレビューを見ながらアイコンを作成する事が出来るようになっており...
AirtableのデータをPostgreSQLに移行するためのWebアプリ・「Free Airtable to PostgreSQL migration tool」
Free Airtable to PostgreSQL migration tool Free Airtable to PostgreSQL migration toolはAirtableのデータをPostgresに移行するためのWe...
好みの形のblobをSVGで作れるシェイプジェネレーター・「ssshape」
ssshape ssshapeは好みの形のblobをSVGで作れるシェイプジェネレーターです。以前ご紹介したBlobsはランダムでしたがこちらは形を自分で決める事が出来ます。 ポイントの場所を指定すれば右下に☆ssshapeとい...
任意のPDFファイルのサムネイル画像を生成する・「pdf2preview」
pdf2preview pdf2previewは任意のPDFファイルのサムネイル画像を生成するWebアプリです。Pythonで書かれています。 サムネの種類を選択してPDFをアップロードするとそのサムネイル画像をPNGで生成して...
Youtubeを見ながらメモを取り、自動で保存してくれるブラウザ拡張・「Clarity」
Clarity ClarityはYoutubeを見ながらメモを取り、自動で保存してくれるブラウザ拡張です。 右側の関連動画エリアがメモエリアに自動で切り替わり、自動でフォーカスされるので動画を見ながら即メモを取る事が出来ます。 ...
1つのページで複数のJavaScriptコードスニペットを個別に実行できるWebアプリ・「CodeSnippet.Run」
CodeSnippet.Run CodeSnippet.Runは1つのページで複数のJavaScriptコードスニペットを個別に実行できるWebアプリです。 jsfiddleやcodepenなどのようにCSSやHTML等のタブは...
モダンで柔軟なデザインシステムを提供するオープンソースのReact UIライブラリ・「Semi UI」
Semi UI Semi UIはモダンで柔軟なデザインシステムを提供するオープンソースのReact UIライブラリです。TikTokフロントエンド技術チームによって開発されています。 UIコンポーネントは大量に用意されており、W...
モバイルデバイス向けのWebサイト構築のために開発された開発者向けブラウザ・「LT Browser」
LT Browser LT Browserはモバイルデバイス向けのWebサイト構築のために開発された開発者向けブラウザです。クロスブラウザテストのアプリを公開しているLambdaTestが開発したブラウザになります。 プリインス...
1分でデプロイできる、アプリケーションのためのOSSノーコード管理パネル/BIツール・「Motor Admin」
Motor Admin Motor Adminは1分でHerokuにデプロイできる、任意のアプリケーションのためのOSSノーコード管理パネル及びBIツールです。 データエントリの検索、作成、更新、削除や、API統合により、顧客へ...
VanillaなJavaScriptでページ内検索
Result See the Pen Demo In-Page filtered Search by kachibito (@kachibito) on CodePen. よくあるページ内インクリメンタル検...
任意のWebサイトで画像が最適化されているかを調べるCloudflare製のチェックツール・「Image Optimization Test」
Image Optimization Test Image Optimization Testは任意のWebサイトで画像が最適化されているかを調べるチェックツールです。 CDNでお馴染みのCloudflare製となっており、チェ...
任意のWebサイトのCore Web Vitalsをチェックし、評価する超軽量なパフォーマンスチェックWebアプリ・「Core Web Vitals Checker」
Core Web Vitals Checker Core Web Vitals Checkerは任意のWebサイトのCore Web Vitalsをチェックし、評価する超軽量なパフォーマンスチェックWebアプリです。 PageS...
写真の中から不要なものを自動で削除するオープンソースのWebアプリ・「CleanUp.pictures」
CleanUp.pictures CleanUp.picturesは写真の中から不要なものを自動で削除するオープンソースのWebアプリです。 任意の写真から不要なものをブラシで選択するだけで自動で除去されます。コツが要る様で、選...
任意のWebサイトのCSSを解析して詳細なデータを提供してくれるWebアプリ・「ANALYZE CSS」
ANALYZE CSS ANALYZE CSSは任意のWebサイトのCSSを解析して詳細なデータを提供してくれるWebアプリです。URLだけでなく直接CSSのコードを入力する事も可能です。 提出される詳細データは非常に細かく、行...
製品のフィードバックや公開ロードマップを管理できるOSS・「ClearFlask」
ClearFlask ClearFlaskは製品のフィードバックや公開ロードマップを管理できるOSSです。OSSではありますが有償サービスとしても展開されています。 任意の製品やサービスに対する顧客からのフィードバックを得たり、...
無料で使えるブラウザベースの2Dアニメーション専用ドローアプリ・「Bestsnip」
Bestsnip Bestsnipは無料で使えるブラウザベースの2Dアニメーション専用ドローアプリです。ブラウザベースなのでブラウザが動作する環境なら利用可能です。 とはいえ一応Andoridのタブレットでペンタブライクに使える...
カーソルの外観や動作などの高度なカスタマイズが可能なオープンソースのライブラリ・「Blobity」
Blobity Blobityはカーソルの見た目や動きなどの高度なカスタマイズが可能なOSSのJavaScriptライブラリです。 形状や色、サイズからアニメーション、背景に応じた色の変化、任意の要素にフォーカスした際に形状変化...
JSONに続くシンプルなデータシリアライズフォーマット・「Internet Object」
Internet Object Internet ObjectはJSONに続く次世代のシンプルで扱いやすいデータシリアライズフォーマットです。 インターネットによるデータ転送用に作られたフォーマットで、人間が読みやすく、組み込み...
6000個のアイコンをOSSで配布するVuesax公式のアイコンセット・「iconsax」
iconsax iconsaxは6000個のアイコンをOSSで配布するVuesax公式のアイコンセットです。Vuesaxは数年前にご紹介しましたVue.jsベースのUIコンポーネントフレームワークです。 1000のアイコンにそれ...