Resource - プログラミング補助

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

装飾やエディタの見た目など、カスタマイズが可能なコード画像化ツール・「Codeimg.io」

Codeimg.io Codeimg.ioはコードを画像にしてSNS等に投稿できるようにするコード画像化ツールです。 以前同じ用途のツールでCarbonをご紹介しましたが、Codeimg.ioはCarbonに触発されて開発された...

VSCodeやAtom、Sublimeなど、様々なテキストエディタのカラーテーマを作成、公開しているプロジェクト・「RAINGLOW」

RAINGLOW RAINGLOWはVSCodeやAtom、Sublimeなど、様々なテキストエディタのカラーテーマを作成、公開しているプロジェクトです。全てDayle Rees氏の開発したオリジナルのカラーテーマだそうです。オリジナ...

様々な言語のコードをブラウザで実行テストできるオンラインIDE・「Llama」

Llama Llamaは様々なプログラミング言語のコードをブラウザで実行テストできるオンラインIDEです。対応言語はCやC++、Bush、Elixir、Go、Java、Haskell、Ruby、Pythonなどの他、JavaScrip...

Blockstackを使ったセキュアなコードスニペット管理ツール・「DECS」

DECS DECSはBlockstackを使ったセキュアなコードスニペット管理ツールです。登録したスニペットは暗号化され、自分自身でデータを保持する形となるのでDECS運営者ですら中身を見る事が出来なくなります。よって、今までのコード...

無料且つ登録も不要でJavaScriptをコードを書きながら学べる・「CodeGuppy」

CodeGuppy CodeGuppyは無料でユーザー登録も不要のJavaScript学習サービスです。コードを実際に書きながら学ぶことができます。子供から大人まで学べる、をモットーに作られているそうなので頭に入りやすいかもしれません...

ブラウザで動作するクラウドベースの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などのライブラリの動作テスト...
Ads