チャットルームを作成して友人と競いながらコーディングを学べる・「binarysearch.io」
binarysearch.io binarysearch.ioはチャットルームを作成して友人と競いながらコーディングを学べるWebアプリです ルームを作成すると問題がすでに出題されていますので招待した友人とチャットを交えて競い合...
Resource - エディタ
Electronで出来たオープンソースの開発者向けエディタ機能付きコードスニペット管理ツール・「massCode」
massCode massCodeはElectron製のOSSな開発者向けコードスニペット管理ツールです。Monaco Editorが採用されており、スニペット管理ツールとコードエディタを兼用する事ができます スニペットは様々な...
用意されたSVGのシンプルなアニメーションアイコンを編集してダウンロードできる・「Motion」
Motion Motionはあらかじめ用意されているSVGで書かれたシンプルな線画アイコンのアニメーション速度やカラー、ストロークの太さ等を調整してDL出来るソフトウェアです 現在ベータ版となっており、多くのアイコンは無料版で使...
書くことに集中できるよう配慮してデザインされた無料のオンラインMarkdownエディタ・「Focus Fox」
Focus Fox Focus Foxは書くことに集中できるよう配慮された無料のオンラインMarkdownエディタです ちょっと珍しい、癒し系のBGMも設定できるエディタで、広告も無く、ユーザー登録も不要で保存やダウンロードが可...
Codepenのようにブラウザでコードを書いて実行テストできる・「Blnq Studio」
Blnq Studio Blnq StudioはCodepenのようにブラウザ上でコードを書いて実行テストを行えるWebアプリです 同じようにHTML、CSS、JavaScriptの動作テストが可能なのですが、少し違う点はJSO...
複雑なシステムを視覚的に説明する為のシステム用ダイアグラム作成ツール・「Terrastruct」
Terrastruct Terrastructは複雑なシステムを視覚的に説明する為のシステム用ダイアグラム作成アプリです よくある一般的なダイアグラム作成ツールとの相違点はレイヤーの追加やフレーム(ページ？)の追加により、複数ダ...
様々な言語に対応したオープンソースのオンラインコードエディタ・「Judge0」
Judge0 Judge0はオープンソースで公開されているオンラインコードエディタです。多様なプログラミング言語に対応する事が出来ます Judge0にはJudge0 APIとJudge0 IDEが含まれており、PythonやRu...
Vue.jsを使ったオープンソースのオンラインMarkdownエディタ・「Inko」
Inko InkoはVue.jsを使ったオープンソースのオンラインMarkdownエディタです Markdownエディタではよくある左右2ペインレイアウトで左がエディタ、右がプレビューエリアとなっています。書いたMarkdown...
オープンソースのSVGベースなプロトタイピングツール・「UXBOX」
UXBOX UXBOXはオープンソースとしてソースコードが公開されているプロトタイピングGUIツールです。ブラウザで動作します 作成したプロトタイプデータはSVGで吐き出されるそうで、多くのベクターツールで再編集したりWebでの...
学習や実験を目的に作られたタイムライン機能付きのオンラインコーディングツール・「looop.dev」
looop.dev looop.devは学習や実験を目的に作られたタイムライン機能付きのオンラインコーディングツールです CodepenやCodeSandboxなどのような機能ですが、両者は現状大衆向けになっているので純粋な実験...
シンプルなテキスト言語でダイアグラムを書いてダウンロードできるWebアプリ・「Diagram.codes」
Diagram.codes Diagram.codesはシンプルな書き方でダイアグラムを作成、DL出来るWebアプリです 割と複雑めなフローチャートやシーケンス図など様々なダイアグラムを描くことができます というわ...
シンプルで使いやすくPWAにも対応したオンラインWebサイトビルダー・「8b」
8b 8bはシンプルで使いやすいオンラインのWebサイトビルダーです。直感的な操作でWebサイトを作成、公開する事が出来ます よくあるビルダーサービスですが、UIもまぁまぁ分かりやすく、PWAにも対応しています。ページも...
アイソメトリックな画像を作成、SVGやPNG等でダウンロードできるオンラインエディタ・「Isobuild」
Isobuild Isobuildはアイソメトリック（等角投影法）な画像を作成、SVGやPNG、JPEG等でダウンロードできるオンラインエディタです 基本的には用意された素材を配置していくシンプルなもので任意の画像を生成...
BootstrapベースのWebページをブロック追加だけで作成、ダウンロードできるオンラインエディタ・「MDB Builder」
MDB Builder MDB BuilderはBootstrapベースのWebページをブロック追加だけで作成、ダウンロードできるオンラインエディタです Bootstrapのテーマやリソース、チュートリアル等を紹介するMDB...
URLの共有で複数人とコーディング出来るリアルタイムコラボレーションエディター・「TryCode」
TryCode TryCodeはURLの共有で複数人とリアルタイムでコーディングできるWebアプリです コードを書き始めると即ユニークなURLに遷移しますのでそのURLを一緒にコーディングしたい相手に渡す、という流れ 使っ...
閲覧中のWebページの任意の要素のHTMLとCSSを選択してコードをjsfiddleのようなエディタで確認できるブラウザ拡張・「SnipCSS」
SnipCSS SnipCSSは閲覧しているWebページの任意の要素を選択すると、その要素に使われているHTMLとCSSを検出してjsfiddleのようなエディタで確認できるChromeエクステンションです。 ブラウザの...
Markdownでドキュメントを書いてツリー形式で管理できる国産サービス・「Tree」
Tree TreeはMarkdownでドキュメントを書いてツリー形式で管理できる@sho_yamane氏による日本の国産サービスです。 マインドマップや情報の整理整頓、ストーリー構成やプランニングツールとしての利用を想定...
zipファイルの中にあるファイルを表示し、編集してダウンロードできるシンプルなWebアプリ・「zipadee」
zipadee zipadeeはzipファイルをそのままアップロードすると、そのzipファイルの中身を表示し、その場で編集、ダウンロードできるWebアプリです。確認できるファイルは各言語のソースファイルやOfficeファイル（DOCX...
ブロックレベルでランディングページを作成できる・「Versoly」
Versoly VersolyはオンラインでLPを作成、公開できるLPビルダーです。ブロックレベルで作成する事ができます。 最初にどんなコンテンツのLPなのかを決め、メニューやヒーローイメージ、料金表、プロダクトの特徴やFAQな...
Markdownで書いてそのままWebページとして公開できる超シンプルなオンラインエディタ・「Markdown Bin」
Markdown Bin Markdown Binは書いたコンテンツをそのまま公開できる超シンプルなオンラインのMarkdownエディタです。 エディタと言っても、書くエリアと公開ボタンしか存在しない程度にはシンプルな設計となっ...
広告やトラッキング、無駄なスクリプトなどノイズの無いライターや小説家向けのミニマルなオンラインテキストエディタ・「Telescope」
Telescope Telescopeはノイズの無いミニマルなオンラインテキストエディタです。コードを書くようなものではなく、純粋な文章を書くためのアプリで主にライターや小説家等の文章を書くことを生業とする方向けにデザインされ...
シンプルで使いやすい、ProseMirrorとReact.jsで作られたWYSIWYGエディタ・「Nib」
Nib Nibはシンプルで使いやすいWYSIWYGエディタです。WYSIWYGエディタフレームワークであるProseMirrorとReact.jsで構築されています。 ProseMirror自体シンプルで使いやすいんですが、より...