プログラミングお役立ちサイトまとめ

概要

プログラミングお役立ちサイトを下記にまとめました。

HTML

The W3C Markup Validation Service

https://validator.w3.org/#validate_by_input
→ HTML文書が、HTMLやXHTMLの標準に準拠しているか調べるのに最適。

HTML5 入れ子チートシート | 吉川ウェブ

https://yoshikawaweb.com/element/
→ HTMLの入れ子関係について調べることがでいる。

CSS

Webspe Tools - フロントエンドコーダーのための効率化ツール集

https://webspe.net/tools/
→ 様々なジェネレータがあります。

Front-end Tools - 高機能で直感的な、HTML/CSSジェネレーター・シミュレーターのサイトです。

https://front-end-tools.com/
→ こちらも様々なジェネレーターがあります。

JavaScript/TypeScript

TypeScript: TS Playground - An online editor for exploring TypeScript and JavaScript

https://www.typescriptlang.org/play/?#code/FDI
→ JS, TSの簡単な動確には便利。

その他

CodePen

https://codepen.io/
→ フロントのお試しコーディングには打って付け。

CodeSandbox: Instant Cloud Development Environments

https://codesandbox.io/
→ CodePenよりさらに大規模なお試しコーディングができるクラウド開発プラットフォーム。

draw.io

https://app.diagrams.net
→ 様々なダイアグラムを作れるサイト。

画像の抽出：URLを入力してウェブサイト上の全ての画像を抽出する | ラッコツールズ🔧

https://rakko.tools/tools/56/
→ サイト内画像を抽出してくれくる。

dummy.jp このサイトはダミーです。

https://dummy.jp/
→ ダミー用のリンクに使える。

テキストを画像にします | textate

https://textate-typeset.azurewebsites.net/ja/TextToImage?v=0_2&t= &w=800&h=600&c=%23000000&a=%231835D0&bg=%23CC00FF&ff=NotoSans+Regular&af=NotoSans+Bold&as=2&time=20240911071421
→ テキストを入れ込んだ画像制作に便利。