今週はずっと方大同の新アルバムをループしていて、すごくいい音楽です!
オープンソースプロジェクトのおすすめ#
- bluewave-uptime、自分でデプロイできるサーバーモニタリングツール
- beszel、同上、もう一つのサーバーモニタリングツール
- nextjs-postgres-auth-starter、Vercel 公式テンプレート
- next-validate-link、Next.js アプリケーション内のすべての Markdown リンクが有効で最新かどうかをチェック
- use-editable、要素を
contenteditable
にしつつ完全にレンダリング可能にするフック、小型のコードエディタやテキストエリアを作成するのに最適 - blinko、AI を取り入れた新しいオープンソースのメモ
- next-ui-full-calendar、Next.js と NextUI に基づいたカレンダーコンポーネント、日、週、または月のビューでイベントを管理・表示
- react-scan、React のパフォーマンス問題をスキャンし、アプリケーション内の遅いレンダリングを排除
- NextFaster、すべての新機能を使用した Next.js の高性能 E コマーステンプレート、本当に速い
- next-query-glue-starter、楽観的 UI 更新や View Transition API などを使用した Next.js アプリテンプレート
- mitata、ベンチマークツール
- newsnow、リアルタイムの人気ニュースを優雅に読む
- fluid-tailwind、レスポンシブな記述をより便利にする Tailwind CSS プラグイン
- VideoLingo、ワンストップのビデオ翻訳ローカライズ音声ツール、Netflix レベルの高品質な字幕をワンクリックで生成、機械翻訳の不自然さや多行字幕から解放され、高品質なクローン音声も追加可能
- Sink、Cloudflare に基づいたリンク短縮ツール
アプリのおすすめ#
- windsurf、VS Code に基づいた AI エディタ、Codeium 製、試してみたが Cursor には及ばない感じ...
- Pearcleaner、オープンソースの macOS クリーニングツール、ネイティブで非常に軽量
- pilipala、Flutter で開発された BiliBili のサードパーティクライアント
読書のおすすめ#
- React drag to select
- Life of a Vercel request: What happens when a user presses enter
- Uncontrolled vs Controlled: A matter of perspective
- React useCallback() - A complete guide
- How to roll your own auth in JavaScript & TypeScript
- Essential tsconfig.json options you should use
// tsconfig.json
{
"compilerOptions": {
"incremental": true, // 増分コンパイルを有効にし、変更されたコードのみをビルド
"strict": true, // すべての厳密な型チェックオプションを有効にする(ベストプラクティス)
"rootDir": "src", // 入力ファイルのルートディレクトリ
"outDir": "./build", // コンパイルされたファイルの出力ディレクトリ
"allowJs": true, // JavaScriptファイルをTypeScriptファイルと一緒にコンパイルできるようにする
"target": "es6", // ECMAScriptのターゲットバージョンを指定
"module": "NodeNext", // 使用するモジュールシステムを設定(commonjs、nodenext、esnext)
"lib": ["es2024"], // コンパイルに含めるライブラリファイルを指定
"sourceMap": true, // デバッグ用のソースマップを生成
"skipLibCheck": true, // 宣言ファイルの型チェックをスキップ
"noUnusedParameters": false, // 関数内の未使用のパラメータを許可しない
"noUnusedLocals": false, // noUnusedParametersに似ているが、ローカル変数に対して
"noUncheckedIndexedAccess": true, // インデックスアクセス型が未定義の値をチェックされることを保証
"esModuleInterop": true, // CommonJSモジュールとの互換性を有効にし、デフォルトエクスポートのないモジュールからのデフォルトインポートを許可
"resolveJsonModule": true, // JSONファイルをモジュールとしてインポートできるようにする
"forceConsistentCasingInFileNames": true, // ファイル名が一貫した大文字小文字で扱われることを保証し、クロスプラットフォームの互換性に重要
"noImplicitOverride": true, // サブクラスのメソッドがスーパークラスのメソッドをオーバーライドする場合、overrideキーワードを明示的に使用する必要がある
"noPropertyAccessFromIndexSignature": true, // ドット表記でアクセスされるプロパティは、型で明示的に定義される必要がある
"allowUnreachableCode": false, // falseに設定すると、到達不能なコードに対してエラーを発生させる
"noFallthroughCasesInSwitch": true, // break、return、またはthrow文なしでフォールスルーするswitch文のケースに対してエラーを報告
"noErrorTruncation": true, // 有効にすると、TypeScriptがエラーメッセージを切り捨てるのを防ぎ、エラーの詳細を提供
"declaration": true // 対応する.d.tsファイルを生成
},
"include": ["src/**/*.ts"],
"exclude": []
}
その他のおすすめ#
- origin-ui-easings、以前に推薦した UI ライブラリ、毎週新しいものが出てくる、一組の緩和関数を Tailwind CSS プロジェクトにコピー&ペースト可能
- allow-right-click、ウェブサイトで無効にされた右クリック機能を解除するための拡張機能
- logo-creator、オンラインでロゴを生成するウェブサイト
個人の週記#
- 仕事:新旧プロジェクトの解耦に忙しく、一区切りついた
- ゲーム:三角洲はすでに五十の星を統治
- 運動:OvO
- 学習:React + Next を学習中