Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Sep 22 2020 00:35
    V8 release v8.6 · V8 https://realtime.jser.info/2020/09/22/v8-release-v8-6-v8/ <a href="https://v8.dev/blog/v8-release-86">https://v8.dev/blog/v8-release-86</a><br /><p>V8 8.6リリース。
    JavaScriptエンジンのFuzzingツールであるJS-Fuzzerの公開、<code class="language-plaintext highlighter-rouge">Number.prototype.toString</code>のパフォーマンス改善。
    <code class="language-plaintext highlighter-rouge">Atomics.notify</code>にリネームされたため<code class="language-plaintext highlighter-rouge">Atomics.wake</code>の削除、Wasmのパフォーマンス改善など</p>
  • Sep 21 2020 07:38
    [JSer.info] 2020-09-21のJS: Moment.jsのステータス、PostCSS 8.0.0、Vue 3.0.0、DOMの順序と表示順序の一致
    https://jser.info/2020/09/21/moment.js-postcss-8.0.0-vue-3.0.0-dom/
  • Sep 21 2020 07:35
    pmndrs/jotai: :ghost: Primitive, flexible state management for React https://realtime.jser.info/2020/09/21/pmndrs-jotai-primitive-flexible-state-management-for-react/ <a href="https://github.com/pmndrs/jotai">https://github.com/pmndrs/jotai</a><br /><p>RecoilインスパイアなReact向けのステート管理ライブラリ。
    プリミティブな値をAtomでwrap、unwrapするAPIをもつ。
    UtilsとしてAtomを使ったHigh Level APIを提供する</p>
  • Sep 21 2020 06:35
    Rewriting Facebook's "Recoil" React library from scratch in 100 lines https://realtime.jser.info/2020/09/21/rewriting-facebooks-recoil-react-library-from-scratch-in-100-lines/ <a href="https://bennetthardwick.com/blog/recoil-js-clone-from-scratch-in-100-lines/">https://bennetthardwick.com/blog/recoil-js-clone-from-scratch-in-100-lines/</a><br /><p>Recoil的なObserver Patternのステート管理を実装しながら仕組みを見ていく話</p>
  • Sep 20 2020 14:35
    Managing several displays with the Multi-Screen Window Placement API https://realtime.jser.info/2020/09/20/managing-several-displays-with-the-multi-screen-window-placement-api/ <a href="https://web.dev/multi-screen-window-placement/">https://web.dev/multi-screen-window-placement/</a><br /><p>Chrome 86でOrigin Trialとして実装されているMulti-Screen Window Placement APIについて。
    複数のスクリーンかの判定、それぞれのスクリーン情報の取得、スクリーン変更の検知、フルスクリーン化するスクリーンの指定についてなど</p>
  • Sep 20 2020 14:35
    How to detect fullscreen mode using CSS – Amit Merchant – A blog on PHP, JavaScript and more https://realtime.jser.info/2020/09/20/how-to-detect-fullscreen-mode-using-css-amit-merchant-a-blog-on-php-javascript-and-more/ <a href="https://www.amitmerchant.com/how-to-detect-fullscreen-mode-using-css/">https://www.amitmerchant.com/how-to-detect-fullscreen-mode-using-css/</a><br /><p>CSS Media Queryを使ってブラウザがフルスクリーンであるかを判定する方法について。
    <code class="language-plaintext highlighter-rouge">display-mode: fullscreen</code>をMedia Queryを使い判定することでフルスクリーンとなった場合の処理やCSSを実装できる</p>
  • Sep 20 2020 14:35
    BGJar | Free svg background image generator for your websites https://realtime.jser.info/2020/09/20/bgjar-free-svg-background-image-generator-for-your-websites/ <a href="https://bgjar.com/">https://bgjar.com/</a><br /><p>SVGでパターン背景を生成するジェネレーターツール</p>
  • Sep 20 2020 14:35
    Introducing Source Order Viewer in the Microsoft Edge DevTools - Microsoft Edge Blog https://realtime.jser.info/2020/09/20/introducing-source-order-viewer-in-the-microsoft-edge-devtools-microsoft-edge-blog/ <a href="https://blogs.windows.com/msedgedev/2020/09/15/source-order-viewer-edge-devtools/">https://blogs.windows.com/msedgedev/2020/09/15/source-order-viewer-edge-devtools/</a><br /><p>MSEdge/Chrome 85に実験的な機能として要素のソースコードにおける順番を表示する機能が追加された。
    CSS Grid/FlexboxなどのCSSの機能で要素の順番を変更しやすくなったため、スクリーンリーダーなどの読み上げで問題が起きるケースを分かりやすくデバッグする機能。
    WCAG C27の”DOMの順序を表示順序と一致させる”の実装をデバッグする目的の機能。</p>
      <h2>関連URL</h2>
      <ul>
    
          <li class="related-link"><a href="https://adrianroselli.com/2015/09/source-order-matters.html">Source Order Matters | Adrian Roselli</a></li>
    
          <li class="related-link"><a href="https://adrianroselli.com/2020/08/source-order-viewer-in-canary.html">Source Order Viewer in Canary | Adrian Roselli</a></li>
    
          <li class="related-link"><a href="https://www.w3.org/TR/WCAG20-TECHS/C27.html">C27: Making the DOM order match the visual order | Techniques for WCAG 2.0</a></li>
    
          <li class="related-link"><a href="https://waic.jp/docs/WCAG-TECHS/C27">C27: DOM の順序を表示順序と一致させる | WCAG 2.0 達成方法集</a></li>
    
      </ul>
  • Sep 20 2020 13:35
    Working with JavaScript Media Queries | CSS-Tricks https://realtime.jser.info/2020/09/20/working-with-javascript-media-queries-css-tricks/ <a href="https://css-tricks.com/working-with-javascript-media-queries/">https://css-tricks.com/working-with-javascript-media-queries/</a><br /><p>JavaScriptでのMediaQueryの利用方法について。
    <code class="language-plaintext highlighter-rouge">window.matchMedia</code>の使い方、<code class="language-plaintext highlighter-rouge">resize</code>イベントを見る場合とのパフォーマンスの違いについて</p>
  • Sep 20 2020 13:35
    Kea 2.2: The TypeScript Release | Kea 2.2 https://realtime.jser.info/2020/09/20/kea-2-2-the-typescript-release-kea-2-2/ <a href="https://kea.js.org/blog/kea-2.2/">https://kea.js.org/blog/kea-2.2/</a><br /><p>React向けのステート管理ライブラリであるKea 2.2リリース。
    TypeScriptのサポート</p>
      <h2>関連URL</h2>
      <ul>
    
          <li class="related-link"><a href="https://kea.js.org/docs/guide/typescript/">TypeScript | Kea 2.2</a></li>
    
      </ul>
  • Sep 20 2020 13:35
    How to Simplify SVG Code Using Basic Shapes | CSS-Tricks https://realtime.jser.info/2020/09/20/how-to-simplify-svg-code-using-basic-shapes-css-tricks/ <a href="https://css-tricks.com/how-to-simplify-svg-code-using-basic-shapes/">https://css-tricks.com/how-to-simplify-svg-code-using-basic-shapes/</a><br /><p>SVGを手書きするチュートリアル</p>
  • Sep 20 2020 13:35
    web-padawan/vanilla-colorful: A tiny color picker custom element for modern web apps https://realtime.jser.info/2020/09/20/web-padawan-vanilla-colorful-a-tiny-color-picker-custom-element-for-modern-web-apps/ <a href="https://github.com/web-padawan/vanilla-colorful">https://github.com/web-padawan/vanilla-colorful</a><br /><p>依存がないカラーピッカーの実装ライブラリ</p>
  • Sep 20 2020 13:35
    JSchallenger https://realtime.jser.info/2020/09/20/jschallenger/ <a href="https://www.jschallenger.com/">https://www.jschallenger.com/</a><br /><p>JavaScriptのテストを通るように関数を実装するJavaScriptの練習問題集</p>
  • Sep 19 2020 16:35
    nextauthjs/next-auth: Authentication for Next.js https://realtime.jser.info/2020/09/20/nextauthjs-next-auth-authentication-for-next-js/ <a href="https://github.com/nextauthjs/next-auth">https://github.com/nextauthjs/next-auth</a><br /><p>Next.js向けのAuthentication library。
    Auth0、Apple、Facebook、Googleなどいろいろなプロバイダーに対応している。</p>
  • Sep 19 2020 07:35
    Announcing TypeScript 4.1 Beta | TypeScript https://realtime.jser.info/2020/09/19/announcing-typescript-4-1-beta-typescript/ <a href="https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/">https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/</a><br /><p>TypeScript 4.1 Betaリリース。
    Template Literal Types、Mapped TypesでKeyのRemappingをサポート、再帰的なConditional Typesのサポート。
    インデックスアクセス時に<code class="language-plaintext highlighter-rouge">undefined</code>となる可能性を考慮する<code class="language-plaintext highlighter-rouge">noUncheckedIndexedAccess</code>オプションの追加、<code class="language-plaintext highlighter-rouge">baseUrl</code>なしで<code class="language-plaintext highlighter-rouge">paths</code>オプションを指定できるように。
    破壊的な変更として、<code class="language-plaintext highlighter-rouge">new Promise</code>における<code class="language-plaintext highlighter-rouge">resolve</code>関数の引数がOptionalではなくなるなど</p>
  • Sep 19 2020 07:35
    Release v3.0.0 One Piece · vuejs/vue-next https://realtime.jser.info/2020/09/19/release-v3-0-0-one-piece-vuejs-vue-next/ <a href="https://github.com/vuejs/vue-next/releases/tag/v3.0.0">https://github.com/vuejs/vue-next/releases/tag/v3.0.0</a><br /><p>Vue 3.0.0リリース。
    コードベースをTypeScriptで書き直し、コアモジュールのパッケージ化。
    Composition API、Teleport、Fragmentsのサポート。
    実験的なAPIとして<code class="language-plaintext highlighter-rouge">
  • Sep 17 2020 13:35
    Release 8.0 “President Ose” · postcss/postcss https://realtime.jser.info/2020/09/17/release-8-0-president-ose-postcss-postcss/ <a href="https://github.com/postcss/postcss/releases/tag/8.0.0">https://github.com/postcss/postcss/releases/tag/8.0.0</a><br /><p>PostCSS 8.0リリース。
    Node.js 8以下のサポート終了、ES2015のコードをそのまま配布するように、<code class="language-plaintext highlighter-rouge">postcss.vendor</code> APIの削除。
    PostCSS Plugin APIの変更、パーサの改善、Source Mapサポートの改善、TypeScriptのサポートなど</p>
      <h2>関連URL</h2>
      <ul>
    
          <li class="related-link"><a href="https://github.com/postcss/autoprefixer/releases/tag/10.0.0">Release 10.0 “Alis volat propriis” · postcss/autoprefixer</a></li>
    
          <li class="related-link"><a href="https://evilmartians.com/chronicles/postcss-8-plugin-migration">PostCSS 8.0: Plugin migration guide — Martian Chronicles, Evil Martians’ team blog</a></li>
    
      </ul>
  • Sep 16 2020 14:35
    flareact/flareact: Edge-rendered React framework built for Cloudflare Workers https://realtime.jser.info/2020/09/16/flareact-flareact-edge-rendered-react-framework-built-for-cloudflare-workers/ <a href="https://github.com/flareact/flareact">https://github.com/flareact/flareact</a><br /><p>Cloudflare WorkerのEdgeで動くReactフレームワーク</p>
      <h2>関連URL</h2>
      <ul>
    
          <li class="related-link"><a href="https://blog.cloudflare.com/rendering-react-on-the-edge-with-flareact-and-cloudflare-workers/">Rendering React on the Edge with Flareact and Cloudflare Workers</a></li>
    
      </ul>
  • Sep 15 2020 12:35
    Moment.js | Docs https://realtime.jser.info/2020/09/15/moment-js-docs/ <a href="https://momentjs.com/docs/#/-project-status/">https://momentjs.com/docs/#/-project-status/</a><br /><p>Moment.jsのプロジェクトステータスについてのドキュメントが追加された。
    Moment.jsに新しい機能の追加などはしないメンテンスモードであるということについてや代替となるライブラリとしてLuxon、Day.js、date-fns、js-jodaの紹介をしている。
    また、ECMA-402の<code class="language-plaintext highlighter-rouge">Intl</code>オブジェクトとTemporal Proposalについて紹介している</p>
      <h2>関連URL</h2>
      <ul>
    
          <li class="related-link"><a href="https://moment.github.io/luxon/">Luxon</a></li>
    
          <li class="related-link"><a href="https://day.js.org/">Day.js · 2kB JavaScript date utility library</a></li>
    
          <li class="related-link"><a href="https://js-joda.github.io/js-joda/">Manual | js-joda</a></li>
    
          <li class="related-link"><a href="https://date-fns.org/">date-fns - modern JavaScript date utility library</a></li>
    
      </ul>
  • Sep 15 2020 04:38
    [JSer.info] 2020-09-15のJS: playwright 1.4.0、snowpack 2.11.1、Migrating to JavaScript modules(Chrome Dev Tools)
    https://jser.info/2020/09/15/playwright-1.4.0-snowpack-2.11.1-migrating-to-javascript-moduleschrome-dev-tools/
azu
@azu
ok
bot-user
@bot-user

中間報告です!
平均値: 20.97860962566845
中央値: 21
現在値: 9

https://github.com/jser/jser.github.io/pull/jser-week-375

中間報告です!
平均値: 20.97860962566845
中央値: 21
現在値: 9

https://github.com/jser/jser.github.io/pull/jser-week-375

bot-user
@bot-user
そろそろ記事更新できそうですよ /cc @azu
PR用意しておきました! https://github.com/jser/jser.github.io/pull/jser-week-375
bot-user
@bot-user

中間報告です!
平均値: 20.973333333333333
中央値: 21
現在値: 9

https://github.com/jser/jser.github.io/pull/jser-week-376

bot-user
@bot-user
そろそろ記事更新できそうですよ /cc @azu
PR用意しておきました! https://github.com/jser/jser.github.io/pull/jser-week-376
azu
@azu
ok
bot-user
@bot-user
そろそろ記事更新できそうですよ /cc @azu
PR用意しておきました! https://github.com/jser/jser.github.io/pull/jser-week-376
bot-user
@bot-user

中間報告です!
平均値: 20.96276595744681
中央値: 21
現在値: 9

https://github.com/jser/jser.github.io/pull/jser-week-377

bot-user
@bot-user

中間報告です!
平均値: 20.96276595744681
中央値: 21
現在値: 9

https://github.com/jser/jser.github.io/pull/jser-week-377

bot-user
@bot-user
そろそろ記事更新できそうですよ /cc @azu
PR用意しておきました! https://github.com/jser/jser.github.io/pull/jser-week-377
bot-user
@bot-user

中間報告です!
平均値: 20.97347480106101
中央値: 21
現在値: 9

https://github.com/jser/jser.github.io/pull/jser-week-378

bot-user
@bot-user

中間報告です!
平均値: 20.962962962962962
中央値: 21
現在値: 9

https://github.com/jser/jser.github.io/pull/jser-week-379

bot-user
@bot-user
そろそろ記事更新できそうですよ /cc @azu
PR用意しておきました! https://github.com/jser/jser.github.io/pull/jser-week-379
azu
@azu
明日
更新する
bot-user
@bot-user

中間報告です!
平均値: 20.96306068601583
中央値: 21
現在値: 9

https://github.com/jser/jser.github.io/pull/jser-week-380

中間報告です!
平均値: 20.96306068601583
中央値: 21
現在値: 9

https://github.com/jser/jser.github.io/pull/jser-week-380

bot-user
@bot-user
そろそろ記事更新できそうですよ /cc @azu
PR用意しておきました! https://github.com/jser/jser.github.io/pull/jser-week-380
した
bot-user
@bot-user

中間報告です!
平均値: 20.955263157894738
中央値: 21
現在値: 9

https://github.com/jser/jser.github.io/pull/jser-week-381

bot-user
@bot-user
そろそろ記事更新できそうですよ /cc @azu
PR用意しておきました! https://github.com/jser/jser.github.io/pull/jser-week-381
bot-user
@bot-user
そろそろ記事更新できそうですよ /cc @azu
PR用意しておきました! https://github.com/jser/jser.github.io/pull/jser-week-383
azu
@azu
ok
bot-user
@bot-user
そろそろ記事更新できそうですよ /cc @azu
PR用意しておきました! https://github.com/jser/jser.github.io/pull/jser-week-383
そろそろ記事更新できそうですよ /cc @azu
PR用意しておきました! https://github.com/jser/jser.github.io/pull/jser-week-383
azu
@azu
更新中
azu
@azu
https://github.com/jser/probot-jser-info
新しくprobot追加した
bot-user
@bot-user

中間報告です!
平均値: 20.929503916449086
中央値: 21
現在値: 9

https://github.com/jser/jser.github.io/pull/jser-week-384

bot-user
@bot-user
そろそろ記事更新できそうですよ /cc @azu
PR用意しておきました! https://github.com/jser/jser.github.io/pull/jser-week-384
azu
@azu
ok. 今からやる
bot-user
@bot-user

中間報告です!
平均値: 20.921875
中央値: 21
現在値: 9

https://github.com/jser/jser.github.io/pull/jser-week-385

bot-user
@bot-user
そろそろ記事更新できそうですよ /cc @azu
PR用意しておきました! https://github.com/jser/jser.github.io/pull/jser-week-385
azu
@azu
明日
bot-user
@bot-user

中間報告です!
平均値: 20.929870129870128
中央値: 21
現在値: 9

https://github.com/jser/jser.github.io/pull/jser-week-386

bot-user
@bot-user

中間報告です!
平均値: 20.929870129870128
中央値: 21
現在値: 9

https://github.com/jser/jser.github.io/pull/jser-week-386

bot-user
@bot-user
そろそろ記事更新できそうですよ /cc @azu
PR用意しておきました! https://github.com/jser/jser.github.io/pull/jser-week-386
bot-user
@bot-user

中間報告です!
平均値: 20.927461139896373
中央値: 21
現在値: 9

https://github.com/jser/jser.github.io/pull/jser-week-387

azu
@azu
gitter通知動いてないな
azu
@azu
通知とかはDiscordに移行した。
azu
@azu
Gitterの役割は基本的にslackに移行
詳細は https://jser.info/support/