Resource - 編集ツール

Webページで任意の要素のCSSを調査、スタイルをその場で変更、複数保存、ライブプレビューが可能なブラウザ拡張・「StyleStash」

StyleStash StyleStashはWebページで任意の要素のCSSを調査、スタイルをその場で変更、複数保存、ライブプレビューが可能なChromeエクステンションです 任意の要素ピンポイントでDevtoolsのインスペク...

書いた文章を共有したりWebページとしてプレビュー出来るオンラインMarkdownエディタ・「Write.md」

Write.md Write.mdは書いた文章を共有したりWebページとしてプレビュー出来るオンラインMarkdownエディタです 登録不要で無料で利用できます。UIは左ペインに書いたMarkdownが右ペインに反映されるという...

プレビューを見ながら任意の平面充填を描画できるユニークなタイリング専用ドローツール・「EscherSketch」

EscherSketch EscherSketchはプレビューを見ながら任意の平面充填を描画できるドローツールです いわゆるタイリングを、結果を見ながら作成可能で、作ったタイル絵はタイル単位で保存したり描画する様子をSVGで保存...
Ads

Codepenのようにブラウザでコードを書いて実行テストできる・「Blnq Studio」

Blnq Studio Blnq StudioはCodepenのようにブラウザ上でコードを書いて実行テストを行えるWebアプリです 同じようにHTML、CSS、JavaScriptの動作テストが可能なのですが、少し違う点はJSO...

シンプルなテキスト言語でダイアグラムを書いてダウンロードできるWebアプリ・「Diagram.codes」

Diagram.codes Diagram.codesはシンプルな書き方でダイアグラムを作成、DL出来るWebアプリです 割と複雑めなフローチャートやシーケンス図など様々なダイアグラムを描くことができます というわ...

AIが作った25000枚の人物画像を配布、顔も変更できる・「ROSEBUD AI」

ROSEBUD AI ROSEBUD AIはAIが作った2万5千枚の人物画像を配布するプロジェクトです。 以前ご紹介した、10万人の顔の画像を無料で配布する100,000 AI-Generated Facesと違う点は、背景も作...

画像をアップロードするだけで人物部分だけ切り抜いてくれるWebアプリ・「Trace by Sticker Mule」

Trace by Sticker Mule Trace by Sticker Muleは画像をアップロードすると、その画像の中から人物の部分を解析して自動で背景を切り取ってくれるWebアプリです 選択できないので精度に依存する事...

シンプルで使いやすくPWAにも対応したオンラインWebサイトビルダー・「8b」

8b 8bはシンプルで使いやすいオンラインのWebサイトビルダーです。直感的な操作でWebサイトを作成、公開する事が出来ます よくあるビルダーサービスですが、UIもまぁまぁ分かりやすく、PWAにも対応しています。ページも...

アイソメトリックな画像を作成、SVGやPNG等でダウンロードできるオンラインエディタ・「Isobuild」

Isobuild Isobuildはアイソメトリック(等角投影法)な画像を作成、SVGやPNG、JPEG等でダウンロードできるオンラインエディタです 基本的には用意された素材を配置していくシンプルなもので任意の画像を生成...

BootstrapベースのWebページをブロック追加だけで作成、ダウンロードできるオンラインエディタ・「MDB Builder」

MDB Builder MDB BuilderはBootstrapベースのWebページをブロック追加だけで作成、ダウンロードできるオンラインエディタです Bootstrapのテーマやリソース、チュートリアル等を紹介するMDB...

D&DでWebページを作成、公開できる・「Builder」

Builder Builderは任意のWebサイトでドラッグ&ドロップでWebページを作成、公開できるWebアプリです 既存のWebサイトと統合する事で、D&Dで作成できるページビルダー機能を追加できるようにする、というもの ...

Markdownでドキュメントを書いてツリー形式で管理できる国産サービス・「Tree」

Tree TreeはMarkdownでドキュメントを書いてツリー形式で管理できる@sho_yamane氏による日本の国産サービスです。 マインドマップや情報の整理整頓、ストーリー構成やプランニングツールとしての利用を想定...

【追記】ブロックチェーン技術を使ったGoogleドキュメントやスプレッドシートのセキュアな代替ツール・「Arcane Office」

Arcane Office Arcane Officeはブロックチェーン技術を使ったGoogleドキュメントやGoogleスプレッドシートのセキュアな代替ツールです。GDPRにも準拠してるそう。 オンラインでドキュメント...

ブロックレベルでランディングページを作成できる・「Versoly」

Versoly VersolyはオンラインでLPを作成、公開できるLPビルダーです。ブロックレベルで作成する事ができます。 最初にどんなコンテンツのLPなのかを決め、メニューやヒーローイメージ、料金表、プロダクトの特徴やFAQな...

Markdownで書いてそのままWebページとして公開できる超シンプルなオンラインエディタ・「Markdown Bin」

Markdown Bin Markdown Binは書いたコンテンツをそのまま公開できる超シンプルなオンラインのMarkdownエディタです。 エディタと言っても、書くエリアと公開ボタンしか存在しない程度にはシンプルな設計となっ...

広告やトラッキング、無駄なスクリプトなどノイズの無いライターや小説家向けのミニマルなオンラインテキストエディタ・「Telescope」

Telescope Telescopeはノイズの無いミニマルなオンラインテキストエディタです。コードを書くようなものではなく、純粋な文章を書くためのアプリで主にライターや小説家等の文章を書くことを生業とする方向けにデザインされ...

CSSフレームワークを元に、直感的な操作でWebサイトを構築できる開発者向けのWebサイトビルダー・「Frontnd Builder」

Frontnd Builder Frontnd BuilderはCSSフレームワークを元に作られたテンプレートから、D&Dによるレイアウト調整やクリック→テキスト編集など、直感的な操作でWebサイトを開発できるWebサイトビルダーです...

SVGアイコンを好みのカラーパレットに変更、ダウンロードできる・「SVG Colorizer」

SVG Colorizer SVG Colorizerは任意のSVGアイコンを好みのカラーパレットで色を変更、ダウンロードできるWebアプリです。アプリ側で用意したアイコンの他、任意のSVGファイルをアップロードすると自動で解析し、カ...

ブラウザで動作するクラウドベースの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が使われているそうなので書...
Ads