nikkeyl
  • Telegram

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

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

17

2 分。

公式ドキュメント

現代のウェブを支える基盤となるツールと標準規格です。

フロントエンド

  • 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 翻訳: 世界で最も精度が高いとされる翻訳ツール。

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

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

  • Newsletters spam test: 送信前にメールがスパム判定されないかチェックします。

    • 会員登録：任意

類似カテゴリ:

ご連絡ください

プロジェクトの種類*