Resource - プログラミング補助

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

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

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

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

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

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

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学習サービスです。コードを実際に書きながら学ぶことができます。子供から大人まで学べる、をモットーに作られているそうなので頭に入りやすいかもしれません...

ブラウザで動作するクラウドベースの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サイトです。よく見かけるフォントがリスト化さ...
Ads