Resource - プログラミング補助

Webflowによるサイト構築で効率化や最適化をサポートするノーコードツール・「Stacket」

Stacket StacketはWebflowによるサイト構築で効率化や最適化をサポートするノーコードツールです。Webflowと同じくノーコードアプリとなっています。 Webflowで作成或いは更新したWebサイトをStack...

Tailwind.cssベースのWebサイトのデバッグをサポートするDevTools拡張・「Tailwind DX」

Tailwind DX Tailwind DXはTailwind.cssベースのWebサイトのデバッグをサポートするDevTools拡張のためのChromeエクステンションです。 インストールすると普段使うDevToolsにTa...

JSONのフォーマットやバリデート、ツリー表示、圧縮等が可能なWebアプリ・「JSON Formatter」

JSON Formatter JSON FormatterはJSONのフォーマットやバリデート、ツリー表示、圧縮等が可能なWebアプリです。 JSONのコードをCSVやXMLに変換、ダウンロード出来るようにしたりツリー表示で分か...
Ads

開発者向けに提供している扱いやすいスクリーンショットAPI・「screendot」

screendot screendotは開発者向けに提供している扱いやすいスクリーンショットAPIです。任意のWebサイトのSSを取得し、JSONでデータを返してくれます。 データは画像のパス、フォーマット(JPG、PNGに加え...

PythonやPHP、JavaScriptなど言語別にそれぞれよく使われる正規表現のコードを確認出来る・「RegEx Library」

RegEx Library RegEx LibraryはPythonやPHP、JavaScriptなど言語別にそれぞれよく使われる正規表現のコードを確認出来る正規表現コードサンプルのライブラリです。 例えばメールアドレスや電話番...

開発者向けのリソースを大量にコレクションしたキュレーションリスト・「DevAssets」

DevAssets DevAssetsは開発者向けのリソースを大量にコレクションしたキュレーションリストです。よくあるツールやリソースのまとめサイトですね。 ツールやチュートリアル、ソフトウェア、ホスティング、DB、各デザインリ...

Web開発時に重宝するツールやリソースをカテゴリにわめてまとめた・「DevBox」

DevBox DevBoxはWeb開発時に重宝するツールやリソースをカテゴリにわめてまとめたキュレーションサイトです。CSSをDevtoolsを使わず調査できるブラウザ拡張をサービスとして展開するIntabによるまとめ。 各フレ...

HTMLのタグ内に含めて良いタグかどうかを教えてくれる、HTMLタグのネスト可否チェックツール・「Can I Include」

Can I Include Can I IncludeはHTMLのタグ内に含めて良いタグかどうかを教えてくれるWebアプリです。HTMLタグがネスト可能かどうかをチェックできる、というもの。 調べ方は簡単で、左に子、右に親のHT...

JavaScriptのコードスニペットのパフォーマンスを比較できるチェックツール・「HASTY」

HASTY HASTYはJavaScriptのコードスニペットのパフォーマンスをオンラインで比較できるチェックツールです。上のようにembedやURLで共有する事も可能となっています。 昔からあるjsperfやJSBench.m...

1つのページで複数のJavaScriptコードスニペットを個別に実行できるWebアプリ・「CodeSnippet.Run」

CodeSnippet.Run CodeSnippet.Runは1つのページで複数のJavaScriptコードスニペットを個別に実行できるWebアプリです。 jsfiddleやcodepenなどのようにCSSやHTML等のタブは...

モバイルデバイス向けのWebサイト構築のために開発された開発者向けブラウザ・「LT Browser」

LT Browser LT Browserはモバイルデバイス向けのWebサイト構築のために開発された開発者向けブラウザです。クロスブラウザテストのアプリを公開しているLambdaTestが開発したブラウザになります。 プリインス...

Web制作等の際にあると地味に便利なWebアプリを複数公開している・「10015.io」

10015.io 10015.ioはWeb制作等の際にあると地味に便利なWebアプリを複数公開しているWebサイトです。 どこかで公開されているアプリを紹介しているのではなく、全て自身のWebサイトで公開されているもので、ダミー...

各種デコード/エンコードやコードフォーマット、コンプレッサーやDiffなど開発者向けのシンプルなツールを豊富にそろえたミニツール集・「smallDev tools」

smallDev tools smallDev toolsは各種デコード/エンコードやコードフォーマット、コンプレッサーやDiffなど開発者向けのシンプルなツールを豊富にそろえたミニツール集です。 以前ご紹介したFrontend...

ワークフローを向上させる開発者向けツールをピックアップしている・「what devs need」

what devs need what devs needはワークフローを向上させる開発者向けツールをピックアップしているキュレーションサイトです。 生産性向上ツールやホスティング、学習サイト、DB、API、IDEや監視サイト、...

アプリケーションにパスワードレスでセキュアな認証システムを提供する・「MojoAuth」

MojoAuth MojoAuthはさまざまなアプリケーションにパスワードレスでセキュアな認証システムを提供するサービスです。 まず最初に、MojoAuthはまだβ版との事なので、本番環境にはまだ採用を控えておいた方が良さそう、...

300以上の開発者向けチートシートを収集、探しやすくまとめている・「Code House」

Code House Code Houseは300以上の開発者向けチートシートを収集、フィルタリングやキーワード検索などで探しやすく設計されたチートシート検索アプリです。 それぞれのチートシートはプログラミング言語やツール、また...

完全に無料或いは少なくとも1年無料で使える開発者向けのツールのリスト・「Free Dev Stuff」

Free Dev Stuff Free Dev Stuffは完全に無料或いは少なくとも1年無料で使える開発者向けのツールのリストです。 目に付いたものを何でもかんでもリストに追加しているのではなく、厳選してリスト化しているようで...

Twitter等に投稿されたコードスニペットを収集している・「QuickSnippets」

QuickSnippets QuickSnippetsはTwitter等に投稿されたコードスニペットを収集しているWebサイトです。 コードを画像化するサービスがあるように、画像化コードをTwitterで投稿する文化が他国の界隈...

任意のスニペットコードを手軽に保存、共有、管理できる・「thiscodeWorks」

thiscodeWorks thiscodeWorksは任意のスニペットコードを手軽に保存、共有、管理できるWebサービスです。ブラウザ拡張を併用する事でより管理が捗ります。拡張機能を使う事を前提のサービスとも言えそうです。 ユ...

ログインやユーザー登録不要で任意のコードスニペットを管理できるシンプルなブラウザ拡張・「Snippy」

Snippy Snippyはログインやユーザー登録不要で任意のコードスニペットを管理できるシンプルなChromeエクステンションです。 エクステンションを起動するとその場にエディタが表示され、任意のフォルダを作成してコードスニペ...

コードスニペットをフォルダで管理したりカスタマイズ可能なスクリーンショットを撮ったりembedも出来るスニペット管理ツール・「CodeKeep」

CodeKeep CodeKeepはコードスニペットをフォルダで管理したりカスタマイズ可能なスクリーンショットを撮ったりembedも出来るスニペット管理ツールです。 単純にコードスニペットを登録するだけでなく、フォルダでカテゴラ...

ブラウザのタブでHTML/CSS/JavaScriptを書いて実行できる拡張機能・「HTML New Tab」

HTML New Tab HTML New TabはブラウザのタブでHTML/CSS/JavaScriptを書いて実行できるChromeの拡張機能です。 jsfidleやCodepenのようなものですが、他ライブラリを読み込んだ...
Ads