Resource - プログラミング補助

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

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

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

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

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

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

ログインやユーザー登録不要で任意のコードスニペットを管理できるシンプルなブラウザ拡張・「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エクステンションです。 ブラウザの...

装飾やエディタの見た目など、カスタマイズが可能なコード画像化ツール・「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学習サービスです。コードを実際に書きながら学ぶことができます。子供から大人まで学べる、をモットーに作られているそうなので頭に入りやすいかもしれません...
Ads