縦線、横線、四分円だけを使うオープンソースのミニマルなグラフィックエディター・「minimator」 minimator minimatorは縦線、横線、四分円だけを使うオープンソースのミニマルなグラフィックエディターです。方眼紙のようにドットによるグリッドに沿って縦線、横線、四分円にいずれかを使い、線画を作成できるエディター的なもの...2022.01.15 | 10時05分13秒
three.jsを使った3Dなアニメーション背景を簡単に作成、設置できるライブラリ・「Vanta.js」 Vanta.js Vanta.jsはthree.jsを使った3DなWebGLアニメーションの背景を簡単に作成、設置できるライブラリです。 同ライブラリのプロジェクトサイト内で簡単な編集を、プレビューを確認しながらツールバーの調整...2022.01.14 | 9時46分57秒
MedusaとNext.jsで構築された1ページでショッピングカートから決済まで完了できるオープンソースのチェックアウトフローライブラリ・「Medusa Express」 Medusa Express Medusa Expressは1ページでショッピングカートから決済まで完了できるオープンソースのチェックアウトフローライブラリです。省スペースでページ遷移も不要と、手軽に決済まで進めるので離脱率を下げる事...2022.01.13 | 10時03分26秒
任意のWebサイトで使用されている色を抽出してパレットやCSSのコードを自動生成する・「Alwane」 Alwane Alwaneは任意のWebサイトで使用されている色を抽出してパレットやCSSのコードを自動生成するWebアプリです。 抽出したいWebサイトのURLを入力すれば、そのサイトを解析してカラーコードを自動生成してくれま...2022.01.12 | 10時06分52秒
任意のファイルを暗号化して送信できるWebアプリ・「Sendfiles.online」 Sendfiles.online Sendfiles.onlineは任意のファイルを暗号化して送信できるWebアプリです。基本的には2GBまで、有償プランで100GBまで送信可能となっています。 ファイルを共有できるツールは既に...2022.01.11 | 10時18分22秒
SvelteでWebアプリ開発する方の為のオープンソースIDE・「sVelocity」 sVelocity sVelocityはSvelteでWebアプリ開発する方の為のオープンソースのIDE(統合開発環境)です。electronベースみたいですね。クロスプラットフォーム対応となっています。 Svelteアプリのビ...2022.01.10 | 9時49分06秒
各ブラウザがどのようなデータをリークしているか等、プライバシーに関する詳細を一覧表で比較できる・「PrivacyTests.org」 PrivacyTests.org PrivacyTests.orgは各ブラウザがどのようなデータをリークしているか等、プライバシーに関する詳細を一覧表で比較できるWebサイトです。 Brave、Chrome、Edge、Firef...2022.01.09 | 10時06分20秒
個人用として開発されているオープンソースのWebアーカイブアプリ・「irchiver」 irchiver irchiverは個人用として開発されているオープンソースのWebアーカイブアプリです。Internet Archiveやarchive.todayなどと同様にその日その時のWebページの状態を保存してくれる、という...2022.01.08 | 10時08分59秒
高速かつシンプルで使いやすいJavaScriptアニメーションライブラリ・「luge」 luge lugeは高速かつシンプルで使いやすいJavaScriptアニメーションライブラリです。プラグインを追加して拡張する事も可能です。 読み込むだけでhtmlタグに自動でデバイスやブラウザのclassも付与されるので異なる...2022.01.07 | 10時04分34秒
Deno製のオープンソース静的サイトジェネレーター・「Lume」 Lume LumeはDeno製のオープンソース静的サイトジェネレーターです。JekyllやEleventyなどの静的サイトジェネレータに触発されて開発されたそうですが、より高速でよりシンプルに使用し、設定する事が可能で柔軟性にも富んだ...2022.01.05 | 10時10分17秒
Web開発時に重宝するツールやリソースをカテゴリにわめてまとめた・「DevBox」 DevBox DevBoxはWeb開発時に重宝するツールやリソースをカテゴリにわめてまとめたキュレーションサイトです。CSSをDevtoolsを使わず調査できるブラウザ拡張をサービスとして展開するIntabによるまとめ。 各フレ...2021.12.30 | 9時44分00秒
MUIベースのReact製アプリ開発向けに作られたシンプルでカスタマイズ性の高いコンポーネントを備えたスターターキット・「BRICKS」 BRICKS BRICKSはMUIベースのReact製アプリ開発向けに作られたシンプルでカスタマイズ性の高いコンポーネントを備えたスターターキットです。 ReactのUIライブラリであるMUIをベースに開発されたスターターキット...2021.12.29 | 10時17分42秒
目に見える部分のHTMLタグ全てにスタイリングされたclass不要のスタイルシート・「gd.css」 gd.css gd.cssは目に見える部分のHTMLタグ全てにスタイリングされたclass不要のスタイルシートです。CSSリセットの代替としても利用できるそう。 HTML要素だけでスタイリング可能な、いわゆるクラスレスなCSSで...2021.12.28 | 9時49分39秒
ノート、Todo、ブックマーク、ポモドーロなどの機能を1か所にまとめた個人向けのオンラインワークスペースを提供してくれるWebアプリ・「QuickTab」 QuickTab QuickTabは個人向けのオンラインワークスペースを提供してくれるWebアプリです。ノート、Todo、ブックマーク、ポモドーロといった機能が全て揃えられています。 チームで共有したりゲストを呼べる等の機能は無...2021.12.27 | 10時08分22秒
アイコンを管理したりコードをそのままコピーできるオープンソースのデスクトップアプリ・「Icon Shelf」 Icon Shelf Icon Shelfはアイコンを管理したりコードをそのままコピーできるオープンソースのデスクトップアプリです。Web開発者向けのアイコンマネージャーとして開発されています。 React、Electronベー...2021.12.26 | 10時09分12秒
任意のSVGの各所の色やパスの削除等を簡単に行えるオープンソースのWebアプリ・「SVG Quick Editor」 SVG Quick Editor SVG Quick Editorは任意のSVGの各所の色やパスの削除等を簡単に行えるオープンソースのWebアプリです。 アップロードにはほとんど時間がかからず即座に表示されます。色やパスが個別に...2021.12.25 | 9時48分40秒
完成図を見て正しいコードを選択するクイズ形式でCSSを視覚的に学べる・「Guess CSS!」 Guess CSS! Guess CSS!はクイズ形式でCSSを視覚的に学べるWebアプリです。完成図を見て正しいコードを選択するクイズ形式となっています。 文章での出題ではなく、正しいコードを選ぶだけのシンプルな問題なので...2021.12.24 | 10時02分19秒
GoogleドライブやDropboxなど各クラウドストレージサービスにデータを保存する際にファイルやフォルダ名を暗号化してくれるオープンソースのソフトウェア・「Cryptomator」 Cryptomator Cryptomatorはクラウドストレージサービスにデータを保存する際にファイルを暗号化してくれるオープンソースのソフトウェアです。Windows、MacOS、Linux、Android、iOSに対応しています...2021.12.23 | 9時49分50秒
JavaScriptを使ったWebアプリの設計を改善するためのパターンやヒント、コツをまとめた・「Patterns.dev」 Patterns.dev Patterns.devはVanillaなJavaScriptやReactなどを使ったWebアプリの設計を改善するためのパターンやヒント、コツをまとめたWebサイトです。 チェックリストでは無く、パター...2021.12.22 | 10時04分29秒
パララックス効果を簡単に付与できるスクリプト・「simpleParallax.js」 simpleParallax.js simpleParallax.jsはパララックス効果を簡単に付与できるスクリプトです。非依存型のシンプルで軽量なスクリプトで、任意の画像にパララックスアニメーションを簡単に付与する事が出来ます。 ...2021.12.21 | 10時03分50秒
LinuxでWindowsのソフトウェアを実行できるOSS・「Bottles」 Bottles BottlesはLinuxでWindowsのソフトウェアやゲームを実行できるオープンソースのソフトウェアです。 Windows向けのソフトウェアを動作させる為の依存関係を管理するマネージャー機能が付いており、必要...2021.12.20 | 10時01分34秒
非開発者が使う事を想定して開発された、ブラウザで動作するオープンソースのヘッドレスWebページビルダー・「Plasmic」 Plasmic Plasmicは非開発者が使う事を想定して開発された、ブラウザで動作するオープンソースのヘッドレスWebページビルダーです。 所謂ノーコードアプリとなっていてビジュアルを確認しながらドラッグ&ドロップでWebペー...2021.12.19 | 9時51分47秒