2022-07-20のJS: Node.js 18.6.0、React NativeのHermesデフォルト化、AWSのデザインシステム
JSer.info #601 - Node.js 18.6.0がリリースされました。 Node v18.6.0 (Current) | Node.js Node.js 18.6.0ではexperimentalで実装されている--loaderの挙動の変更が含まれています。 複数の--loaderを指定した場合の順番を変更。またloaderの実装はshortCircuitを返すのが必須となっています。 そのため、すでに公開されているloaderが動かなくなっている場合があります。 詳しくは、次のIssueと記事で解説されています。 esm: add chaining to loaders by JakobJingleheimer · Pull Request #42623 · nodejs/node Custom ESM loaders: Who, what, when, where, why
みんなが簡単簡単書いているので、React + JavaScript + FullCalendar を触ってみた - Qiita
みんなが簡単簡単書いているので、React + JavaScript + FullCalendar を触ってみたJavaScriptNode.jsnpmFullCalendarReact Glideでカレンダー形式の予約アプリを作ったら紙以下と言われた 詳しくは書きませんが、 会社の会議室予約管理を紙でやっていて、テレワークの促進とともにに紙の弊害が目立ち始めたので、Glideでサクッとアプリ化してみました 見出しの通りで激おこなので、フルスクラッチで作ることに決めました。 画像は紙以下で検索して出てきたイメージ画像です。 React + FullCalendarというありきたりなライブラリではありますが、 既存の記事がTypeScript向けのものが多かった 本当の初心者はどこにソースを追加すれば良いのかわからない 忘備録 以上の理由で記事を執筆します。 Reactを触ったことがなくても
JavaScriptの基礎をすっ飛ばして、React,Next.jsを使うとハマりがちなエラー3選 - Qiita
この記事の対象者 ・JavaScriptを学び切らずに、ReactやNext.jsなどから始めた人 ・JavaScriptにほぼ触れていないけれど、React、Next.jsなどのJavaScriptフレームワーク・ライブラリを実務で挑戦してみたい人 ・今現在、React、Next.jsで仕事をしているけど、ちんぷんかんぷんになって困っている人 この記事を読むメリット ・心の底から、「生のJavaScriptを学ばなきゃな！（汗）」ってなれる ・ReactやNext.jsで仕事をし始めてぶつかる壁を事前に知れる ・なんでReactでうまいこと実装が進まないのかが腑に落ちる 結論 ・ライブラリ(React)やフレームワーク（Next.js）で、いきなりJavaScriptを始めるのではなく、まずは、最低限はJavaScriptの文法や簡単な実装はやっておくべし 生のJavaScriptをまず
2022-06-21のJS: Internet Explorer 11のサポート終了、Vue 2.7 Beta、社内のReactコンポーネントのメンテナンス
JSer.info #597 - エンタープライズやWindows Serverなどの特定のOSを除いて、Internet Explorer 11のサポートが2022年6月15日で終了されました。 Internet Explorer 11 has retired and is officially out of support—what you need to know | Windows Experience Blog サポート終了となったOSでIEのアプリケーションを開くと、MSEdgeにリダイレクトされるようになっていきます。 また、MSEdgeのIEモード(下位互換モード)は、2029 年までサポートされる予定となっています。 ライフサイクルに関する FAQ - Internet Explorer および Microsoft Edge | Microsoft Docs Vue 2系
TypeScript/Reactのモダンな環境で開発するフロントエンジニア
TypeScript/Reactのモダンな環境で開発するフロントエンジニア 株式会社カオナビ @kaonavi I want to hear a detailed なにをやっているのか 私たちは、社員の個性・才能を発掘し戦略人事を加速させるタレントマネジメントシステム「カオナビ」を展開しています。 ■「カオナビ」とは？ 今まで紙やExcel、システム、社員の頭の中などに散在していた人材情報を一元管理することで、あらゆる人事課題への対応を可能にするプロダクトです。 現在は、企業規模や業種問わず、2214社（2021年9月時点）の企業に導入いただき、6年連続日本でのタレントマネジメントシステムシェアNo1※を獲得しています。 ※ITR「ITR Market View1：人材管理市場2021」人材管理市場-ベンダー別売上金額シェアで6年連続1位（2015～2020年度予想） 「カオナビ」製品情報
2022-05-24のJS: Deno 1.22、Storybook 6.5(webpack Lazy Compilation)、Next.js Layouts RFC
JSer.info #593 - Deno 1.22がリリースされました。 Deno 1.22 Release Notes Denoには、3つの型チェックモードがあります。 Full: ローカルとリモートの依存関係を含めた全ての型をチェックする Local: ローカルの型のみをチェックする None: 型をチェックしない 1.21まではコマンドによっては"Full"モードで型チェックをしていましたが、1.22からは"Local"モードで型チェックをするのがデフォルトとなりました。 また、次のリリース予定である1.23では、deno runとdeno cacheはデフォルトで"None"モードとなり型チェックをしなくなる予定となっています。 そのほかの変更として、Deno.emit()を削除、Worker内でもDeno名前空間がデフォルトで有効化、--no-configフラグの追加などが行わ
Next.js で JS バンドルサイズを削減して高速化する方法
こんにちは！ Syuu（ @syuu_n18）です。 Lighthouse を回していると Remove unused JavaScript という表記がでてスコアが下がってしまう場合があります。 これは JS バンドルサイズが大きいことが原因で発生している可能性がありますので、今回は Next.js で作成したアプリの JS バンドルサイズを確認する方法とその最適化について紹介していきます。 バンドルサイズを確認する Use `webpack-bundle-analyzer` in your Next.js project. Latest version: 14.1.1, last published: 2 days ago. Start using @next/bundle-analyzer in your project by running `npm i @next/bundle-
【JavaScript】Angular, React, Vue.js とフロントエンドの本まとめ - Qiita
JSフレームワークの本まとめ まだJavaScriptがHTMLページのオマケ扱いでセキュリティ面からも忌み嫌われていた不遇の時代、2005年にGoogle Mapの衝撃が走りAjaxのワードが流行ったフロントエンド元年。その後徐々にJavaScriptの復権が始まりました。 jQueryなどのフレームワーク未満のライブラリが流行ったのが第1世代。その後サーバーサイドのMVCアーキテクチャの思想をクライアントサイドに適用しようとしたり様々なフレームワークが試行錯誤し、そして結局は滅んでいったのが第2世代。 その後表舞台に立ったJavaScriptフレームワークがAngular, React, Vue.js。この3大フレームワークが第3世代と呼ばれており現在の主役となっています。なお他にも話題のフレームワークやライブラリはありますが、第4世代と呼ばれるほどに大きなビッグウェーブはまだキていな
Next.js、Nuxt.js、Gatsby.jsなどフロントエンドフレームワークがあり、Svelteも出てきており一体どれを学べば良いか分かりません。それぞれの特徴と今後の展望を教えて頂けませんか？
2022-04-26のJS: Redux v4.2.0、Node.js 18、Jest 28
JSer.info #589 - Redux 4.2.0がリリースされました。 Release v4.2.0 · reduxjs/redux 機能的な追加はなく、createStoreをDeprecatedにして、legacy_createStoreというcreateStoreのaliasを追加する変更が含まれています。 この変更の意図としては、Reduxのメンテナーが開発しているRedux Toolkitを使って欲しいという意図のようです。 詳しくは、次のIssueとドキュメントが公開されています。 Mark createStore as deprecated · Issue #4325 · reduxjs/redux Why Redux Toolkit is How To Use Redux Today | Redux Node.js 18がリリースされました。 Node.js 18
Amazon Kindle UI is switching from Java to React Native - Good e-Reader
Amazon has been employing Java for their entire UI for the Kindle since they started making them in 2007. In the past year, the company has been dramatically changing the home screen and user interface. Many people are upset about the changes, since it effects their reading flow. Do you know the real reason why they have constantly been changing all aspects of the Kindle? This is because they are
Building a collection of Tech Blogs using React JS and HarperDB
Building a collection of Tech Blogs using React JS and HarperDB As a developer or Technical Writer, what is the first thing you do when you run into an error or bug while coding? You will probably Google the issue to see if someone else has faced a similar problem and solved it. If someone has found a solution to the problem they have encountered and has good writing skills, they will most likely
2022-03-24のJS: Deno 1.20、Faker v6.0.0、Next.jsのアップデート
JSer.info #584 - Deno 1.20がリリースされました。 Deno 1.20 Release Notes V8とRust間のOpコードの最適化をしてパフォーマンスの改善されています。 リクエストのAccept-Encodingヘッダを見て自動的にHTTP Response Bodyを圧縮するように変更されています。 また、deno benchコマンド、deno taskコマンド、deno.jsonがimportMapオプションをサポートしています。 Deno 1.19でDeno testでのリソースリークを検知する仕組みが実装されていましたが、パフォーマンスが悪化する場面がありました。 そのため、Deno 1.20では、deno testに--trace-opsフラグをつけた時のみデバッグ用の詳細な情報を表示するように変更されています。 破壊的な変更として、Workerと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Language I/O Runs React-Based Javascript with Java Backend
@stencil/core vs lit-html vs preact vs solid-js vs svelte | npm trends
Starting Out in Software Engineering? Don’t Bother Learning React JS. | Built In
Alternatives to React: Inferno.JS
Install a Next.js and a Vite.js Applications Into a Monorepo
@stencil/core vs lit-element vs lit-html vs preact vs solid-js vs svelte | npm trends
Create and Publish NPM Package for custom Hooks in React JS