パフォーマンスを重視した高速で軽量なカルーセル/スライダーライブラリ・「Swiffy Slider」
Swiffy Slider See the Pen Untitled by kachibito (@kachibito) on CodePen. Swiffy Sliderはパフォーマンスを重視した高速で軽量な...
Resource - Webディレクター向け
ダミー画像をイラストで生成してくれるダミー画像生成サービス・「Doodle Ipsum」
Doodle Ipsum Doodle Ipsumはダミー画像をイラストで生成してくれるダミー画像生成サービスです。他のダミー画像サービスと同様にURLとパラメーターで制御する事も出来ます。 テイストは日本向けじゃないかもしれま...
Vue.jsとTailwind.cssで設計されたオープンソースの管理画面テンプレート・「Aatrox」
Aatrox AatroxはVue.jsとTailwind.cssで設計されたオープンソースの管理画面テンプレートです。開発者フレンドリーで多機能、カスタマイズ性の高い管理画面の開発を目的としているそうです。 高い利便性と汎用性...
オープンソースで公開されているアイコンを10万以上集めて全てにタグ付けして探せるようにした・「Iconshock Freeicons」
Iconshock Freeicons Iconshock Freeiconsはオープンソースで公開されているアイコンを10万以上集めて全てにタグ付けして探せるようにしたWebサイトです。 IonicやJam、Iconoir、F...
DevOpsデータを1つのビューにまとめてデータを分析し、可視化するOSS・「Dev Lake」
Dev Lake Dev LakeはDevOpsデータを1つのビューにまとめてデータを分析し、可視化するOSSです。DevOpsが初耳の方はWikipedia等をご参照ください。 開発チームと運用チームが協力してユーザーに最適な...
アクセシブルなモバイルアプリを構築する為のデザインファーストなUIキット・「Pearl UI」
Pearl UI Pearl UIはアクセシブルなモバイルアプリを構築する為のデザインファーストなUIキットです。現在のところ、Expoのマネージドワークフローを使用しているReact Nativeプロジェクトのみサポートされています...
シンプルなUIで見やすく使いやすいオープンソースのTailwind.css製の管理画面テンプレート・「Windster」
Windster WindsterはシンプルなUIで見やすく使いやすいオープンソースのTailwind.css製の管理画面テンプレートです。Tailwind.cssのユーティリティクラスのみを使用して構築されています。 管理画面...
カレンダーサービスに任意のイベントを追加するボタンを設置する為のJavaScript・「Add-to-Calendar Button」
Add-to-Calendar Button See the Pen Untitled by kachibito (@kachibito) on CodePen. Add-to-Calendar Butto...
HTMLのタグ内に含めて良いタグかどうかを教えてくれる、HTMLタグのネスト可否チェックツール・「Can I Include」
Can I Include Can I IncludeはHTMLのタグ内に含めて良いタグかどうかを教えてくれるWebアプリです。HTMLタグがネスト可能かどうかをチェックできる、というもの。 調べ方は簡単で、左に子、右に親のHT...
FlutterとRustで構築されたオープンソースのNotion代替・「AppFlowy」
AppFlowy AppFlowyはFlutterとRustで構築されたオープンソースのNotion代替アプリです。Notionのように柔軟でカスタマイズ性の高いチーム共同生産性向上ツールとして機能します。 OSSなので完全に自...
50以上のUIコンポーネントを提供する、モダンなWebアプリケーションを構築するためのOSS・「PoemKit」
PoemKit PoemKitは50以上のUIコンポーネントを提供する、モダンなWebアプリケーションを構築するためのオープンソースのWeb開発キットです。 Reactを使ったUIキットで、サーバーサイドレンダリングによる高速な...
JavaScriptのコードスニペットのパフォーマンスを比較できるチェックツール・「HASTY」
HASTY HASTYはJavaScriptのコードスニペットのパフォーマンスをオンラインで比較できるチェックツールです。上のようにembedやURLで共有する事も可能となっています。 昔からあるjsperfやJSBench.m...
CSS製のボタンやチェックボックス、トグルボタンをその場で作成して共有できる・「cssbuttons.io」
cssbuttons.io cssbuttons.ioはCSS製のボタンやチェックボックス、トグルボタンをその場で作成して共有できるWebアプリです。 Githubのアカウントでログインすればエディタが使えるようになります。Co...
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...