有益なWebサービスをめも。

# Webサービスの備忘用
基本的にログインしなくても使えるものしか有益と認めない。

<hr/>

## ドローツール
### [draw.io](https://www.draw.io/)
無料なドローツール。ベン図・フローチャートとかテンプレートが充実してる。
exam. 作った画像
<img src="https://qiita-image-store.s3.amazonaws.com/0/110729/7eb3d77b-3626-6988-e0e0-56f57be1e007.png" width=70%>

exam. こんなのが簡単にできる
![Untitled Diagram(1).png](https://qiita-image-store.s3.amazonaws.com/0/110729/3f9bf096-fb89-d257-ee21-bac6ab7c90f4.png)

### [ASCIIFlow](https://asciiflow.com/)
Infinite ASCII diagrams, save to Google Drive, resize, freeform draw, and export straight to text/html.
マウス操作でアスキー文字な図をかけます。

### [maketips](https://maketips.net/paste)
かなり使い易い画像編集ツール。Windowsのペイントちっく。
高度な編集はできません。

### [Method Draw](https://editor.method.ac/)
SVG画像作成に特化したツール。色塗ったりしてsvgファイル保存できる。
操作性に難有り。

### [透過PNG画像作成ツール](https://www.peko-step.com/tool/alphachannel.html)
適当な画像から透過PNGを作りたい。けどアプリインストールはしたくない！
って時に有用。
<br/>

## Online code editor
### [PLAYCODE](https://playcode.io/)
Code Sandbox. Online Code Editor.
エラー表示がわかりやすい。

### [codepen.io](https://codepen.io/)
いわずと知れた HTML / JS / CSS を編集して試せるやつ
ラチ外でいけるのがいいね。エラー表示がわかりづらく感じた。
exam. それっぽいの
<p data-height="556" data-theme-id="0" data-slug-hash="wcKrg" data-default-tab="result" data-user="camsong" data-pen-title="2048 game" class="codepen">See the Pen <a href="https://codepen.io/camsong/pen/wcKrg/">2048 game</a> by Cam Song (<a href="https://codepen.io/camsong">@camsong</a>) on <a href="https://codepen.io">CodePen</a>.</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>

### [codesandbox](https://codesandbox.io/)
The online code editor for Web / React / Vue.js / Angular / PreACT
これもAtom editorっぽいI/F。いいかも。

### [jsfiddle](https://jsfiddle.net/)
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
codepenと同じく老舗。

### [codingground](https://www.tutorialspoint.com/codingground.htm)
Coding Platform For Your Website
Available for 75+ Programming Languages.
Python3とか ~~Oracle~~ とかRubyとかを試せるよ。137言語?サポートしてるっぽい
<details><summary>サポート</summary><div>

```text
CentOS / Ipython / Python-3 / Lua / Memcached / Mongo DB / MySQL /
Node.JS / Numpy / Oracle / Octave / PowerShell / PHP / R Programming /
Redis / Ruby / Scipy / Sympy / Angular JS / Bootstrap / CSS-3 /
CoffeeScript / D3.js / HTML-5 / Javascript / Jquery / Jquery Mobile /
JqueryUI / Processing.js / Typescript / P5.js / VueJS / AsciiDoc /
Latex / Markdown / MathML / reStructure / Tex / Ada (Gnat) / Algol-68 /
Angular JS / Assembly / Awk / Bash Shell / Befunge / Brainf**k / C /
Chipmunk BASIC / Clojure / Cobol / ColdFusion / C99 Strict / C++ /
C++ 0x / C++ 11 / C# / Dart / D Language / Embedded C / Erlang /
Elixir / Factor / Fantom / Falcon / Fortran-95 / Forth / F# /
Free Basic / Groovy / GO / Haxe / Haskell / ilasm / Intercal / ICON /
Java / Java 8 / Java MySQL / JSP / julia / Jython / Kotlin / Ksh Shell /
Lisp / LOLCODE / Lua / Matlab/Octave / Malbolge / Mozart-OZ / Nimrod /
Node.JS / Objective-C / OCaml / Pascal / PARI/GP / Pawn / Perl /
Perl MySQL / PHP / PHP MySQL / Web View / Pike / Prolog / Python /
Python-3 / Python MySQL / Rexx / Ruby / Ruby MySQL / Rust /
R Programming / Scala / Scheme / Smalltalk / SML/NJ / Simula /
SQLite SQL / Swift 4.0 / Tcl / Unlambda / VB.NET / Verilog /
Whitespace / Ya Basic / Yasm / C / C++ / C# / GO / Java / PHP / Perl /
Python / Octave/MATLAB / R / Ruby / Scala
```
</div></details>

### [Rextester](https://rextester.com/)
some online tools for anyone who finds them useful. It was started as online .net regex tester. Rextester stands for regular expression tester. 
44言語?サポートしてるっぽい。
~~Oracleは、毎回同じスキーマにアクセスするようで、他ユーザ作成のテーブルをDeleteしたりできるっぽい。~~

This language is for patrons only.
らしい。。

<details><summary>サポート</summary><div>

```text
Ada / Assembly / Bash / C# / C++ (gcc) / C++ (clang) / C++ (vc++) /
C (gcc) / C (clang) / C (vc) / Client Side / Common Lisp / D / Elixir /
Erlang / F# / Fortran / Go / Haskell / Java / Javascript / Kotlin /
Lua / MySql / Node.js / Ocaml / Octave / Objective-C / Oracle / Pascal /
Perl / Php / PostgreSQL / Prolog / Python / Python 3 / R / Ruby /
Scala / Scheme / Sql Server / Swift / Tcl / Visual Basic
```
</div></details>

### [ideone](https://ideone.com/)
Ideone is an online compiler and debugging tool which allows youto compile source code and execute it online in more than 60 programming languages. 
60言語?サポートしてるっぽい。変わり種として、[Whitespace](https://ideone.com/samples#sample_lang_6)があるよ
<details><summary>サポート</summary><div>

```text
Ada95, Assembler 32bit, Assembler 32bit, AWK, AWK, Bash, BC,
Brainf**k, C, C#, C++, C++ 4.3.2, C++14, C99, Clips, Clojure, Cobol,
COBOL 85, Common Lisp, Common Lisp, D, D, Dart, Elixir, Erlang, F#,
Fantom, Forth, Fortran, Go, Gosu, Groovy, Haskell, Icon, Intercal,
Java, Java, JavaScript, JavaScript, Kotlin, Lua, Nemerle, Nice, Nim,
Node.js, Objective-C, Objective-C, Ocaml, Octave, Pascal, Pascal, Perl,
Perl, PHP, Pico Lisp, Pike, Prolog, Prolog, Python, Python 3, R,
Racket, Ruby, Rust, Scala, Scheme, Scheme, Scheme, Smalltalk, SQLite,
Swift, TCL, Text, Unlambda, VB.net, VB.NET, Whitespace
```
</div></details>

### [jsbin](https://jsbin.com/)
A live pastebin for HTML, CSS & JavaScript and a range of processors, including SCSS, CoffeeScript, Jade and more...
なんか動作が軽いみたい。

### [run.rb](https://runrb.io/)
![run.rb.png](https://qiita-image-store.s3.amazonaws.com/0/110729/76839b61-9bcf-d3fb-4005-a6317d53c674.png)
Ruby 2.6をWebAssembly化しているらしい。
WebAssembly ﾔｳﾞｧｲ

### [Playground &middot; TypeScript](https://www.typescriptlang.org/play/)
TypeScriptを試せる。Angular2とか興味ある方はどうぞ

### [Asobiba](https://soko.hajimehoshi.com/asobiba/)
A Go playground in WebAssembly.
WebAssembly製で、基本的なGo言語の勉強やちょっとした挙動確認には使える。

## DBMS
### [SQL Fiddle](https://sqlfiddle.com/)
Welcome to SQL Fiddle, an online SQL compiler that lets you write, edit, and execute any SQL query.
7環境をサポートしてるっぽい。

```text
SQL Server / SQLite / PostgreSQL / MySQL / MariaDB /
Oracle / Oracle PLSQL
```

### [DB Fiddle - SQL Database Playground](https://www.db-fiddle.com/)
MySQL / PostgreSQL / SQLite が試せる。
Create Tableと同時にCRUDできる感じ。いいかも


## Linux
### [jor1k](http://s-macke.github.io/jor1k)
OpenRISC OR1K Javascript Emulator Running Linux With Network Support
Linuxエミュレータ。ネットワークサポートしてるので
「ブラウザ上から、エミュLinux上のブラウザを介してアクセス」したりできる。
何を言っているかわか (略
「 rm -rf / 」(通称「バルス」)するのは、ここだけにしていただきたい。

## learning code
### [scrimba](https://scrimba.com/)
Scrimba is a powerful new way of learning code. Play around with the instructors code any time, right in the player.
無料で結構触りは勉強できる。instructorsが、Atom editorっぽい画面上でカーソルと音声付きで解説してくれる。
<br/>

## フリー写真素材
### [Pixabay](https://www.pexels.com/ja-jp/)

### [Pexels](https://www.pexels.com/ja-jp/)
<br/>

## Javascript系
### [Online JavaScript Beautifier](https://beautifier.io/)
JavaScript整形。HTMLもいける

### [Packer JavaScript en PHP](http://joliclic.free.fr/php/javascript-packer/en/index.php)
JavaScript Minifier。圧縮率高め。
だけど時々、行区切りでエラーになる。

### [UglifyJS 3](https://skalman.github.io/UglifyJS-online/)
Online JavaScript minifier

### [javascript: escape(), encodeURI(), encodeURIComponent() 比較](http://groundwalker.com/blog/2007/02/javascript_escape_encodeuri_encodeuricomponent_.html)
読める形で比較できて結構便利。

### [babeljs.io](https://babeljs.io/repl/)
アローなんかのES6とかを変換できるやつ

### [Ace](https://ace.c9.io/build/kitchen-sink.html)
ブラウザ上で使えるJavaScript製テキストエディタ。

### [AST Explorer](https://astexplorer.net/)
JavaScriptの構文解析できる。

<br/>
## CSS系
### [CSS Formatter](https://www.cleancss.com/css-beautify/)
Beautify your CSS code.

### [CSS Minifier](https://syncer.jp/css-minifier)
スタイルシートの圧縮
<br/>

## html系
### [HTML Minifier](https://www.willpeavy.com/tools/minifier/)
Minify HTML and any CSS or JS included in your markup

### [HTML minifier | Minify Code](http://minifycode.com/html-minifier/)
The tools to minify and beautify JavaScript, CSS and HTML codes.
上記だと不要な半角スペースが残ってしまう場合があった。こっちは大分良くなる。
<br/>

## 文字コード変換
### [文字コード変換](http://www.ahref.org/app/mozicode/)
ブラウザ上で文字コード変換

### [複数の文字コード方式に一括変換 | エンコード / デコード ツール](https://so-zou.jp/web-app/text/encode-decode/)
複数の文字コード方式に一括して変換されるため、エンコーディングを気にせず使用できます。
<br/>

## 正規表現系
### [JavaScript Regular Expression Visualizer.](https://jex.im/regulex)
正規表現の可視化ツール

### [a Ruby regular expression editor](http://rubular.com/)
正規表現チェック

### [Visualizing Regexp Engine](https://snoguchi.github.io/visualizing-regexp-engine/dist/)
[正規表現エンジンの内部状態を可視化してみた](https://qiita.com/shinsuke-noguchi/items/cd1dcd88b075fc6a57ec)
@shinsuke-noguchi さんの非常に有益な記事をめも。
<br/>

## テキスト変換系
### [pandoc](https://pandoc.org/try)
Pandocは Haskell で書かれたライブラリおよびコマンドラインツールであり、 あるマークアップ形式で書かれた文書を別の形式へ変換するものです。
[例(Markdown->Textile)](https://pandoc.org/try/?text=%23%23%23%23test%0A%0A%5B%E6%97%A5%E6%9C%AC%E6%B0%97%E8%B1%A1%E5%8D%94%E4%BC%9A%5D(https%3A%2F%2Ftenki.jp%2F)&from=markdown&to=textile&standalone=0
)

### [Tables Generator](http://www.tablesgenerator.com/)
Excelの表を様々な形式に変換できる。
(LaTex / HTML / Text / Markdown / MediaWiki)
Slackに張るときになんか使えるかも。

### [Convert JSON to CSV](http://www.convertcsv.com/json-to-csv.htm)
CSVなどを以下の形式やExcelコピペに相互変換できる
<details><summary>サポート</summary><div>

```text
Delimited / Flat File / GeoJSON / HTML Table / JSON / KML / Markdown /
Multi-line Data / PDF / SQL / XML / YAML / Pivot CSV / Transpose CSV /
Query CSV with SQL
```
</div></details>
<br/>

## 分類不能

### [Convert C# to VB.NET](https://www.developerfusion.com/tools/convert/csharp-to-vb/)
ちょっとしか使っていないので、実力は未知数

### [JSONLint - The JSON Validator](https://jsonlint.com/)
Jsonチェック

### [Unixtime相互変換ツール](https://tool.konisimple.net/date/unixtime)
計算するのが面倒なので。たまに使う

### [VirusTotal](https://www.virustotal.com/gui/home/upload)
Analyze suspicious files and URLs to detect types of malware, automatically share them with the security community.
ウイルス対策ソフトのfalse positive判定に使う。 

---
# 番外
### [DeepL翻訳](https://www.deepl.com/ja/translator/)
自称、世界一高精度な翻訳ツール。
DeepL Translatorは、2017年8月にサービスを開始した、ドイツ・ケルンに拠点を置くDeepL GmbHが所有するニューラル機械翻訳サービスです。

### [MP4 to GIF Online](https://mp4togif.online/)
MP4形式の動画をGif画像に変換できる。
ImageMagickでも使ってるのかな

### [Text 2 Mind Map](https://tobloef.com/text2mindmap/)
テキストで記述するマインドマップ。
もちろん結果はヴィジュアライズされる。

### [UserLocal-テキストマイニングツール](https://textmining.userlocal.jp/)
出現単語の中から特徴的な単語を選び出し、図示したり
頻出度を表にしたり、単語出現パターンが似たものを線で結んで図にしたりできる。

### [earth :: 地球の風、天気、海の状況地図](https://earth.nullschool.net/jp/)
地球の天気状況がビジュアライズされる。

### [NASA Worldview](https://worldview.earthdata.nasa.gov/)
地球の雲の様子とかが衛星画像でわかる。Nasaクォリティ。

### [wttr.in](http://wttr.in/)
天気がCUIでブラウザ/端末で見れる。
例えば、以下のコマンドで「東京」の天気が見れる。

```bash
curl wttr.in/tokyo
```

### [Text to Speech](https://text-to-speech-demo.ng.bluemix.net/)
IBM Watson製。ちょっとロボ声が欲しい時に使う。

### [speak.js](http://logue.github.io/speak.js/)
完全クライアントサイドで、speakするロボ声。

### [flightradar24](https://www.flightradar24.com/38.97,138.27/5)
飛行中の民間航空機の現在位置をリアルタイム表示

### [VesselFinder](https://www.vesselfinder.com/?imo=9224984)
VesselFinderは、最も人気のある船舶追跡アプリであり、衛星と地上のAIS受信機の大規模なネットワークを利用して、船舶の位置と動きに関するリアルタイムデータを提供します。

### [High-resolution Precipitation Nowcasts](http://weatherbox.github.io/rainmap/)
雨を地図上に可視化する

### [Downdetector](https://downdetector.jp/)
ネット上の様々なサービスの中断や接続障害をリアルタイムに見つけ出し、状況をお知らせします。

### [iLovePDF](https://www.ilovepdf.com/)
完全に無料のオンラインPDFツール。PDFの結合、分割、圧縮、OfficeファイルからPDFへの変換、PDFからJPGへの変換、JPGからPDFへの変換。インストールの必要はありません。