SVGアイコンを好みのカラーパレットに変更、ダウンロードできる・「SVG Colorizer」
SVG Colorizer SVG Colorizerは任意のSVGアイコンを好みのカラーパレットで色を変更、ダウンロードできるWebアプリです。アプリ側で用意したアイコンの他、任意のSVGファイルをアップロードすると自動で解析し、カ...
Resource - 編集ツール
ブラウザで動作するクラウドベースのIDE・「Devmind.io」
Devmind.io Devmind.ioはクラウドベースのIDEです。FTP/SFTPサーバーに接続して、Webブラウザで開発する事が出来ます。複数デバイス、各言語もサポート、バックアップや認証、バージョン管理はDropboxで行い...
チームで使えるオンラインダイアグラム作成ツール・「Diagramiq」
Diagramiq Diagramiqはチームで使えるコラボレーションダイアグラム作成ツールです。オンラインで使えて動作もなかなか軽量、サインアップもGoogleアカウントで出来るようになっています。UIも分かりやすい印象です。公開/...
HTMLメールをテンプレートから手軽に作成、管理できるオンラインエディタサービス・「Stripo」
Stripo StripoはHTMLメールを手軽に作成、管理できるWebエディタサービスです。テンプレートから作成、D&Dでコンテナを追加/削除が可能でテキストやロゴの変更だけでなく、paddingやmargin等での微調整なども簡単...
ブラウザで楽譜を作成、結果も試聴できるオープンソースのエディタ・「Hacklily」
Hacklily Hacklilyは楽譜専門のエディタです。ブラウザで動作、OSSとしてソースコードが公開されています。書かれた楽譜はピアノ演奏による視聴も可能のようです。構成にmonacoとLilypondが使われているそうなので書...
ユーザー登録不要でブラウザで使えるシンプルなリアルタイムコラボレーションコードエディタ・「Snipper.io」
Snipper.io Snipper.ioはユーザー登録不要で手軽に使えるオンラインコードエディタです。多数言語に対応したシンタックスハイライターはもちろん、複数人によるリアルタイムコラボレーションコーディングも可能となっています。使...
フォークも出来るブラウザベースの高性能なベクターグラフィックエディタ・「Drawser」
Drawser Drawserはブラウザベースのドローツールです。高性能、高機能なベクターグラフィックスエディタを無料で利用する事が出来ます。ログインはGoogleアカウントでも可能ですが、ゲストログインも可能なので気軽に試す事ができ...
CSSのコードと解説を共有できる・「CSS Playground」
CSS Playground CSSのコードと解説を共有できるPlaygroundツールです。左ペインに解説、右ペインにはjsfidleライクなエディタ兼ビューエリアが設置されており、解説を見ながら動作を確認、学習できる、というもの。...
ランディングページを簡単に構築出来るLP作成ツール・「Flauntly」
Flauntly FlauntlyはLPを簡単に作成出来るLP作成ツールです。D&Dとテキスト入力等の簡単な操作で完了、コーディングスキルは不要です。沢山のコンポーネントを組み合わせてLPを完成させる事ができます。よくあるツールですが...
GitHubスタイルのシンプルなオンラインMarkdownエディタ・「Devpen」
Devpen DevpenはGithubスタイルのオンラインMarkdownエディタです。シンプルに、左カラムで書けば右カラムに反映される、というもの。エディタである事以外に特殊な機能等はほぼ皆無だけど見やすくていいんじゃないでしょう...
手軽にランディングページを作成できる・「Launchaco」
Launchaco Launchacoはスタートアップの為のLPビルダーです。ランディングページを手軽に作成、公開できる、というもの。作成時にユーザー登録せずに作成する事が可能で、公開する時にユーザー登録する形となるのでお試しで作成で...
手軽にインフォグラフィックやプレゼン等を作成、ダウンロードしたりembedで公開できる・「Visme」
Visme Vismeは手軽にインフォグラフィックやプレゼンを作成、ダウンロードや以下のようにembedでの公開が可能なWebサービスです。 Created using Visme. Free Online Presentati...
SketchやPhotoshop、Gimpなどのファイルをブラウザで開いて編集できるオンラインフォトエディタ・「Photopea」
Photopea PhotopeaはSketch（.sketch）やPhotoshop(.psd)、Gimp(.xcf)などのファイルを開き、編集出来るツールです。ブラウザで動くオンラインツールなのでOSを問わず動作します。上図はsk...
複数ユーザーで共同作業も可能な、簡単に使えるシンプルなフローチャート作成ツール・「Wireflow」
Wireflow Wireflowは簡単に使えるシンプルなフローチャート作成ツールです。この手のツールの中でも特に手軽に作成できる印象でした。コンテナは既にデザインされたものを追加する簡易的なタイプですが、任意の画像をアップロードする...
jsfiddleライクなエディタやカラーパレット作成ツール等を公開する・「Liveweave.com」
Liveweave.com Liveweave.comはjsfiddleライクなHTML/CSS/JavaScript実行ツールやカラーパレットを生成してSVGやPNGでダウンロードできるツール、CSSツールやベクターツールなどを公開...
数式を専門とするオンラインのWYSIWYGエディタ・「Mathcha」
Mathcha Mathchaは数式専門のオンラインWYSIWYGエディタです。複雑な数式をWYSIWYGライクなツールで記述、可視化することが出来ます。ダイアグラム等にも対応しており、書いた式にはURLが発行、シェアする事も出来る他...
WYSIWYGで作ったコンテンツのHTMLコードを発行する・「HTML Editor」
HTML Editor HTML EditorはWYSIWYGで作ったコンテンツのHTMLコードを発行するWebツールです。ちょっとピンと来ないかもしれませんが、WYSIWYGの提供ではなく、WYSIWYGで作ったコンテンツのコードを...
REACTのコード実行テストをブラウザ上で試せてEmbedも出来る・「CODESANDBOX」
CODESANDBOX CODESANDBOXはReactのPlaygroundツールです。ブラウザ上で実行テスト、上のようにEmbedも出来ます。また、Githubアカウントでのログインやフォーク機能など、この手のツールに備わってい...
ゲームアプリ等に使えそうなファンタジーな世界のマップイラストを作れるユニークなWebサービス・「Inkarnate Worlds」
Inkarnate Worlds Inkarnate Worldsはゲームアプリ等に使えそうなファンタジーなマップを作成出来るWebサービスです。上図のように古地図のようなテイストのマップを手軽に作成出来る、というもの。用意されている...
ブラウザでSVGを編集、ダウンロード出来るWebサービス・「Vecteezy Editor」
Vecteezy Editor Vecteezy EditorはブラウザでSVGを編集、ダウンロード出来るWebサービスです。操作も簡単でわかりやすい印象です。本ツールは、無料のベクター素材を配布するvecteezyが提供しているWe...
Webページとして公開もできるjsfiddleライクなコードテストツール・「PLAYCODE」
PLAYCODE PLAYCODEはWebページとして公開もできるjsfiddleライクなコードテストツールです。jsfiddleのようにHTML、CSS、JavaScriptをブラウザで動作テストできる、というツールですが、本ツール...
ブラウザで動作する軽量なベクタードローツール・「Inker」
Inker Inkerはブラウザで動作するベクターグラフィックスドローツールです。ブラウザ上でドロー、PNGやSVG、EPSなどでエクスポートする事が出来ます。動作も軽くUIもわかりやすく、割と使いやすい印象でした。アプリのツアーにg...