Webページに訪問したユーザーのマウスの動きを再現するスクリプト・「viewRecorder」
viewRecorder viewRecorderはWebサイトでユーザーが動かしたマウスの動きを記録、再現するスクリプトです。jQueryに依存しています。以前ご紹介したrrwebと少し似ていますがもう少しシンプルで導入ハードルも低...
Resource - オープンソース
Blockstackアカウントのプロフィールを表示できるOSS・「lander」
lander landerはBlockstackで設定している自身のプロフィールを表示できるシンプルなOSSです。Blockstack Browserで設定している写真やSNS、自己紹介やBitcoinアドレス等のID情報をそのまま表...
JavaScriptで配列のメソッドを対話式に調べられる・「JavaScript Array Explorer」
JavaScript Array Explorer JavaScript Array ExplorerはJavaScriptにおける配列のメソッドを対話式に調べられるOSSです。以前ご紹介したGit ExplorerのJavaScri...
オープンソースで公開されている、大量のコンポーネントを含んだBootstrapベースの管理画面テンプレート・「STISLA」
STISLA STISLAはオープンソースのBootstrapベースの管理画面テンプレートです。大量のコンポーネントを含んでおり、ほとんどの需要に応えられるようになっています。また、インタラクティブなチャートやデータテーブルなどの為の...
1300もの汎用的で使いやすいアイコンとフォントをオープンソースで提供するプロジェクト・「Remix Icon」
Remix Icon Remix Iconは1300もの汎用的で使いやすいアイコン及びフォントをオープンソースとして無償提供するアイコンフォントのプロジェクトです。スタイルはどれもシンプルで分かりやすく設計されており、SVGとeot、...
音楽版のUnsplashを目指す、著作権放棄の音楽を配布するプロジェクト・「WOWA」
WOWA WOWAは音楽データをCC0で配布するプロジェクトサイトです。音楽版のUnsplashを目指したい、との事。まだまだ数は少ないですが、Unsplash同様、提供者を募りつつ知名度を上げている段階のようですね。Audio Li...
Blockstackを使用したオープンソースのGoogleカレンダークローン・「OI Calendar」
OI Calendar OI CalendarはBlockstackを使用したOSSなGoogleカレンダーのクローンです。内容の暗号化の他、Googleカレンダー同様に時間、日、週、月のスケジュール管理が可能でイベントの公開も可能で...
Internet ArchiveやArchive.todayのような魚拓ツールのOSS・「ArchiveBox」
ArchiveBox ArchiveBoxはInternet ArchiveやArchive.todayのような魚拓ツールを構築する為のソフトウェアです。オープンソースとしてソースコードが公開されています。保存したいURLを受け取ると...
オープンソースのオンライン請求書発行システム・「Invoice Neko」
Invoice Neko Invoice Nekoはオープンソースのオンライン請求書発行システムです。nekoは猫のようですね。かわいい。PHPで書かれています。請求書の発行、支払い状況管理、領収書発行などが可能となっているようです。...
CSSで作られたポップでカラフルなフォント・「CSSans Pro」
CSSans Pro See the Pen CSSans Pro by kachibito (@kachibito) on CodePen. CSSans ProはCSSのみでポップでカラフルなフォントを作成、表...
OSSのJavaScript製スプレッドシート・「x-spreadsheet」
x-spreadsheet x-spreadsheetはOSSのJS製スプレッドシートWebアプリです。canvasが用いられているのにはDOMレンダリングよりもパフォーマンスが期待できるのとコードを書くのが簡単だからだそうです（HN...
複数ペインに分割できるオープンソースのマルチパネルWebブラウザ・「Sushi Browser」
Sushi Browser Sushi Browserは複数ペインに分割できるマルチパネルなWebブラウザです。タブブラウザ且つ、複数パネルの分割も可能となっています。日本語化もされています。Webを閲覧するのに1つの窓で1か所だけし...
ピュアCSSなマテリアルデザインコンポーネント集・「Matter」
Matter See the Pen Pure CSS Material Components Showcase by Ben Szabo (@finnhvman) on CodePen. MatterはCSSのみで作...
フリーのプログラミング用フォントを直接試せる・「Programming Fonts」
Programming Fonts Programming Fontsはフリーのプログラミング用フォントをその場で直接テストできるWebアプリです。右ペインでフォントを選択、左ペインに直接コードを書いて試せる、というもの。テーマの選択...
モジュール式のモダンなフロントエンドコンポーネントライブラリ・「Undernet」
Undernet Undernetはモジュール式のフロントエンドコンポーネントライブラリです。CSSの記述を極力削減し、必要な箇所はJSを使い、一般的なUIパターンを使用する事で開発者のエクスペリエンスを簡素化することを目的としたそう...
シンプルでセキュアなオープンソースのデスクトップ日記アプリ・「Mini Diary」
Mini Diary Mini Diaryはシンプルでセキュアなデスクトップ日記アプリです。オープンソースとしてソースコードも公開されています。デジタルで日記といえばブログを思い浮かべるのが恐らく一般的だとは思いますが、個人的にログを...
Vue.jsベースのinstagramクローン・「Vuestagram」
Vuestagram VuestagramはVue.jsをベースにして作られたinstagramクローンです。クローンと言っても完全再現ではありませんが、写真にフィルター、アップロード、Like等、instagramの中心的な機能は備...
オープンソースのコラボレーションメモツール・「wolkenkit-boards」
wolkenkit-boards wolkenkit-boardsはオープンソースのコラボレーションメモツールです。複数ユーザー間で付箋ライクなメモコンテンツを共同管理できる、というもの。UIは少し異なりますがTrelloライクな使い...
静的Webサイト構築の為のより良いワークフローを提供するオープンソースのBoilerplate・「Static Site Boilerplate」
Static Site Boilerplate Static Site Boilerplateは静的Webサイト構築の際のワークフローを提供するOSSのBoilerplateです。開発環境を整えたり、各ファイルの最適化、Webサイト公...
three.jsよりも軽量なJavaScript 3Dライブラリ・「Shree.js」
Shree.js Shree.jsは3D描画ライブラリの代表ともいえるthree.jsよりも軽量な3Dライブラリです。豊かな機能性の代償にサイズが大きくなりがちですが、もう少し機能を抑えても良いので軽くしてほしい、というニーズは少なく...
Webサイトに訪問したユーザーの行動を記録し、再生できるライブラリ・「rrweb」
rrweb rrwebはWebサイトに訪問したユーザーの行動を記録、再生する為のWebセッションリプレイライブラリです。主に行動分析やバグの再現によるフィードバック向上、Webサイト上におけるユーザーとの対話(チャット等)の記録などを...
任意のWebサイトのシンプルなスクリーンショットをフレーム付きで撮れる・「Screen Guru」
Screen Guru Screen Guruは任意のWebサイトのSSを撮影できるツールです。SSはブラウザ枠への合成もへこうして行われ、背景の有無の設定やブックマークレットの利用も可能です。よく見かけるブラウザ拡張機能のように性能...