LoginSignup
24
48

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

Last updated at Posted at 2018-11-05

Webサービスの備忘用

基本的にログインしなくても使えるものしか有益と認めない。


ドローツール

draw.io

無料なドローツール。ベン図・フローチャートとかテンプレートが充実してる。
exam. 作った画像

exam. こんなのが簡単にできる
Untitled Diagram(1).png

ASCIIFlow

Infinite ASCII diagrams, save to Google Drive, resize, freeform draw, and export straight to text/html.
マウス操作でアスキー文字な図をかけます。

maketips

かなり使い易い画像編集ツール。Windowsのペイントちっく。
高度な編集はできません。

Method Draw

SVG画像作成に特化したツール。色塗ったりしてsvgファイル保存できる。
操作性に難有り。

透過PNG画像作成ツール

適当な画像から透過PNGを作りたい。けどアプリインストールはしたくない!
って時に有用。

Online code editor

PLAYCODE

Code Sandbox. Online Code Editor.
エラー表示がわかりやすい。

codepen.io

いわずと知れた HTML / JS / CSS を編集して試せるやつ
ラチ外でいけるのがいいね。エラー表示がわかりづらく感じた。
exam. それっぽいの

See the Pen 2048 game by Cam Song (@camsong) on CodePen.

codesandbox

The online code editor for Web / React / Vue.js / Angular / PreACT
これもAtom editorっぽいI/F。いいかも。

jsfiddle

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
codepenと同じく老舗。

codingground

Coding Platform For Your Website
Available for 75+ Programming Languages.
Python3とか Oracle とかRubyとかを試せるよ。137言語?サポートしてるっぽい

サポート
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

Rextester

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.
らしい。。

サポート
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

ideone

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があるよ

サポート
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

jsbin

A live pastebin for HTML, CSS & JavaScript and a range of processors, including SCSS, CoffeeScript, Jade and more...
なんか動作が軽いみたい。

run.rb

run.rb.png
Ruby 2.6をWebAssembly化しているらしい。
WebAssembly ヤヴァイ

Playground · TypeScript

TypeScriptを試せる。Angular2とか興味ある方はどうぞ

Asobiba

A Go playground in WebAssembly.
WebAssembly製で、基本的なGo言語の勉強やちょっとした挙動確認には使える。

DBMS

DB Fiddle - SQL Database Playground

MySQL / PostgreSQL / SQLite が試せる。
Create Tableと同時にCRUDできる感じ。いいかも

Linux

jor1k

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

learning code

scrimba

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

フリー写真素材

Pixabay

Pexels


Javascript系

Online JavaScript Beautifier

JavaScript整形。HTMLもいける

Packer JavaScript en PHP

JavaScript Minifier。圧縮率高め。
だけど時々、行区切りでエラーになる。

UglifyJS 3

Online JavaScript minifier

javascript: escape(), encodeURI(), encodeURIComponent() 比較

読める形で比較できて結構便利。

babeljs.io

アローなんかのES6とかを変換できるやつ

Ace

ブラウザ上で使えるJavaScript製テキストエディタ。

AST Explorer

JavaScriptの構文解析できる。


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

CSS Minifier

スタイルシートの圧縮

html系

HTML Minifier

Minify HTML and any CSS or JS included in your markup

HTML minifier | Minify Code

The tools to minify and beautify JavaScript, CSS and HTML codes.
上記だと不要な半角スペースが残ってしまう場合があった。こっちは大分良くなる。

文字コード変換

文字コード変換

ブラウザ上で文字コード変換

複数の文字コード方式に一括変換 | エンコード / デコード ツール

複数の文字コード方式に一括して変換されるため、エンコーディングを気にせず使用できます。

正規表現系

JavaScript Regular Expression Visualizer.

正規表現の可視化ツール

a Ruby regular expression editor

正規表現チェック

Visualizing Regexp Engine

正規表現エンジンの内部状態を可視化してみた
@shinsuke-noguchi さんの非常に有益な記事をめも。

テキスト変換系

pandoc

Pandocは Haskell で書かれたライブラリおよびコマンドラインツールであり、 あるマークアップ形式で書かれた文書を別の形式へ変換するものです。
例(Markdown->Textile)

Tables Generator

Excelの表を様々な形式に変換できる。
(LaTex / HTML / Text / Markdown / MediaWiki)
Slackに張るときになんか使えるかも。

Convert JSON to CSV

CSVなどを以下の形式やExcelコピペに相互変換できる

サポート
Delimited / Flat File / GeoJSON / HTML Table / JSON / KML / Markdown /
Multi-line Data / PDF / SQL / XML / YAML / Pivot CSV / Transpose CSV /
Query CSV with SQL

分類不能

Convert C# to VB.NET

ちょっとしか使っていないので、実力は未知数

JSONLint - The JSON Validator

Jsonチェック

Unixtime相互変換ツール

計算するのが面倒なので。たまに使う

VirusTotal

Analyze suspicious files and URLs to detect types of malware, automatically share them with the security community.
ウイルス対策ソフトのfalse positive判定に使う。


番外

DeepL翻訳

自称、世界一高精度な翻訳ツール。
DeepL Translatorは、2017年8月にサービスを開始した、ドイツ・ケルンに拠点を置くDeepL GmbHが所有するニューラル機械翻訳サービスです。

MP4 to GIF Online

MP4形式の動画をGif画像に変換できる。
ImageMagickでも使ってるのかな

Text 2 Mind Map

テキストで記述するマインドマップ。
もちろん結果はヴィジュアライズされる。

UserLocal-テキストマイニングツール

出現単語の中から特徴的な単語を選び出し、図示したり
頻出度を表にしたり、単語出現パターンが似たものを線で結んで図にしたりできる。

earth :: 地球の風、天気、海の状況地図

地球の天気状況がビジュアライズされる。

NASA Worldview

地球の雲の様子とかが衛星画像でわかる。Nasaクォリティ。

wttr.in

天気がCUIでブラウザ/端末で見れる。
例えば、以下のコマンドで「東京」の天気が見れる。

curl wttr.in/tokyo

Text to Speech

IBM Watson製。ちょっとロボ声が欲しい時に使う。

speak.js

完全クライアントサイドで、speakするロボ声。

flightradar24

飛行中の民間航空機の現在位置をリアルタイム表示

High-resolution Precipitation Nowcasts

雨を地図上に可視化する

24
48
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
24
48