Just JavaScript
Explore the JavaScript UniverseRebuild your mental model from the inside out. On a good day, programming feels like magic.You patiently enchant the machine with a tapestry of digital spells. With a few confident keystrokes, you breathe life into the colorful dots on the screen. Oh, what a marvellous illusion you have created! It works… Except when it doesn’t. It strikes you just as you were about
JavaScript PrimerのNotebookLMが利用可能になりました！
JavaScript PrimerのNotebookLMが利用可能になりました。 NotebookLMは、Googleが提供するAIを活用したノートブック環境で、登録したソースに対して質問をしたり、情報を検索したりすることができます。 次のリンクから、JavaScript PrimerのNotebookLMにアクセスできます。 📖 JavaScript Primer - 迷わないための入門書 - NotebookLM JavaScript Primer on NotebookLM JavaScript PrimerのコンテンツがNotebookLMに入ってることで、読者は書籍の内容についてNotebookLMに直接質問したり、Podcastとして音声で聞いたりすることができるようになります。 NotebookLMを活用することで、JavaScript Primerを読み進める中で生じた疑
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Rolldown | Rust bundler for JavaScript
Why do we still need bundlers? Skipping the build step is impractical With the general availability of native ES modules and HTTP/2 in modern browsers, some developers are advocating for an unbundled approach for shipping web applications, even in production. While this approach works for smaller applications, in our opinion bundling is still very much necessary if you are shipping anything non-
JavaScriptのジェネレータ関数を実務で使った話 - Qiita
ジェネレータ関数はJavaScriptの機能の中でもマイナーな機能で、functionの代わりにfunction*で関数を作るのが特徴です（アロー関数版のジェネレータ関数式はありません）。また、その中ではyieid式が使用可能になります。 ジェネレータ関数については、存在は知ってるけど実務で使ったことがないという方も多いのではないかと思います。 そこで、今回は筆者がこれまでの経験で唯一、ジェネレータ関数を実務で使ったケースを紹介します（具体的なユースケースについては実際の業務そのままではなくこの記事用に用意したシチュエーションとなるので、そこはご了承ください）。 配列の組み立てが複雑になりがち 例えば、「メインメニューの表示内容が、ユーザーが管理者ユーザーかどうかで異なる」という仕様を実装したい場合を考えましょう。普通に実装すると、こんな感じになるはずです。 function getMai
Parcel – The zero configuration build tool for the web.
The zero configuration build tool for the web. JavaScript. CSS. HTML. TypeScript. React. images. SASS. SVG. Vue. libraries. Less. CoffeeScript. Node. Stylus. Pug. Electron. Elm. WebGL. extensions. GraphQL. MDX. XML. Parcel combines a great out-of-the-box development experience with a scalable architecture that can take your project from just getting started to massive production application.
GitHub - xyflow/awesome-node-based-uis: A curated list with resources about node-based UIs
baklavajs - Graph/node editor for VueJs beautiful-react-diagrams - React components and hooks to build diagrams butterfly - Renderer for interactive diagrams and flowcharts cytoscape.js - Canvas based renderer with utilities and algorithms diagram-maker - Interactive editor for any graph-like data Flowy - Flowchart library flow-builder - React-based renderer for workflows and process diagrams GoJS
Vite 6.0 is out!
Vite 6.0 is out! November 26, 2024 Today, we're taking another big step in Vite's story. The Vite team, contributors, and ecosystem partners are excited to announce the release of Vite 6. It has been an eventful year. Vite adoption keeps growing, with npm downloads per week jumping from 7.5 million to 17 million since the release of Vite 5 a year ago. Vitest is not only being favored more by use
Vapor Revolution
もう一人で悩まない！ 個の知見をチームの知見にする3つの習慣と工夫 / Into team knowledge.
幸せの形はどれも似ているが
Previous slideNext slideToggle fullscreenOpen presenter view About https://x.com/mizchi Node.js とフロントエンドの専門家 120万*達成率で御社のフロントエンドの高速化をやります 今日話す内容ができます。社内勉強会等も承ります。 話すこと/話さないこと 話すこと パフォーマンスという予算の考え方 Lighthouseによる計測 ソースコードを二分探索して問題を特定 計測した問題の扱い方 話さないこと 具体的な問題の解決方法(都度調べて) 発表のコンテキスト 特定コードの影響範囲のみを計測する方法を周知したい サードパーティスクリプト開発で大量のウェブサイトを計測していた 暗黙知化しているのを棚卸ししたい フロントエンド計測≒E2E計測 フロントエンド課題に限定せずに全部に向き合う ユーザーと同じ
jsconfjp2024-performance-tuning-en.md
jsconfjp2024-performance-tuning-en.md This is English text version trnslated by openai (image links are broken. I'll fix it later...) https://mizchi-20241123-jsconfjp.pages.dev/ All Happy Projects Look Alike, But Each Unhappy Project is Unhappy in Its Own Way @mizchi at JSConfJP 2024 About https://x.com/mizchi Node.js and Frontend Specialist Achieving a 120%* improvement in your frontend performan
Svelte/SvelteKit の地味に好きなところ
普段から Svelte / SvelteKit を使っているので、その地味に好きなところを紹介します。 また、微妙なところも最後に紹介します。 Who are you? ryoppippi Frontend は Svelte メインで書いている React も書くが、少なめ Astro は書いている Solid でも簡単なものを作ったことがある Vue3 はほぼ触ったことがない Svelte の好きなところ👍 直感的に書けるところ Svelte は直感的に書けるところが好き。 見た目も html に近い。 エディタの支援もしっかりしているので、書いていてストレスがない。 速い、軽い、うまい 結構適当に作っても、speedInsight でいい点数を取りやすい。 また、ビルド後のファイルサイズも小さいので、デプロイもしやすい（特に Cloudflare Pages との相性がいい）。 型安
ユーザー体験重視のSPAアーキテクチャ改 - laiso
JavaScriptフレームワークを取り巻く状況は、常に変化を続けています。近年では、サーバーサイドレンダリング（SSR）とクライアントサイドレンダリング（CSR）のバランスは、重要な検討事項です。 ChatGPTのRemix採用 2024年9月、ChatGPTがNext.jsからRemixに移行したことが明らかになりました。この出来事は、Remixの母体であるReact Router系のコミュニティで大きな話題となり、移行の理由について様々な憶測を呼びました。 JavaScriptエキスパートのWes Bos氏（学習動画教材とかを作っている人）は、ChatGPTのフロントエンドのソースコードを分析し、OpenAIがRemixを採用した理由について独自の考察を展開しました。 www.youtube.com 緊急で動画を回すWes Bos氏 Wes Bos氏の分析によると、ChatGPTのア
弊社のフロントエンドのテストについて、考え方・方針・やっていることなど全部紹介します（2024年版）
はじめに この記事について こんにちは、zomysan（ぞみ） です。今回は私の所属するソーシャルPLUSのフロントエンドチームがどのようなことを考えてテストを作っているのかを紹介します。 フロントエンドのテスト手法については素晴らしい本や記事がすでにたくさん存在しますが、限られたリソースの中で、実務としてどうテストをこなしているのか、という具体的な事例として楽しんでいただければ幸いです。 テスト運用における課題や改善点も率直に紹介しますので、「うちではこうやって解決しているよ」といったご意見があればぜひコメント欄で教えてください！ 対象読者 フロントエンドのテスト運用に悩んでいる方 フロントエンドのテストってどういうものなのか興味がある方 ソーシャルPLUSに入社したフロントエンドメンバー この記事に書いていないこと すべてのチームにとっての最適解は提示していません 弊チームにとっても折
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - vadimdemedes/ink: 🌈 React for interactive command-line apps
GitHub - upstash/jstack: Build seriously fast, lightweight and end-to-end typesafe Next.js apps
JStack - Full-Stack Next.js & TypeScript Toolkit
GitHub - statelyai/xstate: Actor-based state management & orchestration for complex app logic.
GitHub - xojs/xo: ❤️ JavaScript/TypeScript linter (ESLint wrapper) with great defaults
現実世界におけるスキーマ設計の妥協
