ブラウザで動作するExcelライクなスプレッドシートを構築する為のReactコンポーネント・「Rows n’ Columns」
Rows n' Columns Rows n' Columnsはブラウザで動作するExcelライクなスプレッドシートを構築する為のReactコンポーネントです。 Googleスプレッドシート並みの高性能レンダリングを実現、高パフ...
Resource - Webディレクター向け
ドキュメントの管理やショートカットによる定型文挿入が可能なChromeエクステンション・「Linguix」
Linguix Linguixはドキュメントの管理やショートカットによる定型文挿入が可能なChromeエクステンションです。 導入する事でtextarea内に書いた文章をドキュメントとして保存したり、予め設定した定型文を任意のシ...
CSSの用語を視覚的に学べる・「CSS Vocabulary」
CSS Vocabulary CSS VocabularyはCSSの用語を視覚的に学べるスタディサイトです。教育機関や研修など、教材向けに良さそうです。 実際のCSSのコードが左ペインに書かれており、右ペインにCSSで使われてい...
ミニマルなスタイルの汎用的なオープンソース線画アイコンセット・「Basicons」
Basicons Basiconsはミニマルなスタイルで汎用的に使えるようデザインされたオープンソースの線画アイコンセットです。 サイズやストロークの太さなどを設定して個別にDLしたりまとめてDL出来るようになっています。 ...
アイソメトリック図で描けるダイアグラム作成Webアプリ・「Isoflow」
Isoflow Isoflowはアイソメトリック図で描けるダイアグラム作成Webアプリです。仕様は単純で、アイソメトリックな3Dアイコンを配置してダイアグラムを作成する、というもの。 現状使えるアイコンがあまりに少ないので作れる...
シンプルなものからユニークなものまで様々なCSS製のスピナーやローダーをまとめた・「CSS3 Loader & Spinners」
CSS3 Loader & Spinners See the Pen CSS3 Loader & Spinners by kachibito (@kachibito) on CodePen. CSS3 Lo...
オープンソースのカスタマー向けリアルタイムチャットツール・「Papercups」
Papercups Papercupsはオープンソースのカスタマー向けリアルタイムチャットツールです。ウィジェットも合わせてOSSとなっています。 よくWebサイトの右下などに設置されてるカスタマー用のチャットウィジェットを提供...
簡単な設定で使える軽量でモダンなキーバインドライブラリ・「tinykeys」
tinykeys See the Pen yLOBWdj by kachibito (@kachibito) on CodePen. tinykeysは簡単な設定で使える軽量でモダンなキーバインドJavaScriptラ...
ブラウザで動作するオープンソースのスプレッドシート・「Luckysheet」
Luckysheet Luckysheetはブラウザで動作するオープンソースのスプレッドシートです。ExcelやGoogleスプレッドシートのような表計算ツールで、OSSとしてソースも公開されています。 クローンと言っても過言で...
Github gistや任意のスニペットコードを画像化できるWebアプリ・「Snippet Shot」
Snippet Shot Snippet ShotはGithub gistや任意のスニペットコードを画像化できるWebアプリです。過去に同じ目的のアプリを紹介しました。こちらは後発サービスになります。 任意のコードなら直接書き込...
コピー&ペーストで使えるシンプルなアイコンのセット・「Indie Icons」
Indie Icons Indie Iconsはコピー&ペーストで使えるシンプルなアイコンのセットです。アイコンごとにSVGやCSSのコードをコピーする事が出来るようになっており、アイコンをわざわざDLせずとも即利用できるようになって...
画像のメイン部分を残し、自動で背景を削除するオンラインの切り抜きツール・「Slazzer」
Slazzer Slazzerは画像のメイン部分を残し、自動で背景を削除するオンラインの切り抜きツールです。 以前にご紹介したremove.bgやSocialBook Free Background Removerなどの後発...
タイムゾーンの異なるリモートチームの為のビデオ会議ライクなビジネスツール・「Grapevine」
Grapevine Grapevineはタイムゾーンの異なるリモートチームの為のビデオ会議ライクなビジネス向けビデオツールです。 一見通常のビデオ会議アプリのようですが、チームのメンバーは基本的に動画を録画し、それぞれが都合の良...
架空の都市の地図を作成出来るオープンソースのWebアプリ・「Map Generator」
Map Generator Map Generatorは架空の都市の地図を作成出来るオープンソースのWebアプリです。 細かな設定項目を決めてgenerateを押すだけで決めた設定に沿った地図がランダム生成されます。作成した地図...
CSSやHTML、JavaScript等で、似たような挙動をするタグや方法で何が違うのかを解説する・「this vs that」
this vs that this vs thatはCSSやHTML、JavaScript等で、似たような挙動をするタグや方法で何が違うのかを解説するWebサイトです。 ちょっと何言ってるか分からない、という方もいらっしゃると思...
商用でも無料で使える1000以上のミニマルなオープンソースのアイコンセット・「Teenyicons」
Teenyicons Teenyiconsは商用でも無料で使える1000以上のミニマルなオープンソースのアイコンセットです。 ラインタイプと塗りつぶしタイプの2種が500以上用意されており、合わせて1000以上のアイコンがセット...
アニメーションしながら動的に順位が入れ替わるバーチャートを生成できるOSS・「Bar chart race generator」
Bar chart race generator Bar chart race generatorはアニメーションしながら動的に順位が入れ替わるバーチャートを生成できるOSSです。Bar chart raceって言うんですね。初めて知...
デザイナーの業務をサポートするツールやリソースを集約した・「Design Resources」
Design Resources Design Resourcesはデザイナーの業務をサポートするツールやリソースを集約したキュレーションサイトです。 多くの役割を担う各業界の様々なデザイナーの方の業務をサポートしてくれるような...
Youtubeで公開されているソフトウェア開発のチュートリアル動画を学びやすくまとめている・「Tutorialist」
Tutorialist TutorialistはYoutubeで公開されているソフトウェア開発のチュートリアル動画を学びやすくまとめているWebサイトです。 フロントエンドやバックエンド、各プログラミング言語の基礎、データベース...
複数の会話を並行して行う事を想定したビデオ会議プラットフォーム・「Rally」
Rally Rallyは複数の会話を並行して行う事を想定したビデオ会議プラットフォームです。 懇親会的なものをオンラインで再現する、をキャッチフレーズにサービスを展開しているみたいです。 複数の仮想テーブルを用意して各テー...
WebサイトやWebアプリ開発に関わる業務の方向けのツールを大量に収集している・「appydev」
appydev appydevはWebサイトやWebアプリ開発に関わる業務の方向けのツールを大量に収集しているWebサイトです。 やや偏りは感じますが、フロントエンドやマーケティング、デザインなどに関わる方には特に役立ちそうなツ...
顔や服、髪型、色や表情など様々なパーツをランダムに組み合わせた人物イラストを生成し、Webサイトやアプリ等に使用できるOSS・「Big Heads」
Big Heads Big Headsは顔や服、髪型、色や表情など様々なパーツをランダムに組み合わせた人物イラストを生成し、Webサイトやアプリ等に埋め込めるツールです。 パーツは17種用意されており、組み合わせる事で10億通り...