Web 開発で一歩先を行く: 最新ニュース、ツール、洞察 #49-jsチュートリアル-php.cn

Web 開発で一歩先を行く: 最新ニュース、ツール、洞察 #49

PHPz

リリース： 2024-09-10 11:12:30

オリジナル

539 人が閲覧しました

Stay ahead in web development: latest news, tools, and insights #49

weeklyfoo #49 はこちらです: 知っておくべきすべての Web 開発ニュースの毎週のダイジェストです!今回は7カテゴリー42本の貴重なリンクをご紹介します！お楽しみください!

?読んでみてください！

創業者モード: 一般的な前提: スタートアップの経営はマネージャーモード (ビジネススクールで教えられているよく知られた管理方法) に向かって変化しています。ファウンダーモードはあまり知られておらず、理解されていませんが、より効果的である可能性があります。 / スタートアップ、リーダーシップ / 7 分で読めます
私が今でもサーバーを自己ホストしている理由 (そして最近学んだこと): 電子メール以外はすべて自己ホストしています。 / 独立性 / 27 分で読めます

?知っておいてよかった

愚かに見えることへの意欲: さまざまな状況で自分がどのように行動するかを考えさせられた面白い記事です。 / キャリア / 30分で読んだ
Web のクリップボードと、さまざまな種類のデータの保存方法: コンピューターをしばらく使用したことがある人は、クリップボードに複数の種類のデータ (画像、リッチテキストコンテンツ、ファイルなど) を保存できることをご存知でしょう。 / クリップボード / 20 分で読めます
ゆっくりと速く進む: プログラミングの速度について。 / エンジニアリング / 7 分で読める
CSS は 2024 年についに垂直方向のセンタリングを追加します: 最も困難なプログラミングスキルの 1 つは、ワンライナーになることです ;) / css / 8 分で読めます
Node.js でのマルチスレッド: Atomics を使用した安全な共有メモリ操作 / nodejs / 7 分で読める
JavaScript サービス用の 3.78MB Docker イメージの作成方法: 手作りでいくつかの欠点もありますが、機能します。 / nodejs、docker / 3 分で読めます
Hono Zod OpenAPI: Hono を使用して OpenAPI 仕様を作成する組み込みの方法があります! / hono, openapi / 2 分で読めます
Greppability は過小評価されているコードメトリクス: 物事を見つけるためのより良い方法のための 3 つのヒント / エンジニアリング / 4 分で読む
100 万個のチェックボックスの秘密: 十代の若者たちが私に秘密を書いてくれました。見つけました。 / ログ / 12 分で読めます
/llms.txt ファイル: LLM が推論時に Web サイトを使用するのに役立つ情報を提供する、/llms.txt ファイルの使用を標準化する提案。 / llms / 9 分で読めます
新しいスタートアップ時代の幕開け: 現在のスタートアップの状況に関する意見と、最新の AI 製品についての深い洞察。 / スタートアップ / 25 分で読めます
内向型人間としてのセールスをハック: セールスを揺るがすために必要な 3 つの発見 / セールス / 6 分で読める
明示的は暗黙的よりも優れています: 明確さが重要です: 明示的であると、コードがより読みやすく、保守しやすくなります。 / エンジニアリング / 5 分で読めます
データベースについてもっと開発者に知っておいてほしいこと: データベースについて知っておくべき 17 のこと! / データベース / 24 分で読む
SSR パフォーマンス対決: Fastify (ベースラインとして)、Vue、Svelte、Solid、Preact、React の比較。 / benchark / 8 分で読めます
ブラウザーでのダウンロードチェーンを減らすためのファイルのプリロード: 小さな変更により、読み込みパフォーマンスが向上します。 / パフォーマンス / 5読んだ分

?ツール

QRSVG: QRSVG は、定義された目的を持つ SVG パスのコレクションとして SVG 要素に 2 次元ビットマスク (主に QR コードであると想定されます) をレンダリングする小さな JavaScript プロジェクトです。 / qr、svg
Algora TV: 開発者向けオープンソース Twitch / ストリーミング
StatiCrypt: 静的 HTML ページをパスワードで保護し、依存関係のない JS でブラウザ内で復号化します。サーバーロジックは必要ありません。 / 暗号化
Huetone: アクセス可能なカラーシステムを作成するツール / 色
Badge Maker Lite: GitHub README、CI/CD パイプラインなどで使用する SVG バッジを簡単に作成およびカスタマイズできる軽量の無料ツールです。 GitHub Gists 経由で構成を保存およびロードします。 / svgs
yocto spinner: Tiny terminal spinner / cli, spinner
empathic: A set of small Node.js utilities to understand your pathing needs. / tools
Pines UI: Pines is a library of animations, sliders, tooltips, accordions, modals, and more! It's a set of UI elements that can be copy and pasted into any Alpine and Tailwind projects. / ui, alpine, tailwind
Realtime Colors: Visualize Your Colors & Fonts On a Real Site / colors
Server Mono: Server Mono is a typeface inspired by typewriters, Apple's San Francisco Mono, ASCII art, command-line interfaces, and programming tools. / fonts
Avatars: Avatars is a collection of diverse free avatar images from across the web, designed to add personality to your projects. With a vast selection of vibrant illustrations, you can enhance your projects in seconds. / avatars
Midday v1: An open-source starter kit based on Midday. / starter-kit
Srcbook: TypeScript notebook for rapid prototyping / typescript
Logggos: Discover inspiring logos sorted by industries, themes, typography style, branding color and more. / logos
jsdiff: A javascript text differencing implementation. / javascript
FetchFox: A Chrome extension to extract any data from any website / chrome, ai

? Design

Reducing UX debt (or die trying): Product people should be less concerned with delivering new features (maximising) than with reducing UX debt (optimising). Poor, unresolved user experience is what drives away customers and destroys team motivation and commitment. / ui, ux / 11 min read

? Fun

Printing Money: Another nice illustration by Neal. / money / 1 min read

? Tutorials

Responsive app switcher or carousel UI with CSS view(): That's so nice! / css / 10 min read
Types from an array of strings: By using T[number]. / typescript / 0 min read
Going full-stack on Astro with Cloudflare D1 and Drizzle: A step-by-step guide to adding a back-end to your Astro project using Cloudflare D1 and Drizzle ORM / astro, cloudflare / 6 min read
CSS @property and the New Style: Cool effect for a user's attention. / css / 7 min read