Resource - プログラミング補助

VS Codeの拡張機能として開発されたGithub Copilotライクな完全オープンソースのAIコード補完プラグイン・「Twinny」

TwinnyはVS Codeの拡張機能として開発されたGithub Copilotライクな完全オープンソースのAIコード補完プラグインです。完全に無料且つ完全にプライベートである事も仕様の1つとしているため、無料と言いつつAPIキー代金はかかる、といった事も無いようローカルでLLM推論を実行するOllamaやllama.cpp、LM Studio等とシームレスに動作するよう設計されています。

入力されたプロンプトに従ってAIがWebアプリを開発及び改善してくれるOSS・「GPT-Engineer」

GPT-Engineerは入力されたプロンプトに従ってAIがWebアプリを開発及び改善してくれるOSSです。OpenAIのGPT-4を活用して、さまざまなソフトウェアエンジニアリングのタスクを自動化してくれるよう開発されており、自然言語でインタラクティブなWebアプリの構築と改善のための再構築を繰り返し実行可能となっています。

フロントエンド開発者向けのTipsを紹介する動画を収集、閲覧できる・「Front Tips」

Front Tipsはフロントエンド開発者向けのTipsを紹介する動画を収集、閲覧できるWebサイトです。動画Tipsはタイパ的には劣りますが見れば理解できるようなものが多いので確実に理解するには動画は良い選択だと思います。
Ads

スクリーンキャストで動作確認、コードもコピー出来るSwiftUIコンポーネント集・「Trace」

Trace Traceはスクリーンキャストで動作確認できて、コードもコピー出来るSwiftUIコンポーネントのコード共有サイトです。 ユーザー同士で投稿しあう場のよう(まだ開設したばかりで2人しかいないみたい)で、動作する様子を...

開発者向けの様々なツール集が組み込まれたChatGPTベースのAIチャットツール・「DevGPT」

DevGPT DevGPTは開発者向けの様々なツール集が組み込まれたChatGPTベースのAIチャットツールです。APIキーは不要で利用可能となっています。 元々30個ほどの開発者ミニツールを公開していたみたいですが、これらにC...

任意のコードスニペットを入力するだけで、ChatGPTがそのコードがどう動いているかを説明してくれる・「What does this code do?」

What does this code do? What does this code do?は任意のコードスニペットを入力するだけで、ChatGPTがそのコードがどう動いているかを説明してくれるAIベースのコーディングサポートアプリ...

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に変換、ダウンロード出来るようにしたりツリー表示で分か...

開発者向けに提供している扱いやすいスクリーンショット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以上の開発者向けチートシートを収集、フィルタリングやキーワード検索などで探しやすく設計されたチートシート検索アプリです。 それぞれのチートシートはプログラミング言語やツール、また...
Ads