任意の要素をドラッグ移動出来るようにする軽量スクリプト・「dragmove.js」
dragmove.js See the Pen WNxjgOe by kachibito (@kachibito) on CodePen. dragmove.jsは任意の要素をドラッグ移動の操作が出来るようにする軽量ス...
Resource - オープンソース
くっきりしていて見やすいシンプルなオープンソースの線画SVGアイコンパック・「Phosphor」
Phosphor Phosphorはくっきりしていて見やすいシンプルなオープンソースの線画SVGアイコンパックです。 600近い種類の汎用的なSVG線画アイコンが用意されており、線の太さや色などをサイト内で調整する事も可能となっ...
様々なタイプのHTMLメールの雛型をまとめた・「Coded Mails」
Coded Mails Coded Mailsは様々なタイプのHTMLメールの雛型をまとめたHTMLメールキュレーションサイトです。 HTMLメールといっても用途はいろいろありますが、ウェルカムメールやパスワードリセット、決済後...
RoughJSを使ったラフなタッチのFontAwesome・「Rough Awesome Font」
Rough Awesome Font Rough Awesome FontはRoughJSを使ったラフなタッチのFontAwesomeアイコン集です。RoughJSを使ってFontAwesomeの無償版のアイコンをラフ絵に変換したSV...
Gatsby搭載のドキュメントサイト向けサイトジェネレーター・「Docxy」
Docxy DocxyはGatsby搭載のドキュメントサイト向けサイトジェネレーターです。静的で高速なドキュメントサイトの構築を目的としているようです。 Reactで作られた静的サイトジェネレーターのGatsbyが使われており、...
カスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤー・「vime.js」
vime.js vime.jsはカスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤーです。 基本的には単体で動作しますが、ReactやVue、Svelteなど他フレームワークもサポートされています。 動画...
Notionにインスパイアされたオープンソースのカンバンボード付きノートアプリ・「Notence」
Notence NotenceはNotionにインスパイアされたオープンソースのカンバンボード付きノートアプリです。 Markdownで書けるノート機能と、Todoリストやプロジェクト管理が出来るカンバンボードが備えられており、...
小さなサイズでも形状を認識できるようデザインされたオープンソースのミニマルなアイコンセット・「Radix Icons」
Radix Icons Radix Iconsは小さなサイズでも形状を認識できるようデザインされたオープンソースのミニマルなアイコンセットです。 15×15のとても小さなサイズで設計されていますが、どれも視認性を損なう事無く、ど...
タッチデバイスフレンドリーなブロックレベルのコンテンツエディターライブラリ・「SmartBlock」
SmartBlock See the Pen SmartBlock Demo by kachibito (@kachibito) on CodePen. SmartBlockはッチデバイスフレンドリーなブロックレベ...
カンバンボードも備えたオープンソースのプロジェクト管理ツール・「Taskcafe」
Taskcafe Taskcafeはカンバンボードも備えたオープンソースのプロジェクト管理ツールです。Goで書かれています。 主に個々人のワークフローに合ったプロジェクト管理ツールを提供できるのが目標だそうです。 現在はア...
シンプルで汎用的なオープンソースのアイコンセット・「Mono Icons」
Mono Icons Mono Iconsはシンプルで汎用的なオープンソースのアイコンセットです。136個の、よく利用されるようなアイコンが用意されています。 WebやモバイルなどのアプリやWebサイトなど、様々なデジタルプロダ...
Moment.jsライクに使える2KBほどの軽量な日付操作ライブラリ・「Day.js」
Day.js Day.jsはMoment.jsライクに使える2KBほどの軽量な日付操作ライブラリです。Moment.jsとほぼ同じ使い方で同じように操作する事が出来ます。 他ライブラリにも依存せず、Moment.jsを使って...
ログインもメールアドレス等も不要で使えるオープンソースのセキュアなチャットツール・「chatsecure.online」
chatsecure.online chatsecure.onlineはユーザー登録やログイン、メールアドレス等も不要で使えるオープンソースのセキュアなチャットツールです。 チャットを開始すると特定の番号が割り当てられるのでその...
タスクを自動化するオープンソースのZapier代替・「Actionsflow」
Actionsflow ActionsflowはZapierやIFTTTなどのように様々なサービスの連携タスク/ワークフローの自動化が可能なWebアプリです。 オープンソースで提供されており、Zapier代替ツールとして開発した...
Googleストリートビューのスクリーンショットをダミー画像として提供する・「Placeholder Images from Google Street View」
Placeholder Images from Google Street View See the Pen yLOWNbO by kachibito (@kachibito) on CodePen. Placeh...
ダウンロードもユーザー登録も不要で使えるオープンソースのグループビデオチャットツール・「Talk」
Talk Talkはダウンロードもユーザー登録も不要で使えるオープンソースのグループビデオチャットツールです。JavaScriptで書かれています。 アクセスするとすぐにランダムで作られるURLにリダイレクトされるのでそのURL...
ブラウザでデッサン用モデル人形を実装、関節も動かせるOSS・「Reference」
Reference Referenceはデッサン用モデル人形をブラウザで実装、関節を動かして様々なポーズを表現できるOSSのWebアプリです。 使い方は簡単・・ではあるんですが、なかなか思うようにポーズを作れませんでした...
Webサイトに映画のようなスタッフロールを追加できるスクリプト・「QreditRoll」
QreditRoll QreditRollはWebサイトに映画のようなスタッフロールを追加できるスクリプトです。 ボタンのクリックで自動スクロールするスタッフロールが開始される、というものですが、コナミコマンド(上上下下左右左右...
Vue.jsとBulma.cssで構築されたTrelloライクなオープンソースのカンバンツール・「Vue Trello Clone」
Vue Trello Clone Vue.jsとBulma.cssで構築されたTrelloライクなオープンソースのカンバンツールです。ネーミングそのまんまですが、Trelloと同機能を提供する訳ではなく、シンプルなカンバンアプリといっ...
未来SFっぽいUIを構築できるWebアプリ向けのUIフレームワーク・「Arwes」
Arwes Arwesは未来SFっぽいUIを構築できるWebアプリ向けのUIフレームワークです。React.jsベースとなっています。 サイバーパンクのようなものをイメージして作ったみたいです。Webアプリケーション等に使える独...
オープンソースのシンプルなモバイルアプリ解析ツール・「Femtolytics」
Femtolytics Femtolyticsはオープンソースのシンプルなモバイルアプリケーション分析ソリューションです。 Pythonで書かれています。 他の複合的な分析ソリューションとは別に、モバイルアプリのみにフォーカスし...
オープンソースのSlack代替なチャットアプリ・「Twake」
Twake Twakeはオープンソースとして公開されているSlack代替なコラボレーションチャットアプリです。 ワンクリックでメッセージ、ビデオ会議、ファイル共有、共同カレンダー、タスク管理などが利用可能となっています。 ...