nikkeyl
  • Telegram

役立つドキュメント、記事、ツールの一覧

役立つドキュメント、記事、ツールの一覧

136

7 分。

公式ドキュメント

ウェブの基盤となるツールと標準。

フロントエンド

  • React - ユーザーインターフェースを構築するためのライブラリ。SPA（シングルページアプリケーション）開発における主要な標準ツールです;

  • Next.js - ReactをベースとしたVercel提供の高機能フレームワーク。サーバーサイドレンダリング（SSR）や静的サイト生成（SSG）をサポートしています:

    • 会員登録：任意;
    • 有料サービス：あり（任意）。

  • Minista - 高速なビルドとクリーンなコードに特化した、ミニマリスト向けの静的サイトジェネレーター;

  • Tailwind CSS - HTML内で直接レイアウトを迅速に構築できる、ユーティリティファーストのCSSフレームワーク:

    • 会員登録：任意;
    • 有料サービス：あり（任意）。

記事・お役立ちロングリード

理論や業界のベストプラクティスを深く学ぶためのリソースです。

フロントエンド & CSS

  • CSS-Tricks - コーディングのあらゆる側面に関するチュートリアルを網羅した、伝説的なリソースサイト。

ツール（フロントエンド）

デザイン、開発、最適化をサポートするリソース集です。

アイコン

  • Free SVG Icons - Laravel (Tabler Icons) - あらゆるスタックに適した膨大なアイコンセット;

  • Health icons - 医療・ヘルスケアプロジェクト向けの無料アイコン;

  • Phosphor Icons - さまざまなスタイル（Thin, Light, Boldなど）を選択できる柔軟なアイコンファミリー;

  • Feather - ミニマルなオープンソース・アイコン;

  • Iconoir - 最大級のSVGアイコンライブラリの一つ:

    • 寄付：任意。

プレイヤー

  • MOV Player - ブラウザ上で直接MOVファイルを再生・確認できるオンラインツール:

    • 会員登録：任意;
    • 有料サービス：あり（任意）。

コンバーター & 圧縮ツール

  • TinyPNG - 画質を落とさずに画像を圧縮できる最高峰のサービス:

    • 会員登録：任意;
    • 有料サービス：あり（任意）。

  • Base64 to File - Base64文字列を元のファイル形式にデコードします:

    • 寄付：任意。

  • TinyWow - PDF、動画、写真などを処理するための膨大な無料AIツール群:

    • 会員登録：任意。

  • How to Convert - Windows、macOS、Linux対応のアプリ。3,000以上のフォーマット変換が可能ですが、SVGから他形式への変換は未対応です:

    • 会員登録：必須;
    • 有料サービス：あり（任意）。

CSS & フォント

  • PX to percentage converter - レスポンシブ対応のために、ピクセル（px）をパーセンテージ（%）に即座に変換します;

  • Can I use… - 各種技術のブラウザ対応状況を確認できます:

    • 寄付：任意。

  • Google webfonts helper - Google Fontsをローカル環境で使用するためにダウンロードできる便利なツール:

    • 寄付：任意。

React ライブラリ

  • Introduction - React Three Fiber - Three.jsを使用してReactで3Dシーンを作成するためのライブラリ;

  • dnd kit - 軽量でモジュール式のドラッグ＆ドロップ用ツールキット;

  • React Bits - アニメーション付きUIコンポーネントのライブラリ;

  • Mantine React Table - 高機能なテーブル（表）を実装するための強力なライブラリ;

JS/TS & エコシステム

  • JS Visualizer 9000 - JavaScriptのイベントループとエンジンの動きを視覚化します;

  • ESLint Stylistic - コードスタイルの設定をカスタマイズするためのプラグイン;

  • Storybook - UIコンポーネントを分離した環境で開発するためのツール:

    • 会員登録：任意。
    • 有料サービス：あり（任意）。

  • TanStack - クエリ、ルーター、テーブルなど、Web開発者向けの高品質なツール群:

    • 会員登録：任意（一部必須）;
    • 有料サービス：あり（任意）。

正規表現

  • i Hate Regex - 複雑な正規表現のチートシートと、視覚的な解説ツール;

  • regex101 - 詳細な説明付きで正規表現をデバッグ・テストできるツール:

    • 会員登録：任意。

テスト & パフォーマンス

  • LambdaTest - 様々なブラウザやOS環境でのクラウドテスト:

    • 会員登録：必須;
    • 有料サービス：あり（任意）。

  • PageSpeed Insights - Googleによるウェブサイトのパフォーマンス分析ツール。

翻訳

  • DeepL 翻訳 - 世界で最も精度が高いとされる翻訳ツール:

    • 会員登録：任意;
    • 有料サービス：あり（任意）。

バックエンド・ユーティリティ

記事は随時更新されます

類似カテゴリ:

プロジェクトの種類*