MDN推奨JavaScriptコーディングガイド徹底解説｜React・TypeScript対応の最新ベストプラクティス | しんすーブログ
MDN推奨JavaScriptコーディングガイド徹底解説｜React・TypeScript対応の最新ベストプラクティス JavaScript は自由度が高く、個々の書き方が混在しやすい言語です。チーム開発ではスタイルの不一致がバグの温床になり、レビュー工数も膨らみます。 Mozilla が公開する JavaScript Sample Code Guide は、同社が社内のドキュメントやチュートリアル用に用いているコーディング規約を外部公開したものです。公式の絶対基準ではありませんが、実践的かつ網羅的に整理されているため、社内ガイドのたたき台として価値があります。 ここではこのガイドを軸に、最新ブラウザ環境・React 18・TypeScript 5 で役立つベストプラクティスを具体例付きで解説します。 配列初期化のベストプラクティス ― Array.from と new Array の使い
世界最大級の「完全栄養食サブスク」をともに創るフロントエンドエンジニア募集！
世界最大級の「完全栄養食サブスク」をともに創るフロントエンドエンジニア募集！ ベースフード株式会社 @basefood TypeScript JavaScript Vue.js React Angular I want to hear a detailed 何をどうやって実現する仕事か？ ベースフードが独自開発するECシステムの開発・運用に携わっていただき、よりユーザ体験を向上させるようなシステムを目指していきたいと思っています。 https://shop.basefood.co.jp/ なぜやるのか ベースフードはこれまで、一食に必要な栄養素を全て含む完全栄養食を独自開発の自社Webサイトを通じて販売してきました。 これからは「健康をあたりまえにするWell-Beingサービス」を目指し、ユーザーのヘルスケアデータを活用したアプリやサービスも開発していきます。 「人生を楽しみ尽くす基盤の
コードのタイピング力を測るエンジニア向けタイピングゲーム「UnTyping」が登場、コースは「JavaScript」「TypeScript」「React」「Python」の4つ
120秒間ひたすらタイピングし続けてコードを記述するゲーム「UnTyping」が公開されました。下記URLから誰でも無料でプレイできます。 UnTyping - エンジニア向けプログラミングタイピングゲーム https://untyping.jp/ URLにアクセスしたら以下のようにコースが表示されます。コースは「JavaScript」「TypeScript」「React」「Python」の4つです。今回は試しに「JavaScript」をクリック。 スペースキーまたはエンターキーを押してゲームスタート。 ゲームのプレイ動画は以下から確認できます。なお、プレイヤーはプログラミング未経験者です。 エンジニア向けタイピングゲーム「UnTyping」にプログラミング未経験者が挑戦してみた - YouTube ゲームが始まると以下のようにコードが表示されるのでタイピングしていきます。 一つのコードに
技術選定の成功 2年間を振り返る TypeScript,Hono,Nest.js,React,GraphQL
技術選定の成功 2年間を振り返る TypeScript,Hono,Nest.js,React,GraphQL 技術選定に失敗はない 技術選定に失敗はありません。 仮説を立て、検証し、結果の分析からNext Actionを考える。検証の結果がどうであれ、それは過程に過ぎません。 机上の空論だけで全てを理解できるほど、我々人間は賢くないのです。（注意: これは人類全体を誹謗中傷する意味ではありません。） この記事では、この２年間で行った技術選定の成功例をその理由と共に紹介していこうと思います。 申し訳遅れましたが、私、YadaYadaKonnanYadaといいます。私は今回初めて記事を書いたので、どうぞお手柔らかに。 Twitterエンジニア垢作りました。エンジニアのお友達がいません。 @uncode_jp 前提 技術選定に結論はありません。組織毎に前提が違うのだから当然のことです。みんな違っ
技術選定の失敗 2年間を振り返る TypeScript,Hono,Nest.js,React,GraphQL
技術選定の失敗 2年間を振り返る TypeScript,Hono,Nest.js,React,GraphQL はじめに 新たに書きました。 MySQLを使っても会社は潰れない 久々に記事を書いたのでどうぞお手柔らかに... 私が過去2年間で行った技術選定の成功と失敗を振り返り、その学びを共有したいと思います。 文才無いので淡々と箇条書きでいきます Twitterエンジニア垢作りました。エンジニアのお友達がいません。 @uncode_jp 注意 意見を押し付けるものではありません。ただ建設的な議論は大事だと思う。 自分の意見は明確に、歯切れのよい表現を意識している。人それぞれだよねみたいな感じに逃げたくない。技術選定に結論はある（過激）。 ただし技術選定にはコンテキストがあり、例えばプロダクトのフェーズや組織の事情によって当然結論は変わる可能性がある。 OSSの開発者さん達は偉大ですごい。あ
2024-02-20のJS: ES2024 RC、typescript-eslint v7、React Compiler
JSer.info #681 - 2024年6月の正式公開に向けたES2024のリリース候補が公開されました。 Release ES2024 Candidate February 2024 · tc39/ecma262 ES2024では、次のような変更が含まれる予定です。 ArrayBuffer.prototype.resize ArrayBuffer.prototype.transfer RegExp v flag Promise.withResolvers Object.groupBy/Map.groupBy Atomics.waitAsync String.prototype.isWellFormed/String.prototype.toWellFormed 毎年2月ごろに仕様へ取り込むProposalが決まり、6月ごろのGA 127th meetingで最終的な承認を得る予定です
React(Javascript & Typescript)でgoogleアカウント認証を行うカスタムhookを作成する - Qiita
import { useEffect, useState } from 'react'; const useGoogleAuth = () => { const [isSignedIn, setIsSignedIn] = useState(null); const [authInstance, setAuthInstance] = useState(null); const [tokenId, setTokenId] = useState(null); useEffect(() => { const initAuth = async () => { const gapi = window.gapi; await gapi.load('auth2', async () => { const auth2 = await gapi.auth2.init({ client_id: 'YOUR_CL
Reactでの広告配信プラットフォーム開発！フロントエンドエンジニア募集！
Reactでの広告配信プラットフォーム開発！フロントエンドエンジニア募集！ 株式会社フクロウラボ @fukurou I want to hear a detailed なにをやっているのか フクロウラボは、アプリ向けの広告配信プラットフォームを企画・開発・提供している広告スタートアップです。事業は売上成長前年比125%超え、取引顧客数も300社に近づき、シェアを拡大しています。 ◆アプリに特化した広告配信プラットフォーム「Circuit X（サーキットエックス）」 アプリユーザーを獲得したい広告主と広告収益を最大化したいメディアをつなぎ、「成果型Web広告」を通じて、顧客の商品・サービスの効果的なプロモーションを支援しています。 ────「Circuit X（サーキットエックス）」3つの強み ・動画を活用した広告を導入できる ・審査を通過した高品質なメディアに特化している ・高度な技術力に
JavaScriptからReact、Next.js、TypeScriptを学んでPFに取り掛かれるレベルになるまでのロードマップ - Qiita
JavaScriptからReact、Next.js、TypeScriptを学んでPFに取り掛かれるレベルになるまでのロードマップJavaScriptRailsTypeScriptReactNext.js この記事は自作のポートフォリオ、ProadMapsで作成しました。 ProadMapsのサービス紹介、作成までの学習記録は別途記事を作成したので、チェックいただけると大変ありがたいです！ 概要 Next.jsでポートフォリオを作成できるようになるまでの学習記録になります。今だったらこの順番でやればよかったなぁと思う順番に並び替えています。 タグ Next.js,React,TyepScript,JavaScript,Ruby,Rails 開始時スキル Railsの学習経験あり 終了時スキル ポートフォリオに取り掛かれる 総ステップ数 7 ステップ1 【Progate】 Progate(プロ
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年度予想） 「カオナビ」製品情報
Testing UI - Next JS, Typescript, Jest and React Testing Library
Testing UI - Next JS, Typescript, Jest and React Testing Library Intro As you know, React is just JavaScript. That means it can be tested just like any other JS application. There are lots of testing libraries and test runners out there, but I find that the best setup is Jest + React Testing Library. I use it on a daily basis at work and on my side projects. Worth mentioning that this is also a st
ホームページ- EY-Office
世の中たいへんな状況ですが、 EY-Office では淡々と新しいReact教育のテキストを書いてます。 今回のテキストは現在の主流になりつつある、以下のような技術を使ったReactの入門テキストです。 React Hooks メイン (React.Componentクラスは解説程度) TypeScriptメイン Redux章には、Redux Toolkit を採用 これらの技術は、先端の技術を採用するネット企業等では既に使われている技術なので、ネット上には充分に情報があり楽勝かなと思ったのですが、案外苦労しました。 Create React App 2年前に 作りながら学ぶ React 入門 を書いた時には、まだ Create React App はありませんでした。Webpack, Babel, ESLint … をインストールし、設定ファイルを書かないと React が試せない状況で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Next.js個人備忘録④：Next.jsでTypeScriptとJavaScript、どちらを使うか迷ったため、記事にまとめてみた - Qiita