立方体で作るボクセルアートを簡単な操作で作成、公開できる・「VOXELCANVAS」
VOXELCANVAS VOXELCANVASは立方体で作るボクセルアートを簡単な操作で作成、公開できるオンラインのボクセルアートエディターです。 マイクラのような立方体で作るコンテンツを直感的に作成できる、というもの。作成だけ...
Resource - 編集ツール
自分好みのVS Codeのテーマをブラウザでプレビューを見ながら作成できる・「Theme Studio」
Theme Studio Theme Studioは自分好みのVS Codeのテーマをブラウザでプレビューを見ながら作成できるWebアプリです。 使い方は簡単で、各所の色を決めていくだけ、というものになりますが、その「各所」の数...
Tailwind.cssを使ったプロトタイプをノーコードで作れるWebアプリ・「Karacks」
Karacks KaracksはTailwind.cssを使ったプロトタイプをコードを書かずに作れるWebアプリです。 3カラムで構成されたエディターで、左はアウトラインが、中央はプレビュー、右は設定エリアとなっています。ア...
ドラッグ&ドロップと簡単な編集作業でTailwind.cssベースのWebサイトを作れるオンラインページビルダー・「Tails」
Tails Tailsはドラッグ&ドロップと簡単な編集作業でTailwind.cssベースのWebサイトを作れるオンラインページビルダーです。 ある程度ユーザー数を伸ばしたCSSフレームワークは大抵この手のツールが出ます...
任意のWebページの見た目をカスタマイズできるオープンソースのブラウザ拡張・「Stylebot」
Stylebot Stylebotは任意のWebページの見た目をカスタマイズできるオープンソースのブラウザ拡張です。 カスタマイズしたいWebページで起動する事で右サイドからツールバーがスライドインします。ベーシックモードではフ...
アニメーションするクリエイティブな広告バナーを作成可能なWebアプリ・「Viewst」
Viewst Viewstはアニメーションするクリエイティブな広告バナーを作成可能なWebアプリです。特別な知識は不要でアニメーションバナー広告をブラウザで作成、ダウンロードする事が出来ます。 GoogleやFacebookアカ...
任意のSVGファイルをアップロードして色を変更したり背景を追加したりできるオンラインSVGエディタ・「Iconscout Icon Editor」
Iconscout Icon Editor Iconscout Icon Editorは任意のSVGファイルをアップロードして色を変更したり背景を追加したりできるオンラインSVGエディタです。 アップロードするSVGを選択するか...
クロスプラットフォームで動作する事を想定して設計されたMarkdownエディタ・「Markably」
Markably Markablyはクロスプラットフォームで動作する事を想定して設計されたMarkdownエディタです。 現在はWebアプリ版のみの提供ですが、現在Win、Mac、Linuxで動作するデスクトップ版や各スマホ版も...
ドローツールやロゴデザインツール、ペイントツールなどが揃ったグラフィックWebアプリ・「YouiDraw」
YouiDraw YouiDrawはドローツールやロゴデザインツール、ペイントツールなどが揃ったマルチグラフィックWebアプリです。 ドローツールやロゴデザインツールは基本的に雛型を元に作成する流れの様です。ペイントツールは自由...
ブラウザでTailwindのカスタマイズテストが出来る・「Tailwind Play」
Tailwind Play Tailwind PlayはブラウザでTailwindのカスタマイズテストが出来るWebアプリです。公式サイトが公開してるみたいです。 CSSとHTMLの編集は勿論、エリアの分割や異なるモニタサイズで...
コード不要でレスポンシブ対応のWebページを作成、ダウンロードできるシンプルなWebサイトビルダーアプリ・「Aspect」
Aspect Aspectはコード不要でレスポンシブ対応のWebページを作成、ダウンロードできるシンプルなWebサイトビルダーアプです。 よくあるタイプの簡易的なビルダーではなく、要素はD&Dで配置したり矢印キーで微調整可能、色...
会話しながらコード共有やペアプログラミングが出来る開発者向けのコードエディタ付きビデオ会議ツール・「GitDuck」
GitDuck GitDuckは会話しながらコード共有やペアプログラミングが出来る開発者向けのエディター付きビデオ会議ツールです。 オンラインビデオチャットにペアプログラミングが可能なコードエディタが付与してる、みたいなやつ。ブ...
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で保存...
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...