Web開発者:10の便利なツール

本日公開するこの記事は、Web開発者を対象とした10の便利なツールに捧げられています。資料の作者は、これらは、彼らが言うように、「夜が明けるまでではなく、賢く働く」ことを可能にするツールにすぎないと信じています。







1.ウェブサイト脆弱性スキャナー



Website Vulnerability Scannerは、Pentest-Tools.comによって開発されたWebサイト脆弱性スキャナーです。このツールには、脆弱性をチェックする必要があるサイトへのリンクを与える必要があります。その後、レポートが生成されます。





ウェブサイト脆弱性スキャナーの結果



2.ニブラー



Nibblerは、Webプロジェクトを包括的に分析するためのツールです。彼が生成するレポートには、サイトのコンテンツのアクセシビリティの評価、ユーザーエクスペリエンスがサイトでの作業からどれほどポジティブになるかについての評価が含まれています。Nibblerは、検索エンジンの最適化と、サイトの設計と構築の程度についてサイトを分析します。





ニブラーはdev.toに高い評価を与えます



3.メタタグ



メタタグはすぐにウェブサイトのメタタグをチェックするために使用することができます簡単なオンラインツールです。





メタタグを使用したメタタグの検証



4.グーグル灯台



Google Lighthouseは、Webプロジェクトの品質を評価するためのオープンソースの自動化システムです。



サイトの設計と機能のさまざまな側面に関連する評価が表示されます。特に、サイトのパフォーマンス、アクセシビリティ、検索エンジンの最適化を評価し、最終結果に加えて、サイトを改善するための詳細なレポートと推奨事項を受け取るために使用できます。





Google灯台でのサイト分析



5.エンドテスト



Endtest(私はそこで働いていることをすぐに伝えます)は、複雑なテストを作成してすべての主要なブラウザーで実行できるインテリジェントなテスト自動化プラットフォームです。 



DEVコミュニティサイトのサインインテストを自動化し、クラウド、Chrome、Firefox、Edge、Safari、およびInternet Explorer 11でこのテストを実行しました。



このサイトは、多くの「最高の「開業医」は、Internet Explorer11では特にうまく機能しません。テスト結果は次のようになります。





Chromeでのテスト結果





Internet Explorer11でのテスト結果



6.ルーム



Loomは無料のChrome拡張機能で、画面とウェブサイトを同時にキャプチャしながら動画を撮影できます。



このような録音は、対話者が都合のよいときに特定のプロジェクトに関するコメントを書き留めて相互に送信できる場合、ビデオ通話の代替手段と見なすことができます。





Loom Chrome Extension



7.ペクセル



Pexelsは、プロジェクトの無料の写真やビデオを見つけることができるサイトです。これは、資料をダウンロードするために登録する必要さえない数少ないサイトの1つです。



このサイトは、プロトタイプを作成する必要があり、マーケティング部門がまだ公式資料を送信していない状況で常に役立ちます。





PexelsのWebサイト



8.フィグマ



Figmaは、プロジェクトのチームワークに最適なWeb​​サイトプロトタイピングツールです。Figmaは、プロトタイピングツールをサポートするだけでなく、開発チームやその他の専門家がプロジェクトとその個々の詳細について話し合うこともできます。





フィグマ



9. Funkify



Funkifyは、開発者が障害を持つ人々の視点からWebを見ることができるようにするChrome拡張機能です。これは、すべてのカテゴリのユーザーにとって便利なサイトの開発に役立ちます。





Funkify



10. PerfectPixel



PerfectPixelは、デザイナーが準備したページレイアウトを表すHTMLページの上に半透明の画像を配置できるようにするChrome拡張機能です。これは、作成されたものとあるべきものをピクセルごとに比較するのに役立ちます。





ページとレイアウトをPerfectPixel比較



するこのリストにWeb開発者向けのツールを追加しますか?






All Articles