2018年【1-6月】使用中のおすすめWebサービス(プログラミング系)リスト

2018年【1-6月】使用中のおすすめWebサービス(プログラミング系)リストです。ごちゃついてうまく整理できてない気もしますが、それは追々精査していきます。
※画像は全てリンク先ページより転載しています。

おすすめシリーズ

  1. 2018年【1-6月】使用中のTrelloのおすすめエクステンションリスト – Ninolog
  2. 2018年【1-6月】使用中のChromeのおすすめエクステンションリスト – Ninolog
  3. 2018年【1-6月】使用中のMacのおすすめインストールアプリリスト – Ninolog
  4. 2018年【1-6月】使用中のおすすめWebサービス(Web解析系)リスト – Ninolog
  5. 2018年【1-6月】使用中のおすすめWebサービス(デザイン系)リスト – Ninolog
  6. 2018年【1-6月】使用中のおすすめWebサービス(プログラミング系)リスト – Ninolog

リスト

セキュリティ

Kaspersky Cyberthreat real-time map

サイバー脅威リアルタイム可視化ツール。世界のサイバー脅威をリアルタイムで可視化して地球儀上に表現します、Kasperskyのが一番綺麗。セキリュティ意識向上のため。

Norse Attack Map

サイバー脅威リアルタイム可視化ツール。世界のサイバー脅威をリアルタイムで可視化して地図上に表現します。気分転換に眺めていたりします。でも、セキリュティ意識向上のため。

リアルタイム・インターネット・モニター

インターネットの状況をリアルタイムで監視し、世界中の攻撃トラフィック、ウェブ接続速度、ウェブトラフィックの輻輳を表示。インターネットが好きなので、今どういう状況なのか知るために眺めたりしています。

AWS構成図作成ツール

Cloudcraft

AWS構成図作成ツール。[ Cloudcraft Live ] 機能を使ってアカウントに紐づくAWS構成をスキャンして構成図を作成してくれるのはかなり便利な機能だと思う。

AWS シンプルアイコン

AWS製品およびリソースの公式アイコンセット。PPTX、EPS、PNG、SVG等のアイコンセットをダウンロードできます。

SSL設定

Generate Mozilla Security Recommended Web Server Configuration Files

各種WebサーバSSL設定生成ツール。Mozillaが開発しているサービスでconfigファイルを作成する際に使用します。

Certbot

無料SSL/TLSサーバ証明書[ Let’s Encrypt ]クライアントソフトウェア。「Certbot」を使用することで、SSL/TLSサーバ証明書の取得・更新作業を簡単に自動化できます。

Qualys SSL Labs

SSL Server Test(SSL脆弱性診断)サービス。URLを入力して、SSLサーバ証明書の設定状況の確認や安全性診断などが無料で行えます。

ローカル環境公開

ngrok

ローカル環境公開ネットワーク共有サービス。最近知ったサービス、ローカル環境をちょっと確認してもらいたかったり、スマホやIE上での動作確認をしてもらいたい時に、生成したリンクを送って確認してもらえます。SSL通信やBasic認証にも対応しています。

Linuxコマンド

美女Linux | Linuxコマンドをもっと素敵で身近に

Linuxコマンドリファレンス。美女がLinuxコマンドのボードを持っています。

HTML

HTML5リファレンス

HTML5のリファレンス。タグの参考に使用しています。

HTMLHint

HTML構文チェックツール。設定を元に[ htmlhintrc ]ファイルを生成できます。

CSS

stylelint

CSS構文チェックツール。CSSだけでなくSassやLessにも対応し、また不要なプレフィックスを制限することができます。

Specificity Calculator

CSSセレクタのポイントビジュアル化サービス。CSSの優先順位が簡単に計測できます。

Can I use

HTML・CSSのブラウザ対応確認サービス。HTMLやCSSが各種ブラウザに対応しているかチェックできます。

I want to use

要素シェア確認サービス。使おうと検討している要素がどれくらいのシェアに対応できそうかチェックできます。

Free Css generator

Media Queriesコード生成サービス。設定したブラウザやデバイスに対応したメディアクエリ設定のCSSコードを生成します。

Unused CSS finder

未使用CSSチェックサービス。スタイルが当たってないCSSをチェックします。

何番目系の便利なCSSデモ

CSS適応箇所チェックサービス。スタイルが当たる箇所をチェックします。

Browserling

クロスブラウザチェックサービス。IEの簡易確認などで使用しています。

css2sass

SASSコンバートサービス。CSSをSASSに変換できます。さっと確認したい時などに便利。

Responsive Checker

レスポンシブイメージ確認サービス。さっと確認したい時などに便利。

CSScomb

CSS記述順設定出力サービス。CSSプロパティの記述順を設定することができます。

JS

ESLint

JS構文チェックツール。使用可能にしたら設定は公式の推奨を利用。

JSBEN.CH

コードパフォーマンスチェックサービス。ブロック上の二つのコードのどちらがパフォーマンス的に優れているか比較できます。

HTML/CSS/JSその他

The Ultimate Website Code Generator

HTML・CSSコード生成サービス。OGPやmeta要素にも対応しています。

Href Tools

各種変換・圧縮まとめサービス。HTML/CSS/JSの圧縮、ファイル変換などを行うことができます。

自作のWebツール集

各種Webツールサービス。チェッカーなど希望用途のものがあるかさっと確認する用に便利。

copypet.jp

Webパーツリファレンスサービス。希望用途のものがあるかさっと確認する用に便利。

The W3C Markup Validation Service

コードチェックサービス。W3C基準でコードが対応しているかチェックできます。

CodePen

HTML/CSS/JSオンラインコードエディタ。動作をさっと確認したい時に便利。

SNS対応

HEY META

OGP・meta要素用コード生成サービス。TwitterカードやFacebookのコード、Googleなどの検索エンジン用のコードを確認・生成できます。

OGP画像シミュレータ

OGP画像シミュレータ。作成した画像をタイムライン上に載せた時の実際の見た目を検証することができます。

デバッガー

シェアデバックサービス。ウェブサイトのコンテンツがFacebookやMessengerなどでシェアされたときに使用された情報を見ることができます。

ページプラグイン

ウェブサイト埋め込み用Facebookページコード生成サービス。公式のサービスなのでなるべくこちらを使用するようにしています。

Card Validator

Twitter Cards検証サービス。公式のサービスなのでなるべくこちらを使用するようにしています。

その他

パスワード生成(パスワード作成)

パスワード生成サービス。シンプルなので結構頻繁に使っています。

ご利用環境チェックツール

利用環境チェックサービス。同僚に便利だと思うと行ったら不思議に思われたけど、お客さんや非ITなど慣れてない人の現状をさっと調べたい時には便利だと思うんだけどな。

全角半角 変換ツール

全角半角変換サービス。文章校正時の確認用。半角全角、あと空白は人間の目で確認しないように心がけています。

疑似個人情報データ生成サービス

疑似個人情報データ生成サービス。検証用ダミーデータ作成の際に使用しています。結構細かく設定できます。

ダミーテキストジェネレータ

ダミーテキスト生成サービス。サンプルを作成する際になるべくイメージに近づけるために使用しています。

Gzipチェッカー

Gzipチェックサービス。サイトがGzipに対応しているか確認するために使用しています。

リダイレクトチェッカーツール

リダイレクトチェックサービス。301やhttpからの遷移を確認するために使用しています。

ファイル権限変換ツール

ファイル権限確認サービス。chmodコマンドを使用する時など、ぶっちゃけターミナルでオプションつけて整形してファイル権限の数値を確認することもできるけど、めんどくさい。

Mergely

テキスト差分確認サービス。difff《デュフフ》も便利だと思うけど、コード差分の結合などをしたい時はこちら。

HackMD

オンラインMarkdownエディタ。俺自身はローカルでさっと書いてファイルのエクスポートだけしたいのでLiveMdを使っているけど、エクスポートできない(はず)けどチームでリアルタイム編集したいならこれはとても使いやすいと思う。

paiza.IO

オンラインIDEサービス。写経などの学習の際にさっとコードの動作確認したい時に便利です。

codic

コードネームング生成サービス。ネーミングで迷った時に使います。

文字エンコード判別

文字エンコード判別ツール。そのテキストの文字エンコードが何か知りたい時に使用します。

その他情報

コメントを残す

Scroll to top