Clik here to view.
学習や実験を目的に作られたタイムライン機能付きのオンラインコーディングツール・「looop.dev」
looop.dev looop.devは学習や実験を目的に作られたタイムライン機能付きのオンラインコーディングツールです CodepenやCodeSandboxなどのような機能ですが、両者は現状大衆向けになっているので純粋な実験の場を作りたかったそうです タイムライン機能やデータのエクスポートがmp4であるように、特にアニメーションコンテンツの実験に向いている印象でした...
View ArticleClik here to view.
チャットルームを作成して友人と競いながらコーディングを学べる・「binarysearch.io」
binarysearch.io binarysearch.ioはチャットルームを作成して友人と競いながらコーディングを学べるWebアプリです ルームを作成すると問題がすでに出題されていますので招待した友人とチャットを交えて競い合いながら学べるように設計されています よくあるチャットサービスとコーディングスタディサービスを掛け合わせたような印象です。いいアイデアですね...
View ArticleClik here to view.
CSSをJavaScript用に変換するシンプルなコンバーター・「CSS2JS」
CSS2JS CSS2JSはCSSをJavaScript用のコードに変換するシンプルなコンバーターです 特に解説不要のアプリなのでサンプルを使って簡単に。例えば以下のCSSを display: block; font-size: 16px; background: #1e2f5d; color: #a4cff4; font-family: "Inter", sans-serif;...
View ArticleClik here to view.
フロントエンド開発者向けのツールやリソースを大量にまとめた・「UNeed」
UNeed UNeedはフロントエンド開発者向けのツールやリソースを大量にまとめたキュレーションサイトです CMSやCSS、デザインやアプリケーションからバージョン管理やターミナル、テスト関連、学習ツールなどのカテゴリに分けられ、それぞれに様々な情報が集められています 自作ツールなども募集されているので目に留まれば掲載されるかもしれませんね。時間のある時に覗いてみては如何でしょうか UNeed
View ArticleClik here to view.
Githubで公開されているコードの任意の行をブックマークできるChromeエクステンション・「Github Bookmarks」
Github Bookmarks Github BookmarksはGithubで公開されているコードの任意の行をブックマークできるChromeエクステンションです。 ファイル内の任意の行をブックマークし、Github内で管理する事が出来ます。 試しに使ってみました。 使ってみた ↑...
View ArticleClik here to view.
Youtubeで公開されているソフトウェア開発のチュートリアル動画を学びやすくまとめている・「Tutorialist」
Tutorialist TutorialistはYoutubeで公開されているソフトウェア開発のチュートリアル動画を学びやすくまとめているWebサイトです。 フロントエンドやバックエンド、各プログラミング言語の基礎、データベースやモバイルアプリ、コンピューターサイエンスなどのジャンルに分けられており、それぞれの分野にYoutubeで公開されているチュートリアル動画が纏められてます。...
View ArticleClik here to view.
プログラミング向けの様々なフォントを、実際にコードを書いて試せる・「Dev Fonts」
Dev Fonts Dev Fontsはプログラミング向けの様々なフォントを、実際にコードを書いて試せるWebアプリです。 実際に書かれているコードは編集可能となっており、他にもテーマや言語の種類も変えられるようになっています。 気に入ったフォントがあったらそのままリンク先に進んでDL出来る、というもの。同ページで比較も出来ますし、開発用フォントを探す効率はかなりよさそうですね。...
View ArticleClik here to view.
CSS-Tricksによるコーディングに最適なフォントのまとめ・「Coding Fonts 」
Coding Fonts Coding FontsはCSS-Tricksによるコーディングに最適なフォントのまとめサイトです。 先日ご紹介したDev Fontsと異なり、肝心のコードは確認出来るものの、画像となっていて実際に打って確認する事は出来ません。一応HTML,CSS,JSで使った時の見栄えを確認出来るようになっています。...
View ArticleClik here to view.
ブラウザのタブでHTML/CSS/JavaScriptを書いて実行できる拡張機能・「HTML New Tab」
HTML New Tab HTML New TabはブラウザのタブでHTML/CSS/JavaScriptを書いて実行できるChromeの拡張機能です。...
View ArticleClik here to view.
コードスニペットをフォルダで管理したりカスタマイズ可能なスクリーンショットを撮ったりembedも出来るスニペット管理ツール・「CodeKeep」
CodeKeep CodeKeepはコードスニペットをフォルダで管理したりカスタマイズ可能なスクリーンショットを撮ったりembedも出来るスニペット管理ツールです。...
View ArticleClik here to view.
ログインやユーザー登録不要で任意のコードスニペットを管理できるシンプルなブラウザ拡張・「Snippy」
Snippy Snippyはログインやユーザー登録不要で任意のコードスニペットを管理できるシンプルなChromeエクステンションです。 エクステンションを起動するとその場にエディタが表示され、任意のフォルダを作成してコードスニペットを登録、管理する事が出来ます。選べる言語もそれなりに用意されており、コードはシンタックスハイライトされます。...
View ArticleClik here to view.
任意のスニペットコードを手軽に保存、共有、管理できる・「thiscodeWorks」
thiscodeWorks thiscodeWorksは任意のスニペットコードを手軽に保存、共有、管理できるWebサービスです。ブラウザ拡張を併用する事でより管理が捗ります。拡張機能を使う事を前提のサービスとも言えそうです。...
View ArticleClik here to view.
Twitter等に投稿されたコードスニペットを収集している・「QuickSnippets」
QuickSnippets QuickSnippetsはTwitter等に投稿されたコードスニペットを収集しているWebサイトです。 コードを画像化するサービスがあるように、画像化コードをTwitterで投稿する文化が他国の界隈ではありますが、その画像化コードを言語別にカテゴライズしているプロジェクトサイトになります。...
View ArticleClik here to view.
完全に無料或いは少なくとも1年無料で使える開発者向けのツールのリスト・「Free Dev Stuff」
Free Dev Stuff Free Dev Stuffは完全に無料或いは少なくとも1年無料で使える開発者向けのツールのリストです。 目に付いたものを何でもかんでもリストに追加しているのではなく、厳選してリスト化しているようで、数自体は多くない様です。...
View ArticleClik here to view.
300以上の開発者向けチートシートを収集、探しやすくまとめている・「Code House」
Code House Code Houseは300以上の開発者向けチートシートを収集、フィルタリングやキーワード検索などで探しやすく設計されたチートシート検索アプリです。 それぞれのチートシートはプログラミング言語やツール、またはチートシートのソース元などに絞ったり任意のキーワードで検索する事が出来ます。...
View ArticleClik here to view.
アプリケーションにパスワードレスでセキュアな認証システムを提供する・「MojoAuth」
MojoAuth MojoAuthはさまざまなアプリケーションにパスワードレスでセキュアな認証システムを提供するサービスです。 まず最初に、MojoAuthはまだβ版との事なので、本番環境にはまだ採用を控えておいた方が良さそう、という事を踏まえて本サービスをご紹介します。 e-mailによるMagic...
View ArticleClik here to view.
ワークフローを向上させる開発者向けツールをピックアップしている・「what devs need」
what devs need what devs needはワークフローを向上させる開発者向けツールをピックアップしているキュレーションサイトです。 生産性向上ツールやホスティング、学習サイト、DB、API、IDEや監視サイト、アナリティクスツールなどなど開発者が必要としそうなツールがリスト化されています。...
View ArticleClik here to view.
各種デコード/エンコードやコードフォーマット、コンプレッサーやDiffなど開発者向けのシンプルなツールを豊富にそろえたミニツール集・「smallDev...
smallDev tools smallDev toolsは各種デコード/エンコードやコードフォーマット、コンプレッサーやDiffなど開発者向けのシンプルなツールを豊富にそろえたミニツール集です。 以前ご紹介したFrontend Toolkitやtoolb.devなどとコンセプトは同じで、サクッと使える地味に便利なツールのコレクションサイトとなっています。...
View ArticleClik here to view.
Web制作等の際にあると地味に便利なWebアプリを複数公開している・「10015.io」
10015.io 10015.ioはWeb制作等の際にあると地味に便利なWebアプリを複数公開しているWebサイトです。 どこかで公開されているアプリを紹介しているのではなく、全て自身のWebサイトで公開されているもので、ダミーテキスト生成や空白除去、Google...
View ArticleClik here to view.
モバイルデバイス向けのWebサイト構築のために開発された開発者向けブラウザ・「LT Browser」
LT Browser LT Browserはモバイルデバイス向けのWebサイト構築のために開発された開発者向けブラウザです。クロスブラウザテストのアプリを公開しているLambdaTestが開発したブラウザになります。...
View Article