見た目を確認しながらVScodeのテーマを探せる・「VSCodeThemes」
VSCodeThemes VSCodeThemesはVisual Studio Codeのテーマを、見た目を確認しながら探せるテーマ検索サイトです。人気のテーマ、Light、Darkから一覧表示できますのでデザインギャラリーの感覚で効...
Resource - フロントエンドエンジニア向け
スタッキング出来るモーダルウィンドウ実装スクリプト・「Popbox.js」
Popbox.js Popbox.jsはポップアップをスタッキングできるモーダルウィンドウスクリプトです。表示されたモーダルウィンドウからさらに子ウィンドウを表示できる、というもの。依存性もなく単体で動作、サイズも軽量です。入れ子に出...
SVG製の小規模なチャートを描けるライブラリ・「Dailychart.js」
Dailychart.js Dailychart.jsはSVGにで描ける小規模なチャートライブラリです。主に株価チャートの実装を目的に作られているようです。データは直接カスタムデータ属性に入力して実装する形となります。クセもなく扱...
HTML/CSS/JavaScriptで作られた時計のみを収集している・「Clock Shop」
Clock Shop Clock ShopはHTML、CSS、JavaScriptだけでブラウザで動作する様々な時計を収集しているプロジェクトサイトです。Codepenで公開されている時計コンテンツだけを収集、公開しているみたいです。...
安全性を強く意識したストレージサービス・「CRYPTEE」
CRYPTEE CRYPTEEは、安全性をより強く意識して作られたセキュアなストレージサービスです。文章や画像を暗号化して保存してくれるとの事。ゼロ知識証明を利用したクラウドタイプのストレージサービスで、匿名で利用可能、AES-256...
なるべく強固なパスワードを入力して貰う為のフォームのサンプル
Better Password Form See the Pen Better Password Form by kachibito (@kachibito) on CodePen. Codepenでパスワード設定の際のフォーム...
UI構築の際に役立ちそうなリソースを収集した・「Ui Goodies」
Ui Goodies Ui GoodiesはUI構築の際に役に立ちそうなリソースをまとめているキュレーションページです。アクセシビリティや色、エフェクト、フレームワークや素材など適切にカテゴライズされており、ストレスなく探すことができ...
開発者向けの動画だけを大量に収集、検索できる・「DevTube」
DevTube DevTubeは開発者向けの動画を大量に収集、検索できるサービスです。技術やスピーカー、言語（プログラミング言語だけでなく、スピーカーが何語で話しているか）などで絞り込むことも出来ます。個人的にはもう少し探しやすいカテ...
OSSのバグ修正等をクラウドソーシングライクに依頼できるプラットフォーム・「IssueHunt」
IssueHunt IssueHuntはオープンソースのissueをクラウドソーシングライクに依頼できるプラットフォームです。開発者のGitHub上のリポジトリをンポート、issueを上げて、他開発者にバグ修正を依頼可能にする、という...
任意のWebサイトのスクリーンショットを撮ってEMBEDも出来る・「Snapito」
Snapito Snapitoは任意のWebサイトのSSを撮影、EMBED出来るスクショサービスです。EMBEDというかURLが発行される（Example）のでそのまま利用できる、というもの。モニタサイズの変更や画像サイズなどのオプシ...
スクロールに応じてCSS keyframesライクな書き方でアニメーションを付与できる・「Motus」
Motus Motusはスクロールに応じて任意の要素にアニメーションを付与する為のライブラリです。非依存なので単体で使えます。アニメーションはCSS keyframesライクな書き方ができますのでCSSの知識がある方なら扱いやすいと思...
Nimで書かれたDiscourseライクなフォーラムを実装できるOSS・「NimForum」
NimForum NimForumはnimで書かれたDiscourseライクなフォーラムです。OSSとしてソースコードが公開されています。Nim公式で使われているフォーラムを公開しているみたいです。軽量でシンプル、使いやすく個人的には...
コードスニペットやプレーンテキストを保存可能なスニペット管理ツール・「PasteCloud.net 」
PasteCloud.net PasteCloud.netはコードスニペットやプレーンテキストを保存、管理できるツールです。Gistとかpaste.inみたいなツールです。対応言語は多くありませんが一応embed、フォーク、印刷も出...
Vue.jsを使用したデスクトップアプリを作成できる・「Vuido」
Vuido VuidoはVue.jsを使用したデスクトップアプリを作成できるフレームワークです。libuiライブラリが使用されていますのでProton Nativeと似たような感じかもしれません。各OSで動作するよう設計されており、E...
イベントを作成、管理できるオープンソースのmeetupクローン・「MeetHub」
MeetHub MeetHubはオープンソースのmeetupクローンです。イベントをユーザーが作成、管理できる、というシンプルなもの。PythonとDjangoで構築されているそうです。meetup自体日本語化されていますが、個人的に...
Bootstrapベースのスタイルガイド用テンプレート・「Bootstrap Style Guide Boilerplate」
Bootstrap Style Guide Boilerplate Bootstrap Style Guide BoilerplateはBootstrapベースのスタイルガイド用Boilerplateです。スタイルガイド作成の手間を省...
テキスト、ボイス、ビデオでのチャットとリッチテキストやコードエディターの共有機能も付いた無料のオープンソースなチャットツール・「oorja」
oorja oorjaは無料のチャットツールです。個人的にいままでで一番良いチャットアプリでした。テキスト、ボイス、ビデオチャットに対応しており、リッチテキストやコードエディタを複数人で共有、リアルタイムに共同作業を行う事が出来ます。...
シンプルで見やすいチャートを生成できるライブラリ・「TOAST UI Chart」
TOAST UI Chart TOAST UI Chartはシンプルで見やすいチャートを生成できるJavaScriptライブラリです。ラインやバー、パイ、マップなどよく使われるチャートタイプから、他のタイプの様々なチャートもサポートし...
HTML、CSS、JavaScriptの機能をシンプルに教えてくれる・「simpl.info」
simpl.info simpl.infoはHTML、CSS、JavaScriptの機能をシンプルに教えてくれるプロジェクトサイトです。よくあるスニペットコードの紹介ではなく、標準でこんなAPIあるよ、このAPIでこんなこと出来るよ、...
Vue.jsで作れるオープンソースのUIデザインツール・「Vue Design System」
Vue Design System Vue Design SystemはVue.jsベースのUIデザインシステムです。チームで使う事を想定されているようで、使用者がHTML、SCSS、JavaScriptを扱ったWebアプリ開発の基礎...
非依存で軽量の、Webサイト内をハイライトで案内するWebサイトツアー実装スクリプト・「Driver」
Driver DriverはWebページを案内するページツアーを実装するスクリプトです。たまに見かける、任意の場所をハイライトしてユーザーにWebページの使い方等を教える、というもの。単純にハイライトするだけ、ハイライトせずツール...
オープンソースのプロジェクトのみを探せる検索エンジン・「OpenKube」
OpenKube OpenKubeはOSSなプロジェクトのみを探せる検索エンジンです。基本的にはGithubから引っ張ってきてるようです。大量のOSSから探せる点を特徴としてあげていますが、数年前に止まっていたり、プロジェクトそのもの...