typesciprtとは人気・最新記事を集めました - はてな (original) (raw)

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。

関連ブログ

コツコツエンジニアの日常🐻•1ヶ月前

【Type Challenges】初級編の問題と解説はじめにこんにちは、Tochiです。 TypeScript歴約10ヶ月（JSは歴3年くらい）になり、雰囲気でだいぶかけるようになったのですが、型に関してはまだまだ不安が大きいので、まずはTypeChallengesの初級にチャレンジしました。 github.com この記事では問題と答え、また参考になるURLをまとめました！個人的には初級でも結構むずくね？となりました笑はじめに初級編 Pick Readonly Tuple to Object First of Array Length of Tuple Excluded Awaited If Concat Includes Push…

#typesciprt #Type Challenges

関連ブログ

iimon TECH BLOG•4ヶ月前

Jest Mockマスターへの道(番外編) グローバルオブジェクトのmock化こんにちは。iimonでエンジニアをしている林と申します。前回はjestのmockの概要やマッチャーや外部APIを叩く処理のmock化をハンズオン形式で紹介しましたが、今回は番外編としてグローバルオブジェクトのmock化についてlocalStorageのmock化を例にして解説していきたいと思います。こちら参照して頂ければ考え方は同じなのでグローバルオブジェクト(windowオブジェクト)にあるメソッドのmock化は大体問題なく出来るかなって思います。ぜひご覧頂ければ幸いです。こちらは以前に記載した2つの記事の知識を前提に解説させて頂いておりますので、まだ未読で気になった方は是非併せて…

#typesciprt #mock

kokh log•4ヶ月前

イベントハンドラ内でthrowされたエラーをErrorBoundaryでキャッチしたいErrorBoundaryはReact内でruntimeエラーが起こった際に、エラーをキャッチし、あらかじめ設定しておいたFallback UIを表示するための仕組みをもつコンポーネントのことを指します。React16で導入されました。例えば、下記のようにコンポーネント内のレンダリングフェーズでエラーが投げられた場合、 ErrorBoundaryがエラーをキャッチして、 hoge ではなくfallbackである fuga を表示します。 ErrorBoundaryで囲っていない場合、画面がクラッシュしてしまいます。 export default function App() { throw …

#react #typesciprt #frontend

つよいエンジニアになるために•6ヶ月前

Next.jsチュートリアルまとめ【第一章：Getting Started】はじめに最近ゆるっとReact/Next.jsとTypeScriptの勉強をしています。経験者の方々に「どの学習方法がおすすめですか？」と尋ねたところ、皆さん「公式サイトのチュートリアルが一番！」ということで、公式のチュートリアルを進めていくことにします！ Reactとは？ JavaScript言語を用いたWebサイト上のUIを構築するためのライブラリ Next.jsとは？ Reactベースのフロントエンドフレームワーク Next.jsの特徴サーバーサイドレンダリング（SSR）サーバーサイドでHTMLを動的に生成してクライアントに送信する技術。パフォーマンスを向上出来る、SEOにも有利…

#Next.js #react #typesciprt

bono's blog•6ヶ月前

2024年3月の学習記録はじめに今月はReact（+α）スキルの向上と応用情報技術者試験の対策をしていました。実務でReactを使うことになり、改めて自分のフロントエンドスキルを見直して実装力を高めているところです。去年の８月にポートフォリオを作成した以来ですが、「今改めて見ると、まだまだ改善点が多いなあ」と感じます。そこは現時点での成長と受け止め、ひとまずは実装力を上げていこうと思います。応用情報技術者試験は午後問題の演習に時間がかかっています。オンライン講座 Udemy React & TypeScript - The Practical Guide ReactをTypeScriptで書くのが、あまり…

#応用情報技術者試験 #react #typesciprt #Studyplus

Kitsune Gadget•7ヶ月前

no-floating-promises への対処typescript-eslint に怒られました。 no-floating-promises は Promiseを返す関数について await, then, catch もしくは finally で処理しておくべきというルールです。これは await 忘れや Promise の処理忘れを発見してくれるのに役立ちます。イベントリスナーでの非同期関数実装してるポイントはイベントリスナーの内部であり、Promiseも返り値が void で何もありません。このコードでは待つ必要が無いため、意図的に追加処理は省いていました。 lintで指摘されたのはこの部分です。 addListener(()…

#typesciprt #ESLint

raiki_dev’s blog•7ヶ月前

VSCodeのプラグイン簡単に作れた【base64-image-embedder】VSCode のプラグイン作ってみた所感。はじめての TypeScript で、はじめての VSCode プラグイン開発であったが、機能が簡単なこともあり、作り方をググり始めてから公開するまで込々で6時間ぐらいで作れた。公式や日本語記事の参考情報も豊富で、時代に感謝。参考サイトを載せておくので、それを見れば皆作れるはず。(1)(2)(3) 手軽に作ったプラグインがVsCodeの検索で普通に出てきたときは感動した。成果物 marketplace.visualstudio.com ※現状、htmlファイル内のローカルイメージパスをすべて、base64に変換するだけの機能今回作ったプラグイ…

#VSCode #プラグイン #個人開発 #typesciprt #base64

技術メモ•9ヶ月前

【TypeScript】構造的部分型 (structural subtyping)を理解する構造的部分型 (structural subtyping)とはつまりどういうことか？構造の比較についてコンパイルエラーになるパターンコンパイルエラーにならないパターン参考構造的部分型 (structural subtyping)とはプログラミング言語の派生型（継承関係にある型）の方式の1つ。派生型の方式は公称型(Nominal Typing)と構造的部分型(structural subtyping)があり、 TypeScriptは構造的部分型(structural subtyping)を採用している。構造的部分型は、型の構造を比較し置換可能かを判定する。つまりどういうことか…

#typesciprt #TypeScriipt

初心者SEのつぶやき•9ヶ月前

Reactを使ってAWS S3からファイルURLを取得する方法やりたいこと Reactを使ってAWS S3からファイルURLを取得したい。開発環境はReact 18.12.0、 Typescript4.9.5 実現方法 aws-sdkを用いて実装を行う。 aws-sdkはnpm install aws-sdkでインストールする。 S3インスタンスにAWS_KEYとAWS_SEACRET_KEYを設定する。 getSignedUrlメソッドの第一引数にgetObjectを第二引数にバケットとファイルを指定する。上記内容を基にダウンロードURLを実装した。(環境変数は別途指定) // aws-sdkのインポート import AWS from "aws-…

#AWS #react #typesciprt

ミツモア Tech blog•10ヶ月前

MUIのTree dataで階層構造を実装する方法を解説！初めまして！ミツモアのエンジニアの佐藤（@satoman）です。簡単に自己紹介をすると、今年から学生の頃からインターンでお世話になっているミツモアで新卒（？）のエンジニアとして働いています。僕は現場仕事に特化したオールインワンSaaS「MeetsOne」の開発に携わっています。 meetsone.com エンジニアとして働くのは入社してからが初めてでわからないこともたくさんあるのですが、先輩方に教えてもらいながら結構楽しく働けています！階層構造が必要になった背景さて、僕のトピックは「MUI で階層構造を作る方法について」です。情報を管理する際に何かの情報でグループ化してまとめたい！と…

#typesciprt #react #Mui #エンジニア