ダイアグラム生成用言語のD2の使い方をオンラインで学べる・「D2 Playground」
D2 Playground D2 Playgroundはダイアグラム生成用言語のD2の使い方をオンラインで学べるWebアプリで、D2公式のアプリとなっています。 D2は宣言型ダイアグラム（Declarative Diagramm...
Resource - 編集ツール
JSONやXML、ARBなどをDeepl AIによる翻訳で自動化するオンラインツール・「DevTranslate」
DevTranslate DevTranslateはJSONやXML、ARBファイルなどをDeepl AIによる翻訳で自動化するオンラインツールです。アプリケーションの他言語化を支援するWebアプリ的なものになります。 翻訳は自...
Tailwind.css+ Alpine.jsのコードをプレビューとエディター付きで探せる・「Windl」
Windl WindlはTailwind.css+ Alpine.jsのコードをプレビューとエディター付きで探せるWebサイトです。オープンソースのコミュニティベースとなっているそうです。 パンくずやフォーム、カード、モーダルや...
白黒写真をカラー化するAIベースのWebアプリ・「Palette」
Palette Paletteは白黒写真をカラー化するAIベースのWebアプリです。開発者はGoogle Artsに所属するエンジニアで機械学習によるカラー化（ML colorized）に携わっているみたいです。 写真をアップロ...
ブラウザで動作するモーショングラフィックエディターWebアプリ・「Motionity」
Motionity Motionityはブラウザで動作するモーショングラフィックエディターWebアプリです。特にユーザー登録等も不要で誰でも無料で利用可能です。 複数レイヤーを使って任意のオブジェクトを時間経過に合わせて動くよう...
アイデアや考えを視覚化するためのオンラインホワイトボード型ドローアプリ・「OkSo」
OkSo OkSoはアイデアや考えを視覚化するためのオンラインホワイトボード型ドローアプリです。シンプルなUIで直感的に操作できますが、カラー変更ボタンだけちょっと分かりにくかったです。右下のズームボタンの脇にあります。 物理的...
HTMLを入力するとTailwind.cssが適応された状態でプレビューし、そのまま編集できるエディタ・「TailEdits」
TailEdits TailEditsはHTMLを入力するとTailwind.cssが適応された状態でプレビューし、そのまま編集できるユニークでシンプルなオンラインエディタです。 編集、というのはHTMLの方ではなく、プレビュー...
SvelteでWebアプリ開発する方の為のオープンソースIDE・「sVelocity」
sVelocity sVelocityはSvelteでWebアプリ開発する方の為のオープンソースのIDE（統合開発環境）です。electronベースみたいですね。クロスプラットフォーム対応となっています。 Svelteアプリのビ...
任意のSVGの各所の色やパスの削除等を簡単に行えるオープンソースのWebアプリ・「SVG Quick Editor」
SVG Quick Editor SVG Quick Editorは任意のSVGの各所の色やパスの削除等を簡単に行えるオープンソースのWebアプリです。 アップロードにはほとんど時間がかからず即座に表示されます。色やパスが個別に...
無料で使えるブラウザベースの2Dアニメーション専用ドローアプリ・「Bestsnip」
Bestsnip Bestsnipは無料で使えるブラウザベースの2Dアニメーション専用ドローアプリです。ブラウザベースなのでブラウザが動作する環境なら利用可能です。 とはいえ一応Andoridのタブレットでペンタブライクに使える...
webpにも対応の、自動で背景を透過処理するAI搭載の背景削除ツール・「Erase.bg」
Erase.bg Erase.bgはwebpにも対応の、自動で背景を透過処理する背景削除ツールです。過去に何度かご紹介したツールとほぼ同等のものになります。 背景削除は自動で行われる為、何を対象に残すかは制御できませんが、精度は...
ドラッグ&ドロップなど直感的な操作でFlutterアプリのUIを設計できるオンラインFlutter UI ビルダー・「FlutterFlow」
FlutterFlow FlutterFlowはドラッグ&ドロップなど直感的な操作でFlutterアプリのUIを設計できるオンラインFlutter UI ビルダーです。 Googleによって開発されたオープンソースのUIのSDK...
ブラウザでpoファイルを編集できるオンライン言語ファイルエディター・「Free PO Editor」
Free PO Editor Free PO Editorはブラウザでpoファイルを編集できるオンライン言語ファイルエディターです。moファイルとしてエクスポートする事も可能です。 WordPressなど一部のCMS等で使われて...
プラグインによる拡張も可能な、クロスプラットフォームで動作する軽量でシンプルなオープンソースのコードエディタ・「CudaText」
CudaText CudaTextはプラグインによる拡張も可能な、クロスプラットフォームで動作する軽量でシンプルなオープンソースのコードエディタです。 割と低スペックの端末でも軽量に動作するそうで、OSがLinuxでCPUがIn...
フリーランスのライター向けに作られたオンラインの静的Webジェネレーター・「Lancer Profile」
Lancer Profile Lancer Profileはフリーランスのライター向けに作られたオンラインの静的Webジェネレーターです。ライター向けのポートフォリオを作成できる、というものですが、ライター以外でも対応できそうです。メ...
手軽に使えるAIベースのオンラインフォトエディタ・「PhotoKit」
PhotoKit PhotoKitは手軽に使えるAIベースのオンラインフォトエディタです。細かい調整が出来ませんが、基本的に全ての作業を自動で行います。 特定のオブジェクトの切り取り、逆に特定のオブジェクトの除去、各レタッチ、フ...
スクリーンショット等の一部を拡大し、周囲をボカした画像に加工できるWebアプリ・「ProductShot」
ProductShot ProductShotはスクリーンショット等の一部を拡大し、周囲をボカした画像に加工できるWebアプリです。 上画像のように任意の画像をアップロードすると拡大鏡が表示され、周囲をボカしたり任意のカラーの透...
Githubのreadme.mdをプレビューで確認しながら編集し、ダウンロードできる・「Repository.md」
Repository.md Repository.mdはGithubのreadme.mdをプレビューで確認しながら編集し、ダウンロードできるWebアプリです。 リポジトリの名を指定するとそのリポジトリのreadme.mdが読み込...
立方体で作るボクセルアートを簡単な操作で作成、公開できる・「VOXELCANVAS」
VOXELCANVAS VOXELCANVASは立方体で作るボクセルアートを簡単な操作で作成、公開できるオンラインのボクセルアートエディターです。 マイクラのような立方体で作るコンテンツを直感的に作成できる、というもの。作成だけ...
自分好みの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フレームワークは大抵この手のツールが出ます...