TOPIC
#TypeScript
10件の記事があります。
ブログのNext14対応+App Router対応
社用プロジェクトでは自分主導ですでにプロダクトのApp Router化をすませていたため、 ぱっとできるだろうという感覚がありブログのApp Router化を進めたところ数時間で終了した。 巷に転がっている「とりあえず"use client"をつけまくる」方式は…
記事を読む →Reactで迷ったこと①: function or アロー関数
基本的には参考文献を引用し、Reactを触り始めた人でも参考にできるよう解説を簡略化する目的でまとめている。 前提 React・NodeJSチュートリアル程度は終わっている TypeScriptの型についてチュートリアルレベルの理解はある 関数コンポーネントは…
記事を読む →AsyncIteratorでデータを一括ではなく順次取得する
TypeScriptでAsyncIterableIteratorを使おうとしたら見たことない記述が多かったのでまとめた。 AsyncIteratorとは? AsyncIterableIteratorは、JavaScriptのイテレーターを非同期処理に対応したもの…
記事を読む →カスタムフックの作り方を1から考える
カスタムフックの作り方を1から考える カスタムフックとは? React Hooksを利用した共通関数 状態を閉じ込めて、更新後の状態だけ受け取れる APIによる初期値fetchを閉じ込めて、取得後の状態だけ受け取れる Reactの一部なので、状態だけでなくcom…
記事を読む →Reactの子コンポーネント内でTwitterCardを設定する
TwitterCardを始め外部のサイトに情報を伝えるため タグを利用したい場合があります。 React(Next)内では親となるコンポーネントの タグ内で タグ設定を行うことが多いですが、 グローバルな位置にない子コンポーネントから タグ内に設定をしたい場合が…
記事を読む →npmモジュールの更新チェックを自動化する
開発を実施している中でnpmを使用していると、依存しているモジュールの更新が発生した場合 多くのプロジェクトでははGitHub上でdependabotAlertが出てから対応することになります。 加えて現在ではクラウドを使用しない開発は稀であり、クラウドの仕様変…
記事を読む →TypeScriptの使用をNuxtで強制するために
Nuxt + TypeScript 構成のプロジェクトに関わることがあり、主にバグ中心のリファクタリング・構造化を実施した際 Any が許容されていたり、何故か型が使用されていないモジュールがあり大変でした。 そのため、できるだけ TypeScript の使用を…
記事を読む →Nuxt + TypeScriptの現場開発感
Nuxt + TypeScript の環境でフロント~バックエンドまでトータル開発をしたのでその時の所感。 良かった所 コンポーネント単位の開発に順応しやすい(Nuxt) 1 コンポーネント内に Html・JavaScript・Css(Sass)が纏められている…
記事を読む →このサイトへ収録 2026年8月2日TypeScript入門Q&A(フロントエンド初心者向け)
フロントエンド初学者がTypeScriptで疑問に感じやすい点を、Q&A形式で整理した記事です。
外部サイトで読む ↗(新しいタブで開く)このサイトへ収録 2026年8月2日Angularのインストールとプロジェクト作成
Angularの開発環境を準備し、新しいプロジェクトを作成するまでの基本手順をまとめた記事です。
外部サイトで読む ↗(新しいタブで開く)