yarn

（未確認だが、nodeの22.5.1がリリースされているみたいなのでいまはnodeのcurrentバージョンを指定しても特に動作に問題ないかもしれない） Gitlab CIでyarn buildしているのだが、nodeのバージョンまわりで https://deb.nodesource.com/setup_current.x と指定していた。先週金曜7/19ではこれでインストールされるnodeが22.5.0だった。 が、このバージョンだとyarn buildがうまくいかなかった。 挙動的にはyarn install中にその後に実行するはずのyarn buildもはじまってしまって、パッケージがな…

ReactでBootstrapを導入する方法 1. プロジェクトの作成 2. Bootstrapのインストール npmを使用する場合 yarnを使用する場合 3. Bootstrapのスタイルシートをインポート 4. コンポーネントでBootstrapクラスを使用 5. アプリケーションの起動 npmを使用する場合 yarnを使用する場合 react-bootstrapライブラリの使用 1. React-Bootstrapのインストール npmを使用する場合 yarnを使用する場合 2. React-Bootstrapコンポーネントの使用 ReactでBootstrapを導入する方法 Reac…

package.jsonにenginesを追加してNode.jsのバージョンを指定する npmでNode.jsのバージョンを強制する方法 package.jsonにenginesを追加してNode.jsのバージョンを指定する package.jsonに engines フィールドを追加して、使用するNode.jsのバージョンを指定することができます。 以下はその方法です。1. プロジェクトのルートディレクトリにある package.json ファイルを開きます。 2. engines フィールドを追加し、指定したいNode.jsのバージョンを記述します。例えば、Node.jsのバージョンを14…

Next.jsのyarn startコマンドとyarn devコマンド yarn dev yarn start 主な違い yarn buildコマンドを実行する前にyarn startコマンドを実行した場合 対処方法 Next.jsのyarn startコマンドとyarn devコマンド Next.jsのyarn startコマンドとyarn devコマンドの違いについて説明します。 yarn dev 開発モードでアプリケーションを起動します。 コードの変更を検知し、ページを自動でリロードします。 デバッグに役立つ詳細なエラーメッセージや警告が表示されます。 ソースマップが有効で、ブラウザのデ…

Yarnについてまとめました。 Yarnについて理解すべきことは以下です。 Yarnはnpmより高速でセキュリティが強化されたJavaScriptのパッケージ管理ツール Yarn自体はnpmを使ってパッケージをインストールする必要がある Yarnの設定はnpm同様、package.jsonで行う Yarnではpackage-lock.jsonではなく、yarn-lockを使う Yarnとは Yarnは、Facebookが開発したJavaScriptのパッケージ管理システム。 Yarnの他にJavaScriptのパッケージ管理システムにはnpmがあるが、Yanrはnpmに比べて高速でセキュリティ…

Typescriptのリンタとフォーマッタ リンタ (Linter): フォーマッタ (Formatter): yarnによるリンタとフォーマッタのインストール例 コミットのタイミングでフォーマッタを起動させる方法 Typescriptのリンタとフォーマッタ TypeScriptのコードを保守しやすくし、品質を向上させるためには、適切なリンタとフォーマッタの使用が重要です。 以下は、TypeScriptのリンタとフォーマッタについての基本的な情報です。 リンタ (Linter): リンタは、コード内の潜在的な問題やスタイル違反を検出するツールです。 TypeScriptのリンタとしてよく使われ…

ほとんどyarn v1使ってたけど実はメンテナンスモードらしい。 speakerdeck.com のでpnpmを入れていく。 pnpm.io brew install pnpm でおわり。ちなみに自分の場合 tech.motoki-watanabe.net のエラー出てひっかかった。 yarn使ってたプロジェクトでpnpmに移行したなら一旦node_modules消してpnpm installする必要ありそう。

npm workspaceを使ったモノレポ構成でのパッケージ管理メモ init $ npm init -w 作りたいパッケージ名 このコマンドを実行することで、指定したパッケージ名のディレクトリと、そのディレクトリ内にpackage.jsonが生成される。 .npmrcを使った便利な設定 npm init -wを毎回実行する際に、scopeやversionなどの設定を都度指定するのが面倒な場合は、.npmrcに事前設定を記載しておくと便利。 scope=@my-org version=1.0.0 license=MIT author.name=Your Name author.email=yo…

Create React App で React の環境構築を行う方法という記事を書いたので、今回は Create React App を使わずに一から環境構築を行う方法についてまとめました。 この記事は以下の構成になっています。 必要なパッケージ・ツール 完成系のディレクトリとファイルの構造 環境構築の流れ 必要なパッケージ・ツール 必要なパッケージ・ツールは以下の通り。 Node.js npm か yarn react react-dom webpack webpack-cli webpack-dev-server babel-loader @babel/core @babel/prese…

去年anyenvからasdfに乗り換えて以降、プロジェクトのNode.jsのバージョンが変わるたびに呪文的に下記のコマンドを実行していたため、改めて調べました。 asdf install nodejs {version} corepack enable asdf reshim nodejs 最後にreshimをしないとpnpm呼び出し時に既にinstallしたはずのnodejsのバージョンをinstallしてとエラーになります $ pnpm -v No preset version installed for command pnpm Please install a version by r…

ダッシュジャンプでなければならないのである(1.9 ~ 1.20) 要約 Q. 1.16.1 において、ジャンプなし、ダッシュだけしている時にエンダーパールを投げても、棒立ち状態でエンダーパールを投げた時と比べて飛距離が変わらないのはなぜ？ A. ただ走っているだけではサーバーにプレイヤーの速さを伝えることができないから！ 概要 エンダーパールの初速はプレイヤーの velocity によって決定されるはずだが、(1.20以前のバージョンでは)ダッシュしているだけではエンダーパールの初速に影響を与えられない事象が発生する理由を説明する また、1.21 より、この挙動に一部変更が入り、ダッシュして…

2024年9月13日に、QYResearchは「ポリエステル繊維―グローバル市場シェアとランキング、全体の売上と需要予測、2024～2030」の調査資料を発行しました。本報告書は、ポリエステル繊維の世界市場を分析し、主要企業の総売上高、収益、価格、市場シェア、ランキングなどを掲載しています。また、地域別、国別、製品タイプ別、用途別に市場を分析しています。2019年から2030年までのポリエステル繊維の市場規模を販売量と売上高に基づいて推計と予測しています。企業が事業成長戦略を策定し、競合状況を評価し、市場ポジションを分析し、ポリエステル繊維に関連する情報に基づいてビジネス上の意思決定を行うのに…

2024年9月11日に、QYResearchは「バイク用グローブ―グローバル市場シェアとランキング、全体の売上と需要予測、2024～2030」の調査資料を発行しました。本報告書は、バイク用グローブの世界市場を分析し、主要企業の総売上高、収益、価格、市場シェア、ランキングなどを掲載しています。また、地域別、国別、製品タイプ別、用途別に市場を分析しています。2019年から2030年までのバイク用グローブの市場規模を販売量と売上高に基づいて推計と予測しています。企業が事業成長戦略を策定し、競合状況を評価し、市場ポジションを分析し、バイク用グローブに関連する情報に基づいてビジネス上の意思決定を行うのに…

2024年9月11日に、QYResearchは「ビームシューター―グローバル市場シェアとランキング、全体の売上と需要予測、2024～2030」の調査資料を発行しました。本報告書は、ビームシューターの世界市場を分析し、主要企業の総売上高、収益、価格、市場シェア、ランキングなどを掲載しています。また、地域別、国別、製品タイプ別、用途別に市場を分析しています。2019年から2030年までのビームシューターの市場規模を販売量と売上高に基づいて推計と予測しています。企業が事業成長戦略を策定し、競合状況を評価し、市場ポジションを分析し、ビームシューターに関連する情報に基づいてビジネス上の意思決定を行うのに…

本日のテーマは、Mac OSにインストールすべき必須ソフトウェアです。オフィス、動画、システムに関する日常使用のための生産性ツールをいくつかご紹介します。 役に立ったら、いいねとフォローをお願いします。 効率ツール HomebrewHomebrewは、コマンドラインのパッケージ管理ツールで、サードパーティのソフトウェアパッケージを簡単に管理できるように設計されています。macOSだけでなくLinuxにも対応しており、ユーザーにシンプルなインストールと管理体験を提供します。 ServBayServBayは、開発者向けのワンストップ開発環境管理ツールです。その主な目的は、開発環境の設定と維持のプロ…

COOTIE PRODUCTIONS -クーティープロダクションズよりの T/W Open Collar L/S Shirt , T/W 2 Tuck Easy Pants , Memory Polyester Twill Half Zip Top , Open End Yarn Sweat Crew (Embroidery) , Print S/S Tee (LOVE THY NEIGHBOUR) , Print S/S Tee (BEYOND HOPELESS) , Crochet Cuffless Beanie , Polyester Twill 5 Panel Mesh Cap 新作8…

こんにちは、マネックス証券の INSIGHT（投資情報）で開発をしている倉田です。 最近は AI を使ったプロジェクトの開発を担当しており、ネット上に情報がまとまっていなかった Anthropic の Tool use を AWS SDK (Bedrock) を使った実装を Java と Javascript (TypeScript) でご紹介したいと思います。 Tool Use を簡単に説明すると、OpenAI Function Calling の Anthropic 版です。 Function Calling を知らない人向けに下記にて詳しく解説します。 Function Calling …

こちら、下記3つの記事の組み合わせです。blog.kimizuka.org blog.kimizuka.org blog.kimizuka.orgM5StickC Plus2でGPS座標を取得して、Cloud Firestorに送信します。 準備するもの M5StickC Plus2 GPSユニット Arduino Firebaseのアカウント（Blazeプランにする必要あり） Firebase側の実装 ❶ パッケージを用意する yarn add firebase firebase-tools ❷ package.jsonを編集する package.json { "name": "functi…

2024年9月9日に、QYResearchは「ガラス特殊合成繊維―グローバル市場シェアとランキング、全体の売上と需要予測、2024～2030」の調査資料を発行しました。本報告書は、ガラス特殊合成繊維の世界市場を分析し、主要企業の総売上高、収益、価格、市場シェア、ランキングなどを掲載しています。また、地域別、国別、製品タイプ別、用途別に市場を分析しています。2019年から2030年までのガラス特殊合成繊維の市場規模を販売量と売上高に基づいて推計と予測しています。企業が事業成長戦略を策定し、競合状況を評価し、市場ポジションを分析し、ガラス特殊合成繊維に関連する情報に基づいてビジネス上の意思決定を行…