Resource - プログラミング補助

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や監視サイト、...
Ads

アプリケーションにパスワードレスでセキュアな認証システムを提供する・「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のようなものですが、他ライブラリを読み込んだ...

CSS-Tricksによるコーディングに最適なフォントのまとめ・「Coding Fonts 」

Coding Fonts Coding FontsはCSS-Tricksによるコーディングに最適なフォントのまとめサイトです。 先日ご紹介したDev Fontsと異なり、肝心のコードは確認出来るものの、画像となっていて実際に打...

プログラミング向けの様々なフォントを、実際にコードを書いて試せる・「Dev Fonts」

Dev Fonts Dev Fontsはプログラミング向けの様々なフォントを、実際にコードを書いて試せるWebアプリです。 実際に書かれているコードは編集可能となっており、他にもテーマや言語の種類も変えられるようになっています。...

Youtubeで公開されているソフトウェア開発のチュートリアル動画を学びやすくまとめている・「Tutorialist」

Tutorialist TutorialistはYoutubeで公開されているソフトウェア開発のチュートリアル動画を学びやすくまとめているWebサイトです。 フロントエンドやバックエンド、各プログラミング言語の基礎、データベース...

Githubで公開されているコードの任意の行をブックマークできるChromeエクステンション・「Github Bookmarks」

Github Bookmarks Github BookmarksはGithubで公開されているコードの任意の行をブックマークできるChromeエクステンションです。 ファイル内の任意の行をブックマークし、Github内で管理す...

フロントエンド開発者向けのツールやリソースを大量にまとめた・「UNeed」

UNeed UNeedはフロントエンド開発者向けのツールやリソースを大量にまとめたキュレーションサイトです CMSやCSS、デザインやアプリケーションからバージョン管理やターミナル、テスト関連、学習ツールなどのカテゴリに分けられ...

CSSをJavaScript用に変換するシンプルなコンバーター・「CSS2JS」

CSS2JS CSS2JSはCSSをJavaScript用のコードに変換するシンプルなコンバーターです 特に解説不要のアプリなのでサンプルを使って簡単に。例えば以下のCSSを 以下のように変換します ...

チャットルームを作成して友人と競いながらコーディングを学べる・「binarysearch.io」

binarysearch.io binarysearch.ioはチャットルームを作成して友人と競いながらコーディングを学べるWebアプリです ルームを作成すると問題がすでに出題されていますので招待した友人とチャットを交えて競い合...

学習や実験を目的に作られたタイムライン機能付きのオンラインコーディングツール・「looop.dev」

looop.dev looop.devは学習や実験を目的に作られたタイムライン機能付きのオンラインコーディングツールです CodepenやCodeSandboxなどのような機能ですが、両者は現状大衆向けになっているので純粋な実験...

Can I Use?のようにHTMLメールのタグ対応状況を各メールサービスで調査できる・「Can I email…」

Can I email… Can I email…は、Can I Useライクな使い方が出来るHTMLメールタグ対応状況調査ツールです。 HTMLメールで使えるタグは各メールサービスによって制限があったりなかったりして一貫性が無...

正規表現をクロスワード方式で遊びながら学べる・「Regex Cross­word」

Regex Cross­word Regex Cross­wordは正規表現をクロスワード方式で遊びながら学べるWebアプリです。最近目にしないけどゲーミフィケーションってやつでしょうか。 クロスワードといって日本でよく見る、文...

閲覧中のWebページの任意の要素のHTMLとCSSを選択してコードをjsfiddleのようなエディタで確認できるブラウザ拡張・「SnipCSS」

SnipCSS SnipCSSは閲覧しているWebページの任意の要素を選択すると、その要素に使われているHTMLとCSSを検出してjsfiddleのようなエディタで確認できるChromeエクステンションです。 ブラウザの...
Ads