これら50の無料のツールとリソース、きっと気に入るよ

無料で手に入るものってワクワクするけど、それがすごく役に立つものだったらどう？あなたが好きになる無料ツールとリソースだよ。

さぁ、始めよう！

1. Web開発リソース

開発者向けのリソースリストで、カテゴリごとにキュレーションされている。

リンク: https://web-dev-resources.com/

2. Remove bg

画像の背景を除去する：100%自動で、たった5秒、クリック一回せずに無料で。

リンク: https://www.remove.bg/

3. Tabler Icons

詳細にデザインされた無料かつオープンソースのアイコン。デザインに映えるよう作られている。

リンク: https://tablericons.com/

4. Blender

無料でオープンな3D作成ソフトウェア。

リンク: https://www.blender.org/

5. Free Code Tools

無料のSEOやコードツールのコレクション。

リンク: https://freecodetools.org/

6. Coolors

デザインのための美しい色の組み合わせを生成またはブラウジングする。

リンク: https://coolors.co/

Firebaseのオープンソース代替品で、GraphQL対応。

リンク: https://nhost.io/

8. DevSamples

DevSamplesには、必要に応じてプロジェクトにコピー＆ペーストするコードサンプルがたくさんある。主にウェブ開発に焦点を当てているが、さまざまな言語のサンプルもある。

リンク: https://www.devsamples.com/

9. Lorem Picsum

Lorem Ipsum...でも写真版。

リンク: https://picsum.photos/

10. Netlify

モダンな静的ウェブサイトをNetlifyでデプロイ。CDN、継続的デプロイメント、ワンクリックHTTPSなどが利用可能。無料で始められる。

リンク: https://www.netlify.com/

11. Pxfuel

創造的なコモンゼロライセンスの下で公開された数百万のパブリックドメインの写真、商業利用も無料。

リンク: https://www.pxfuel.com/

12. Font Awesome

世界で最も人気のあるアイコンセットがアップグレード。もっと多くのアイコン。もっと多くのスタイル。もっと多くのオプション。

リンク: https://fontawesome.com/

13. GTmetrix

GTmetrixは、ページのスピード性能を分析する無料ツール。PageSpeedとYSlowを使用し、ページにスコアを付けて、直すための行動を提案する。

リンク: https://gtmetrix.com/

14. Resume.com

最高の無料履歴書ビルダー。Resume.comでは、あなたの最良の特長を強調したプロフェッショナルな履歴書を作成できる。夢の仕事に応募するためにお金は必要ない。

リンク: https://www.resume.com/

15. daily.dev

最新のプログラミングニュースに追いつく最も簡単な方法。大勢の開発者コミュニティによってランク付けされた記事のフィード。任意のトピックについて、トップ技術出版物からの最良のコンテンツを得ることができる。すべてブラウザ拡張機能の中で。

リンク: https://daily.dev/

16.DevDocs

開発者向けの高速でオフラインのドキュメンテーションブラウザ。一つのウェブアプリで100以上のドキュメントを検索：HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C++…

リンク: https://devdocs.io/

17. Feather Icons

シンプルで美しいオープンソースのアイコンのコレクション。各アイコンは24x24グリッド上でデザインされ、シンプルさ、一貫性、可読性に重点を置いている。

リンク: https://feathericons.com/

18. shortcode.dev

役立つスニペットとコード例のコレクション。エレメント、属性、セレクター。

リンク: https://shortcode.dev/

19. Canva

チームで美しいデザインを作成する。Canvaのドラッグアンドドロップ機能とレイアウトを使用して、名刺、ロゴ、プレゼンテーションなどのデザイン、共有、印刷が可能。

リンク: https://www.canva.com/

20. Mockuper.net

mockuperは、あなたのすごい作品を表示するためのカスタム画像を作成する無料のモックアップジェネレーター。

リンク: https://mockuper.net/

21. CSS Nectar

CSS Nectarは、ウェブデザイナーと開発者のためのCSSウェブデザインのショーケース。毎日、ウェブデザインのベストを選んでギャラリーに追加している。

リンク: https://cssnectar.com/

22. BGJar

ウェブサイト、ブログ、アプリ用の無料SVG背景ジェネレーター。

リンク: https://bgjar.com/

23. Photopea

Photopeaオンラインフォトエディターで、写真を編集、効果を適用、フィルターを追加、テキストを加えたり、サイズを変えたりする。無料でオンラインフォト編集をブラウザで実行。

リンク: https://www.photopea.com/

24. Vercel

最高のフロントエンド開発者エクスペリエンスとエンドユーザーパフォーマンスでウェブプロジェクトをデプロイする。

リンク: https://vercel.com/

25. fun-javascript-projects

実用的でプロジェクトベースのアプローチで無料でJavascriptを学ぶ。

リンク: https://fun-javascript-projects.com/

26. Flaticon

SVG, PSD, PNG, EPS形式やICON FONTとして3743500以上の無料ベクターアイコン。最大の無料ベクターアイコンデータベース。

リンク: https://www.flaticon.com/

27. Awesome Python

素晴らしいPythonフレームワーク、ライブラリ、ソフトウェアのキュレートリスト。

リンク: https://awesome-python.com/

28. CSS Reference

CSSの無料ビジュアルガイド。最も人気のあるプロパティを特集し、図解とアニメーションの例で説明している。

リンク: https://cssreference.io/

29. Sidebar.io

平日毎日、最高のデザインリンクを5つ。

リンク: https://sidebar.io/

30. Grid by Example

CSS Grid Layoutを学ぶために必要なすべて。

リンク: https://gridbyexample.com/

31. Heroicons

Tailwind CSSの作り手から、美しいハンドクラフトのSVGアイコン。

リンク: https://heroicons.com/

32. Latency

無料のグローバルレイテンシパフォーマンステスティングツール。

リンク: https://latency.apex.sh/

33. Work Remote

どこからでもチャンスを手に入れる！

リンク: https://workremote.cc/

34. Unsplash

どんなプロジェクトにも使える美しい、無料の画像と写真。どのロイヤルフリーまたはストック写真よりも優れている。

リンク: https://unsplash.com/

35. Simple Icons

人気ブランドの1400以上の無料SVGアイコン。

リンク: https://simpleicons.org/

36. CSS Stats

スタイルシートのためのアナリティクスとビジュアライゼーション。

リンク: https://cssstats.com/

37. Squoosh.app

ブラウザでさまざまなコーデックを使った画像の圧縮と比較。

リンク: https://squoosh.app/

38. JavaScript Quiz

JavaScript Quiz – 楽しみながらあなたの知識をチェックする。

リンク: https://javascriptquiz.com/

39. UI Garage

デザイナーや開発者がインスピレーションやツール、プロジェクトのための最高のリソースを見つけるための毎日のUIインスピレーション＆パターン。

リンク: https://uigarage.net/

40. unDraw

どんなアイデアでも想像して創造できる、オープンソースイラストのデザインプロジェクト。あなたの色で美しいウェブサイト、製品、アプリケーションを作成する。無料で。

リンク: https://undraw.co/

41. Figma

チームでより良い製品を構築する。デザイン、プロトタイピング、そして一か所でフィードバックを収集するFigma。

リンク: https://www.figma.com/

42. Hashnode

Hashnodeは無料のコンテンツ作成プラットフォームであり、コミュニティで、独自のドメインに記事を公開し、成長する開発者コミュニティとつながることができる。

リンク: https://hashnode.com/

43. Free CSS

Free CSSには3133もの無料ウェブサイトテンプレートがあり、すべてのテンプレートは無料のCSSテンプレート、オープンソーステンプレート、またはクリエイティブコモンズテンプレート。

リンク: https://www.free-css.com/

44. DrawKit

次のプロジェクトで使う無料のベクターSVGイラスト、帰属表示は不要！ベクターイラスト、パック、アイコンなど。

リンク: https://www.drawkit.io/

45. Public APIs

1000を超える無料のパブリックおよびオープンREST APIの集合リスト。映画、アニメ、天気、音楽、ゲームと漫画、通貨、スポーツ、科学、オープンデータなど。

リンク: https://public-apis.io/

46. CSS.gg

ピュアCSSアイコンライブラリ、カスタマイズ可能＆レチナレディで、100%ピュアCSS、SVG、SVGスプライト、styled-components、Figma、Adobe XDで構築されている。組み込みは簡単：埋め込み、NPM、API。

リンク: https://css.gg/

47. Jr.DevJobs

ジュニア開発者向けの仕事。

リンク: https://www.jrdevjobs.com/

48. Notion

日々の仕事のアプリを一つに統合する新しいツール。あなたとチームのためのオールインワンワークスペースだ。

リンク: https://www.notion.so/

49. Compresspng.com

PNG画像を透明性をサポートするPNG-8形式に圧縮し最適化するツール。

リンク: https://compresspng.com/

50. Compressor.io

オンラインでJPEG、PNG、SVG、GIF、WEBP画像を最適化して圧縮する。無料で写真を圧縮、リサイズ、リネームする。

リンク: https://compressor.io/

この記事が気に入ったら、ぜひ❤️してね。

読んでくれてありがとう。ウェブ開発に関するさらなる記事を読みたいなら、私のブログをチェックしてみて。私は長年ウェブ開発者をしていて、ウェブ開発の現実的なヒントやリソースについて書いているんだ。

ハッピーコーディング！❤️

こちらの記事はdev.toの良い記事を日本人向けに翻訳しています。
https://dev.to/denicmarko/50-free-tools-and-resources-you-re-gonna-love-4hd0