無料且つ登録も不要でJavaScriptをコードを書きながら学べる・「CodeGuppy」
CodeGuppy CodeGuppyは無料でユーザー登録も不要のJavaScript学習サービスです。コードを実際に書きながら学ぶことができます。子供から大人まで学べる、をモットーに作られているそうなので頭に入りやすいかもしれません...
Resource - プログラミング補助
ブラウザで動作するクラウドベースのIDE・「Devmind.io」
Devmind.io Devmind.ioはクラウドベースのIDEです。FTP/SFTPサーバーに接続して、Webブラウザで開発する事が出来ます。複数デバイス、各言語もサポート、バックアップや認証、バージョン管理はDropboxで行い...
HTML、CSS、JavaScriptの機能をシンプルに教えてくれる・「simpl.info」
simpl.info simpl.infoはHTML、CSS、JavaScriptの機能をシンプルに教えてくれるプロジェクトサイトです。よくあるスニペットコードの紹介ではなく、標準でこんなAPIあるよ、このAPIでこんなこと出来るよ、...
REACTのコード実行テストをブラウザ上で試せてEmbedも出来る・「CODESANDBOX」
CODESANDBOX CODESANDBOXはReactのPlaygroundツールです。ブラウザ上で実行テスト、上のようにEmbedも出来ます。また、Githubアカウントでのログインやフォーク機能など、この手のツールに備わってい...
覚えておくと便利な正規表現のパターンをまとめた・「Regex Hub」
Regex Hub Regex Hubは覚えておくと便利な正規表現のパターンをまとめているプロジェクトサイトです。メールやHTMLタグ、日付、カラーコードや電話番号などに対応出来る正規表現が用意されており、その場でマッチするかをテスト...
Web上で読める開発者向けの技術本を収集している・「DevFreeBooks」
DevFreeBooks DevFreeBooksはWeb上で読める開発者向けのebookをまとめているWebサイトです。フレームワークやプログラミング言語別に分けられており、ページ数や出版年も表示されています。姉妹サイトに同じように...
Web制作時に役に立つ（かもしれない）ツールを大量に公開している・「Richard’s Toolbox」
Richard's Toolbox Richard's ToolboxはWeb制作時に役に立ちそうなツールを大量に公開しているWebサイトです。Skypeや各SNSでの表示確認ツール、Webサイトのロードテスター、Whoisチェックツ...
ブラウザでSwiftのコードを実行、動作テスト出来る・「IBM Swift Sandbox」
IBM Swift Sandbox IBM Swift SandboxはWeb上でSwiftのコードを実行出来るツールです。jsfiddleみたいな使い方でいいので簡単ですね。名前にもあるようにIBMのSwift関連のプロジェクトの内...
プログラミング用のフォントを一覧で比較出来る・「Programming font comparison」
Programming font comparison Programming font comparisonはプログラミング用フォントとしてよく使われているフォントを一覧で比較出来るWebサイトです。よく見かけるフォントがリスト化さ...
プログラミング専門のライブ配信ツール・「Livecoding.tv」
Livecoding.tv Livecoding.tvはプログラミングに特化したライブ配信ツールです。ライブコーディングによってスキルアップや改善が期待出来るとの事。各言語とその難易度（初級向けや中級向け等）でカテゴライズされています...
知りたいWeb制作技術を複数の学習サイトや質問サイトから横断検索して回答を検索できる・「Recalll」
Recalll Recalllは質問内容を入力すると、複数の学習サイトや質問サイトを横断検索して回答を検索することが出来るWebサービスです。主にWeb制作に関する回答を出すのが目的のようです。html.netやW3Schools、S...
複数のJavaScriptライブラリを1つのファイルにまとめて圧縮してくれる・「Javascript Library Generator」
Javascript Library Generator Javascript Library Generatorは複数のJSライブラリをひとまとめにして圧縮してくれるパッケージツールです。数多のライブラリを選択してダウンロードするだ...
jQueryを使わずに～したい、を調べられる逆引きリファレンス・「Plain JavaScript」
Plain JavaScript Plain JavaScriptはjQueryを使わずにDOM操作等を行う方法を調べることが出来る逆引きリファレンスサイトです。jQueryはJavaScriptに詳しくなくても容易にDOM操作を可能...
ブラウザで動くオープンソースの正規表現テストツール・「RegExr」
RegExr RegExrはオープンソースの正規表現テストツールです。ブラウザ上で書いた正規表現が正しいかどうかを判断してくれる、というシンプルなもの。以前にご紹介したrefiddleと同じようなツールですが、refiddleのライセ...
レスポンシブWebデザインに対応している各CSSフレームワークや人気のライブラリの動作テストを手軽に行える・「Codeply」
Codeply CodeplyはBootstrapやFoundationなどのRWDに対応したフレームワークをベースに、jQueryやBackbone.js、Underscore.js、Angular.jsなどのライブラリの動作テスト...
オープンソースを探せるソースコード検索エンジン・「Sourcegraph」
Sourcegraph SourcegraphはOSSを探すためのソースコード検索エンジンです。Githubと統合しており、ドキュメントを参照して任意の関数やクラス名で検索出来るようになっています。 Sourcegraph
リダイレクトやセキュリティ、パフォーマンスの向上など、.htaccessで使えるスニペットをまとめている「.htaccess Snippets」
.htaccess Snippets .htaccess Snippetsは.htaccessで使える小技をまとめたスニペット集です。リダイレクトやリライト、セキュリティ向上やパフォーマンスの向上など、よく使うものをサクッとまとめてく...
Webデベロッパー向けのスクリーンキャストをまとめている・「DevFreeCasts」
DevFreeCasts DevFreeCastsはWebデベロッパー向けのスクリーンキャストをまとめたWebサイトです。AndroidやAngularJS、GitからVimやReactなど全27種のプラットフォームに関する動画を厳選...
正規表現のコードを図に可視化する・「Regulex」
Regulex Regulexは書いた正規表現のコードを図に可視化してくれるツールです。書いたコードがどのように動作しているかが把握しやすいので正規表現の勉強に良いかも。MITライセンスの元でオープンソースとしてGithubでも公開さ...
様々なAPIを探せる検索エンジン・「APIS.io」
APIS.io APIS.ioは様々なAPIを探せる検索エンジンです。例えばphotoといれるとTumblrや500px、Flickrと言った人気のWebサービスのAPIが表示されます。少し分かりにくいですが、検索結果右下にmore ...
Webサイトのパフォーマンスチェックが出来るスクリプト・「PerfBar」
PerfBar PerfBarはWebサイトの簡単なパフォーマンスチェックが出来る非依存型のスクリプトです。任意のWebサイトに埋め込むことでロード時間や待ち時間等をチェック出来る様になります。フロントエンド側でチェックできるので自分...
開発者向けのドキュメント作成ツール・「ReadMe.io」
ReadMe.io ReadMe.ioは開発者向けのドキュメント作成サービスです。開発したソフトウェア等を公開する際に仕様書を作成するのは結構な手間なのですが、そのドキュメントを管理・作成出来るのが本ツールです。いろいろ機能満載で無料...