PHPで書かれたオープンソースのミニマルな静的サイトジェネレーター・「Humanizer」 Humanizer HumanizerはPHPで書かれたオープンソースのミニマルな静的サイトジェネレーターです。ApacheまたはnginxとPHP7.4以上で動作、DBは不要となっています。 ブラウザで動作するMarkdown...2022.12.17 | 10時04分29秒
Web上での様々な活動に貢献してくれそうな無料ツールを大量に公開している・「1Tools」 1Tools 1ToolsはWeb上での様々な活動に貢献してくれそうな無料ツールを大量に公開しているWebアプリコレクションサイトです。他サイトの紹介ではなく、全て自サイトで開発し、全て無料で利用できるよう公開されています。 ...2022.12.15 | 10時01分59秒
非依存で使えるオープンソースのモジュール式データ可視化のためのJavaScriptフレームワーク・「Unovis」 Unovis Unovisは非依存で使えるオープンソースのモジュール式データ可視化のためのJavaScriptフレームワークです。React、Angular、SvelteはもちろんVanillaでもTSでも使えます。 動的に変化...2022.12.14 | 10時05分25秒
Tailwind.css+ Alpine.jsのコードをプレビューとエディター付きで探せる・「Windl」 Windl WindlはTailwind.css+ Alpine.jsのコードをプレビューとエディター付きで探せるWebサイトです。オープンソースのコミュニティベースとなっているそうです。 パンくずやフォーム、カード、モーダルや...2022.12.11 | 10時01分19秒
ダークモードやナビゲーションバーも用意されている10kbほどの軽量なクラスレスCSS・「Bahunya」 Bahunya Bahunyaはダークモードやナビゲーションバーも用意されている10kbほどの軽量なクラスレスCSSです。ナビゲーションはネストにも対応しています。 セマンティックなHTML要素でWebサイトやWebアプリを設計...2022.12.09 | 10時01分41秒
チームで使うためのオープンソースのナレッジベースWebアプリ・「Outline」 Outline Outlineはチームの間で使うためのオープンソースのナレッジベースWebアプリです。シンプルなUIとパワフルな機能を備えた上にOSSとなっておりConfluence代替とも言えそうです。TSで書かれています。 ...2022.12.06 | 10時04分13秒
ブラウザで動作するUIにこだわったオープンソースのJSONビューア・「JSON Hero」 JSON Hero JSON Heroはブラウザで動作するUIにこだわったオープンソースのJSONビューアです。TSで書かれており、Apache-2.0のもと、OSSとしてソースコードも公開されています。 JSONは直接コードを...2022.12.01 | 9時58分42秒
Material Designの原則に従ってデザインされたオープンソースのアイコンライブラリ・「Circum」 Circum CircumはGoogleのMaterial Design及びIBMのCarbon designの原則に従ってデザインされたオープンソースのアイコンライブラリです。ReactやVue、Svelteなどもサポートされていま...2022.11.30 | 10時05分14秒
開発者やマーケター、デザイナー等に有益なツールやリソースを探せる・「Resource.fyi」 Resource.fyi Resource.fyiは開発者やマーケター、デザイナー等に有益なツールやリソースを探せるキュレーションサイトです。 従来のこの手の際と同様、カテゴリやキーワードから探す形になります。カテゴリはAPIや...2022.11.29 | 9時58分17秒
任意のURLを入力するだけでCSSを解析し、品質をチェックしてくれるオープンソースのWebアプリ・「CSS Code Quality」 CSS Code Quality CSS Code Qualityは任意のURLを入力するだけでCSSを解析し、品質をチェックしてくれるオープンソースのWebアプリです。JavaScriptで書かれています。 解析したいCSSを...2022.11.26 | 9時55分40秒
カラーピッカーやルーラー、テキスト編集や要素の移動や削除、コード抽出などを任意のWebページで実行できるOSSの開発者向けブラウザ拡張・「SuperDev」 SuperDev SuperDevは開発に役立つ様々なツールを任意のWebページで実行できるオープンソースのChromeエクステンションです。 任意のテキストの編集、カラーピッカー、Webページで設定されているカラーの一覧、ガイ...2022.11.23 | 10時02分01秒
スクロールに連動した演出をサポートするオープンソースの軽量スクロールライブラリ・「Lenis」 Lenis Lenisはスクロールに連動した演出をサポートするオープンソースの軽量スクロールライブラリです。LocomotiveやGSAP ScrollSmootherといった先発ライブラリをリスペクトしつつ、より使いやすく欠点も補っ...2022.11.22 | 9時55分06秒
Intro.jsのようなWebサイトのツアーを実装するオープンソースのJSライブラリ・「TourGuide.js」 TourGuide.js See the Pen TourGuide JS basic CDN example by kachibito (@kachibito) on CodePen. TourGuide.j...2022.11.17 | 9時54分11秒
デザインシステムの為のオープンソースのスターターキット・「kickstartDS」 kickstartDS kickstartDSはデザインシステムの為のオープンソースのスターターキットです。5つのステップで始められるスモールスターターながら、ブランドに準拠した一貫性あるWebサイトやアプリケーション構築を効率的...2022.11.16 | 10時01分27秒
必要最低限だけ用意されたclass-lessな軽量スタイルシート・「Bolt.css」 Bolt.css Bolt.cssは必要最低限だけ用意されたclass-lessな軽量スタイルシートです。HTML要素のみでミニマルなスタイリングが可能となっています。 従来のクラスレスなCSSと異なり、どちらかというとスタータ...2022.10.26 | 9時56分53秒
Next.jsのためのオープンソース静的CMS・「Outstatic」 Outstatic OutstaticはNext.jsのためのオープンソース静的サイトCMSです。データベースや外部サービス、複雑な設定など一切不要で迅速且つ簡単にセットアップ可能とのこと。 一般的なCMS同様にコンテンツを作成...2022.10.24 | 9時59分44秒
ReactベースのCRUDアプリを構築するためのオープンソースのヘッドレスWebアプリケーションフレームワーク・「refine」 refine refineはReactベースのCRUDアプリを構築するためのオープンソースのヘッドレスWebアプリケーションフレームワークです。 Create(作成)、Read(読み取り)、Update(更新)、Delete(削...2022.10.17 | 10時03分09秒
Webサイトやアプリケーション等の他言語化をサポートする翻訳ソリューション・「eclypse」 eclypse eclypseはWebサイトやアプリケーション等の他言語化をサポートする翻訳ソリューションです。デスクトップアプリとして提供されており、翻訳者と開発者のコラボレーションワークスペースとして機能するよう設計されています。...2022.10.14 | 10時01分55秒
HTMLやCSSをSVGに変換するためのオープンソースのライブラリ・「Satori」 Satori SatoriはHTMLやCSSをSVGに変換するためのオープンソースのライブラリです。ホスティングサービスのVercel謹製のようです。 イメージ的にはHTMLやCSSを書く感覚でSVGを生成できる、と言った方が近...2022.10.12 | 10時03分06秒
アプリやWebサイト開発等に役立つツールを大量にコレクションしている・「Uneed.best」 Uneed.best Uneed.bestはアプリやWebサイト開発等に役立つツールを大量にコレクションしている開発者向けキュレーションサイトです。以前はフロントエンド専門でしたがリニューアルしてより幅広い層へ対応したみたいです。 ...2022.10.08 | 10時13分28秒
ブラウザで任意の要素をクリックするだけでIDEを起動して該当のコードに移動してくれる拡張機能・「Locator.js」 Locator.js Locator.jsはブラウザで任意の要素をクリックするだけでIDEを起動して該当のコードに移動してくれるブラウザ拡張機能です。Chrome、Edge、Brave、Opera、Firefoxなど主要ブラウザは概ね...2022.10.07 | 9時55分19秒
パフォーマンス重視でReact専用として作られたオープンソースのStorybook代替・「Ladle」 Ladle LadleはReact専用として作られたオープンソースのStorybook代替です。ControlsとCSFの互換があります。 ご存知の通りStorybookもオープンソースですが、Ladleはパフォーマンスを重視し...2022.10.04 | 10時03分47秒