コーディング不要でWebサイトのテンプレートを作成する為のオープンソースソフトウェア・「GrapesJS」
GrapesJS GrapesJSはコーディングせずに直感でWebサイトのテンプレートを作成出来るエディタです。OSSとしてソースコードが公開されています。JS製でjQueryにのみ依存しています。必要なコンテナやテキスト、画像等をマ...
Resource - エディタ
ブラウザで動くスプレッドシートの為のスクリプト・「jQuery.sheet」
jQuery.sheet jQuery.sheetはブラウザで動くスプレッドーシートの為のスクリプトです。jQueryに依存しており、OSSとして公開されています。HTML、JSON、XMLもサポートされています。他にもこの手のものは...
GeoJSONをブラウザ上で作成できるOSS・「geojson.io」
geojson.io geojson.ioはGeoJSONをブラウザで編集、作成出来るWebツールです。オープンソースとしてもコードが公開されています。GeoJSONはGoogle Map APIでもサポートされている規格ですので馴染...
Instagramライクな画像フィルターを簡単に設定可能でCSSコードも出してくれる・「cssFilters」
cssFilters cssFiltersはInstagramライクな画像加工をCSSで施せるWebアプリです。画像はUnsplashから引っ張るか任意の画像をアップロードします。CSSgramが使用されており、プレビューを見ながらス...
MarkdownやLessにも対応したオープンソースのjsFiddleライクな軽量コードテストツール・「Jotted」
Jotted JottedはjsFiddleライクにブラウザでJSやHTML、CSSのコードを実行テスト出来るツールです。OSSとしてソースコードが公開されています。動作は非常に軽量でMarkdownやLess、CoffeeScrip...
ブラウザでPDFを作成するスクリプト・「pdfmake」
pdfmake pdfmakeはブラウザ上でPDFを作成する為の非依存型スクリプトです。JSONライクな記法で作成出来るみたいです。が、例によってこのままだと日本語は読み取ってくれませんので対応が必要になります。コードテストできるので...
アニメーションのピクセルアートを作成できるオンラインドローツール・「Draw!」
Draw! Draw!はアニメーションするピクセルアートを作成出来るドローツールです。サイズは16x16で、よくあるピクセルアートエディタにレイヤー機能が付いた、みたいなもの。2枚目からは右下部の+ボタン（add frame）でレイヤ...
JavaScriptで作られたSVG背景パターン作成ツール・「Dynamic SVG Background Pattern Maker」
Dynamic SVG Background Pattern Maker See the Pen Dynamic SVG Background Pattern Maker by Dudley Storey (@dudleystorey) ...
ブラウザでSwiftのコードを実行、動作テスト出来る・「IBM Swift Sandbox」
IBM Swift Sandbox IBM Swift SandboxはWeb上でSwiftのコードを実行出来るツールです。jsfiddleみたいな使い方でいいので簡単ですね。名前にもあるようにIBMのSwift関連のプロジェクトの内...
レスポンシブなHTMLメールを手軽に作れるWebサービス・「MailDeveloper 」
MailDeveloper MailDeveloperは手軽にレスポンシブWebデザインに対応したHTMLメールを作成出来るWebサービスです。一昔前に比べてHTMLメールもかなり浸透してきましたが、その背景にはスマフォの普及もあるか...
Semantic UIユーザー向けのリアルタイムプレビューツール・「SemanticEdit」
SemanticEdit SemanticEditはSemantic UIを使用している開発者向けのプレビューツールです。HTMLを書けばSemantic UIのスタイルが適応された状態のプレビューをリアルタイムで確認する事が出来ます...
手軽にランディングページの作成、公開が出来る・「ONTRApages」
ONTRApages ONTRApagesは手軽にランディングページ、ペラページの作成、公開が出来るWebサービスです。よくある、直感で作成出来る的なものですが、無料プランでも割と使えそうなので需要あるかなと思ってメモ的に。用意されて...
Basecamp製のシンプルなWYSIWYGエディタ・「Trix」
Trix Trixはプロジェクト管理ツールを運営するBasecamp社製のシンプルなインターフェースのWYSIWYGエディタの為のライブラリ。毎日使ってもストレス無く、WYSIWYGエディタでモバイル向けを含むWebブラウザ間にバグが...
シンプルな国産のプロトタイピングツール・「PLOGLESS」
PLOGLESS PLOGLESSは国産のシンプルなプロトタイピングツールです。直感的にマウス操作でモックアップ等の作成が可能です。国産なので言語の壁に悩むこともなさそうですね。プレビュー機能やQRコード発行等の機能も揃えられています...
クロスプラットフォームなベクターグラフィックツール・「Vectr」
Vectr Vectrはクロスプラットフォームなベクターグラフィックアプリです。Webでもデスクトップでも使えて同期したり書いたグラフィックのHTMLタグうぃ吐き出したり等も出来るみたいです。現在は無料で利用可能です。 Vect...
ブラウザ上でReact Nativeを試せる・「React Native Playground」
React Native Playground React Native Playgroundはブラウザ上でエディタとiOSシミュレーターを使ってReact Nativeをテスト、シェア出来るWebツールです。ブラウザでネイティブアプ...
OpenOfficeやGimp、Inkscape等のさまざまなデスクトップアプリをWebアプリで動作確認出来る・「rollApp」
rollApp rollAppはOpenOfficeやGimp、Inkscape等の様々なデスクトップアプリケーションを任意のデバイス上でWebアプリとして動作確認出来るWebサービスです。アプリ開発者が本サービスを利用していれば動作...
CSSやJavaScriptをブラウザ上で書いて動作テスト出来るMozilla製のオンラインコードエディタ・「Thimble」
Thimble ThimbleはCSSやJavaScriptをブラウザ上で書いて動作テスト出来るオンラインコードエディタ。Mozilla製でGithubにてソースコードも公開されています（今のところ特定のライセンス表記は見当たりません...
Webベースのスタイルガイドを手軽に作成出来る・「Frontify」
Frontify Frontifyは手軽にWebベースのスタイルガイドを作成出来るWebサービスです。用意されているテンプレを使ってドラッグ＆ドロップとテキストの編集、スタイルの設定で簡単に作成する事が出来ます。以下使用動画。 F...
ブラウザで動くオープンソースの3Dグラフィックエディタ・「WebGLStudio.js」
WebGLStudio.js WebGLStudio.jsはオープンソースで公開されている、ブラウザで使える3Dグラフィックエディタです。動作も思ったより重くなく、サクサクと動いてくれる印象でした。適当に触っただけなのでアレですが。3...
ブラウザで動作するHTML5製のミニマルなメモアプリ・「ZenPen」
ZenPen ZenPenはブラウザで動作するミニマルなメモアプリです。単純に、文章を書くためだけに作られていますので、機能らしい機能もほとんどありません。書いた文章はlocal storageに保存されます。テキストはドラッグでツー...
WordPressのシングルページ用テーマを管理画面内で手軽に構築出来るプラグイン・「OnePager」
OnePager OnePagerはシングルページのWordPressテーマを管理画面内で作成出来るWordPressのプラグインです。プレビューを見ながらコーディング不要で作成する事が出来るみたいです。使い方は動画を見れば大体わかり...