更新履歴
追加
- 2024/07/22
- 「CSS Grid Generator」を掲載しました
- 2024/07/02
- 「Proportio.app」を掲載しました
- 「CSS Filter Generator」を掲載しました
- 2024/04/01
- 「Epic Easing」を掲載しました
- 2024/03/07
- 「Filter Blend」を掲載しました
- 2024/03/04
- 「Tooltips & Speech Bubbles」を掲載しました
2023
- 2023/07/04
- 「CSS Box Shadows Generator」を掲載しました
- 2023/06/29
- 「Regulex」を掲載しました
- 2023/04/05
- 「Colorable」を掲載しました
- 2023/03/09
- 「Scrollbar.app」を掲載しました
2022
- 2022/10/04
- 2022/09/07
- 「Wayback Machine」を掲載しました
- 2022/05/31
- 2022/05/11
- 「Blob Animation」を掲載しました
- 2022/03/28
- 「CSS Polka Dot Generator」を掲載しました
- 2022/03/25
- 「Regex Vis」を掲載しました
- 2022/01/31
- 「CSS Gradient Generator」を掲載しました
- 「CSS2Sass」を掲載しました
- 2022/01/13
- 「MESHER」を掲載しました
2021
- 2021/12/22
- 「Pure CSS Stripes Generator」を掲載しました
- 「Glassmorphism Generator」を掲載しました
- 「Neumorphism Generator」を掲載しました
- 2021/11/19
- 「Tree」を掲載しました
- 2021/10/01
- 「Smooth Shadow」を掲載しました
- 2021/08/30
- 「Placehold.jp」を掲載しました
- 2021/04/03
- 「Glob tester」を掲載しました
- 2021/03/05
- 「アスペクト比計算ツール」を掲載しました
- 2021/02/26
- 「TRIANGLE GENERATOR」を掲載しました
- 2021/02/16
- 「HTML2Jade」を掲載しました
- 2021/02/15
- 「Compressor.io」を掲載しました
- 「SVGOMG」を掲載しました
- 「Excel To Json Converter」を掲載しました
- 2021/02/05
- 「Free Markdown to HTML Converter」を掲載しました
- 「Markdown to PugJS」を掲載しました
- 2021/01/28
- 「Table Convert Online」を掲載しました
- 2021/01/22
- 「Web App Manifest Generator」を掲載しました
- 2021/01/19
- 「Print1」を掲載しました
削除
- 2024/03/05
-
「Blob Animation」を削除しました
- サイトが表示できないため
-
「JSON Crack」を削除しました
- ほとんど利用しないため
-
「Meta Tags」を削除しました
- Xの表示がTwitterのままで、更新されていないようなので
-
「Blob Animation」を削除しました
- 2024/03/04
-
「Sass Color Generator」を削除しました
- Dart Sass ではSass関数ではなく、ビルトインモジュールを利用するため
-
「Sass Color Generator」を削除しました
HTML
HTML2Jade
HTML
と Pug
の相互変換ができます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Ff2649d54-bcab-58a2-ccf4-9824823e8f66.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=f7174f81991f003c355c892a6183c251)
CSS
Proportio.app
フォントサイズ、スペース、角丸、影などのバリエーションを自動で作成し、CSS変数としてエクスポートできます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Ff96ec758-cd2d-1912-7fe3-f5084184721a.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=45607e165d18537b995e1c59b834d54c)
Min-Max-Value Interpolation
最小幅から最大幅の間をレスポンシブにするclamp関数を作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F0823c81d-f8bb-57f9-4830-4aaa0ea047b5.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=9bf9f17adaecc88c601a5abe29a49a04)
Scrollbar.app
スクロールバーのデザインを変更するCSSを、表示を確認しながら作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F8ce956f8-9c20-a0cd-1812-90750e7ff753.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=13e837c0d1e0c1ca43600b5543995a2c)
TRIANGLE GENERATOR
CSSの border
プロパティを利用した三角形を作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F8697e04d-c336-903b-1a54-00fc8916525c.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=b9999d161c0c2875b61640bd61c3310c)
Clippy
CSSの clip-path
プロパティをドラッグしながら作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F0985c3f1-2ad4-88de-7072-a08754608b67.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=c646f98cd47ca69b8fce9751b3b4dd1a)
Tooltips & Speech Bubbles
さまざまなタイプの吹き出しを作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Fe214b852-bdfc-42c7-d91b-16860d59bdb7.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=ee2def584155889d04dcbb19b3506974)
CSS Polka Dot Generator
ポルカドットの大きさ、数を自由に変更できるパターン柄を作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F6dace86c-769c-213f-12ba-5b4a65faa458.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=158f5d0d30719268f229ae6597efc57e)
Pure CSS Stripes Generator
ストライプの角度、色、数を自由に変更できるストライプ柄を作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F08ef3e69-258c-3e7d-eb15-7bfb917dab89.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=931afc0e65428c02de0a67ba1545c4d5)
CSS Filter Generator
CSSの filter
プロパティを利用して、確認しながら画像加工できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F6e0ad3eb-b810-10a5-14c1-bbb65a3585e9.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=ab00090ecb73e86b006d7cc796b7dfca)
Filter Blend
CSSの mix-blend-mode
と filter
プロパティを確認しながら作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F982aeab5-d351-afde-f2df-1565a6134c38.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=7ab88b2531e672a68771c381bf16dd95)
Glassmorphism Generator
グラスモーフィズムエフェクトを作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F6042b770-068c-e767-c67a-f7ae85ca48b4.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=52317ce55ad7415b3cd0a8150d0ca56e)
Neumorphism Generator
ニューモーフィズムエフェクトを作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Fb4c256e2-1309-fbfd-f01e-f061f38aaa86.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=a7f45eb747a85c38e20b73823ee7f675)
CSS Gradient
グラデーションを作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Fb04d4cc1-48db-8626-6e07-b69c6dd32397.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=7141ed0ed1aea4ba5656c99e0101ac62)
CSS Gradient Generator
グラデーションの中央がグレーに濁らないHSLモードでグラデーションを作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F1cc39e48-3432-917e-7150-6fb54d11ecc4.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=495dbc682e9e0d2a1c50dc65b5fe7f6f)
MESHER
複雑なメッシュグラデーションを作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F2f293e49-019c-8950-c451-4a0fcb6165ef.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=1de91e130876c1652125b9ed5535129a)
Smooth Shadow
複数のシャドウを重ねて、現実の影のようなシャドウを作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Fc0a011af-657c-0c08-40ce-deb9297902af.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=7cdab930eb8ab0b8146551e527c243e0)
CSS Shadow Palette Generator
光源の位置や影の大きさを調整しながら、大中小のシャドウのセットを作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Fba6ce940-dc1b-4dd2-0ca5-e28192a490a5.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=526e8d6263afc0e55e46ce7287df2b69)
CSS Box Shadows Generator
シャドウの重ねがけを確認しながら作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Ffa841c2c-f0e9-153c-a18d-d25d9cbfe0ef.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=0672851cd07e36b3449cbb43945cc36e)
Epic Easing
アニメーションのイージングを確認しながら作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Fe4bc0d5c-da9a-c878-909c-2cb9aedeadaf.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=2d552f8395b56bb55984d1f848e17153)
Layoutit Grid
CSS Grid Layout のCSSを確認しながら作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F36d8491f-557f-a647-4976-16ffca49c967.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=4ab8a6fda1ea2759d15170f573cdb9ff)
CSS Grid Generator
CSS Grid Layout のCSSを直感的に作成できます。
前述の「Layoutit Grid」より設定項目が少ないですが、その分シンプルで使いやすいです。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F003659d1-6374-286f-50cf-434b51270739.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=5e2f31b05cc4da9638349253b590024d)
Autoprefixer CSS online
入力したCSSに必要なベンダープレフィックスを付与してくれます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F873bfea2-f168-02a0-6ea6-a029e427635d.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=d9e75d40e1ec164384966c87ece4ffcb)
Sass
CSS2Sass
CSSをSassに変換してくれます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F3d2bf230-5662-a802-c2da-7cc524178d49.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=c26ed386ec5d544ff573740b4970602e)
SassMeister
Sassのコンパイル結果が確認できます。
mixinやループ処理が正常に動作しているか確認する時に利用しています。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Ff2b48a18-a3af-b19b-86ce-8352fc1beaeb.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=0e1daad83870bb24d5f9fc87f7e7e8e5)
JavaScript
You might not need jQuery
jQueryの記述をネイティブなJavaScript(Vanilla JS)に変換してくれます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F6e18b925-3e3e-4c39-f5a2-1f8bb9563b8c.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=a339ae9ec0c9f09a8032d6f96b815d07)
正規表現チェッカー
正規表現を検証できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F540c2e24-c25d-e53d-4efd-ab6ce8bd1f22.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=8200868952467f276fef990ad97b0f1d)
Regulex
正規表現ロジックをカラフルでわかりやすく可視化してくれます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Ff355f0b6-f28d-00f1-3251-01ddff93114b.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=c08d3610383ab93e7221861bd741f815)
Regex Vis
正規表現ロジックを可視化しつつ、マッチするか検証できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Fa72820ea-652d-b6b3-d5ab-dd282697cfb7.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=470f8d3b25da20c0be5802e31cb1e54d)
Markdown
Free Markdown to HTML Converter
マークダウンを HTML
に変換してくれます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F7ded4672-62ea-261a-1973-680e83c999a5.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=6ed315128106e4cc4b37f54611f81787)
Markdown to PugJS
マークダウンを Pug
に変換してくれます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F201239e4-0d6f-8627-14e7-50e4801c2580.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=20c28c7eefd480f0ac92a6df71264e09)
画像
Compressor.io
画像の圧縮ができます。
対応してる拡張子が jpg, png, gif, svg, webp
と何でもコイの頼もしいやつ。
可逆圧縮、非可逆圧縮も選べます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Fcd505a7a-18af-1601-b140-e82190ab246c.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=d985a1b5e1e391aafbe7d9b4d94aa276)
SVGOMG
SVG画像のファイルから不要なデータを取り除き、ファイルサイズを削減します。
実際のSVGファイルの変化を確認しながら取り除くデータを細かく設定できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Fc9b08092-54e6-17de-ed93-9909ee0f5eda.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=5a00bbfa3cfe587014115dde198bbae4)
Patternify
ドットで作成したパターンを Base64
に変換してくれます。
わざわざパターン画像を作らなくてすむのでとっても便利です。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F6c67c618-0515-ec5f-24ab-062c488453a1.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=7c204fe8727ce8b7aba892b002f138ee)
patternico
シームレスなパターン画像を作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F2990d39b-86dd-bb09-0149-2029b4255d42.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=562d46118589e6f4a89896274aa32892)
placehold.jp
ダミー画像を提供してくれているサイト。
CMSのテンプレート作成時、登録画像が表示される部分に利用しています。
画像内の文字や色も簡単に変更できて便利です。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Fe27a6587-234a-a209-1f96-ba20dd4001f0.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=bc0ed9445f31f85cb319e62d3e83c795)
色
Colorable
「Web Content Accessibility Guidelines (WCAG)」に基づいた、最適な文字色と背景色の組み合わせを作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F3050f2da-e5a6-6a12-3141-9bdde8f7c4c0.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=9b86be1ab3d907d7213ab93700183449)
フォント
Google Fonts
Googleが提供する無料のWebフォントサービス。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F2a2a7049-271a-a3dc-4d30-f825c25dbc3f.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=fc6fd56842f2405514717ba7bb66fd6a)
Fontello
アイコンフォントを作成できます。
以下の点が便利です!
- 独自アイコンの追加が可能
- 登録したアイコンの一覧が確認できるhtmlファイルが作成される
- 登録したアイコン情報がjsonファイルとして作成され、後からでもフォントの追加が可能
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F8d735d7b-f657-c97b-a56e-c048aa3fead8.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=846de7a8d9272f639503dcdb5d7d78ed)
アイコン
Faviconジェネレーター
マルチアイコンに対応したFaviconを作成できます。
マルチアイコンのサイズが多いので使ってます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F262dc271-420d-a73c-ce2c-6289571a0643.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=cf113638871901b61d025ab16871cd89)
Favicon Generator for perfect icons on all browsers
さまざまなデバイスに対応したアイコンを作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Fb66dd15d-8658-1ce9-12ba-cb4449d50386.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=26e22c5b5f059d4ad52a626ac6b707c7)
その他
Wayback Machine
WEBの魚拓サイト。
リニューアル前のサイトを見たくなった時に助かります。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F2690a594-012f-7e15-06fd-aaf8a799d34f.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=8fc4875b379a501d95788ffbd8677ce6)
Tree
ディレクトリ構造をテキスト(ASCII文字)で表現してくれます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Fda47da5b-7b0a-4b3c-9673-6f6527227c92.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=819902a644e5f5e69cde659cbf72e387)
Glob tester
globパターンの検証ができます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Fd4fab13b-8be7-9107-f2c5-54b56dbe54d7.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=ad7372bf4cf47df383e4ffc51ce003ae)
アスペクト比計算ツール
アスペクト比の計算ができます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F16444d33-f82e-386d-ae40-79792308bd18.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=ecb5f6f37b0cb12fdc32db7bcb9ec41a)
Excel To Json Converter
ExcelファイルのデータをJSONに変換できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Fc5a5f1cf-1c2e-79b8-25b6-1c4f9f0172ef.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=9053bfabede26d6c04f17c69e74ab6b8)
このツールは Beautify Tools というサイトに掲載されているツールの1つになります。
他にもめちゃくちゃたくさんのツールが掲載されています。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Fc8fc83f8-bfc8-0cf1-23e3-7b0317367b02.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=4b6546c25c7b8b6291668dc53c5dc3f8)
Table Convert Online
表組みをさまざまな形式に変換できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F32768cc8-e2d6-6eb5-3e9a-268c214ac5bb.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=dfff533120ab30a4406c0404b20048f5)
Web App Manifest Generator
manifest.json
を作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F29dc188a-a6be-c08d-0654-a808d1ca17b3.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=f6a2fa5b62cade9142fe9ac0556659d0)
Print1
長ーいページでも1枚の紙に収めて印刷できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2Fb4011637-5767-e082-6062-58875ba4c861.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=75e5dc0fe8c2e29c40d65c7c396f2f41)
sitemap.xml Editor
最大1000URLまでのXMLサイトマップを作成できます。
除外ディレクトリも指定できるので便利です。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F792a75b5-f2fb-8220-775c-b8187890b79d.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=d3c4c5aa797be6410f0dd72784ce0c0d)
ベーシック認証用 .htacess 作成ツール
ベーシック認証に必要な .htaccess
と .htpasswd
に記述するコードを作成できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F492675%2F486d9e1d-3b5f-415e-ca6d-721eda3a5d7e.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=58893e1e98349d7d4b71f1c22c33a9ba)
関連記事