turborepo

ファインディ株式会社でフロントエンドのリードをしております 新福(@puku0x)です。 この記事では、ファインディで導入しているモノレポ管理ツール「 Nx 」について紹介します。 モノレポとは Nxとは Nxワークスペースの作成 Nxの機能 コード生成 変更検知 依存関係の管理 キャッシュ機構 自動マイグレーション まとめ モノレポとは モノレポは全てのコードベースを単一のリポジトリで管理する手法です。 monorepo.tools コードの共通化や可視化、ツール・ライブラリの標準化、一貫性のあるCI/CDパイプラインを構築できるといったメリットがあります。また、マイクロサービスと相性が良い…

tubo v2から環境変数がデフォルトでstrictモードになるという話を聞いて、そもそもstrictモードを知らなかったので調べた turbo.build strictモードは、タスクのランタイムに使用される環境変数を、turbo.json内の globalEnv と .env のキーで指定されたもののみにするモード デプロイ環境によっては環境変数をCI側で設定したりすることもあり、暗黙的に環境変数を使うことがある 今までは、turborepoでは環境変数をキャッシュに使用するため、異なる環境で異なる動作をするようにしたい場合でもキャッシュされたものが使われてしまう恐れがある なので、str…

🗒 今日の学び Turborepo チュートリアル用のパッケージがあるのか。試そうhttps://t.co/Ap9EeKSckl— Kanon (@samurai_se) 2024年6月14日 pnpmとnpmの違い pnpmがnpmに比べてどの点で優れているのか？がめちゃくちゃわかりやすくて助かったhttps://t.co/ELFgpAxhAF— Kanon (@samurai_se) 2024年6月14日 useUnknownInCatchVariables useUnknownInCatchVariablesこれも常にtrueでいい希ガスhttps://t.co/7HFkDOmZWx— …

はじめに 初めまして、エンジニアの山崎と申します。 2024年1月に株式会社プレックス(以下、プレックス)にコーポレートエンジニアとして中途入社いたしました。 入社してから半年弱経過した上で感じたプレックスの良さや業務内容をお伝えできたらと思います。 自己紹介 2020年に新卒で Amazon Web Service に入社し、CSE(クラウドサポートエンジニア)に従事しました。 しかし、人生の深み(ドラマでよく見る、あの頃は大変だったなあというやつ)を出すために、過酷な状況に身を置き、何かにチャレンジしてみたいという謎の好奇心に駆られ2年半で退職しました。 ほぼ無計画で退職後、本気を出せば勝…

TurborepoのCode Generator について調べた turbo.build まず、generator configuration fileを用意する 基本的にpromptsとactionsを定義するだけで良い import type { PlopTypes } from "@turbo/gen"; export default function generator(plop: PlopTypes.NodePlopAPI): void { // create a generator plop.setGenerator("Generator name", { description:…

Turborepoのチュートリアルで出てくるturbo.jsonのオプションについて調べた チュートリアルは以下 Getting Started with Turborepo – Turborepo オプションについては以下 Configuration – Turborepo globalDependencies グローバルハッシュの生成に影響あるファイルをリストにする 例えば.envやtsconfig.jsonファイルといったルートディレクトリに配置するファイルを指定する { "$schema": "https://turbo.build/schema.json", "pipeline": …

Reddit の r/rust でスコア100以上をとった投稿を調べています。

Flutter/Dartでもモノレポで運用したいなと思って、 いろいろ調べたときの備忘録(*´ω｀*) DartではMelosというCLIツールを使えばいいっぽい melos.invertase.dev FlutterFireやFlameなどでも使われている。 FlutterFire CLIなどでおなじみのInvertase社製。 Melosの機能 トップページに書いてある機能はこのあたり ローカルパッケージのリンクとインストール パッケージ間でのコマンドの実行 ローカルパッケージやそのdependenciesの表示 pub.devへのパッケージ公開 versioningとchangelogの…

はじめに この記事は、every Tech Blog Advent Calendar 2023 の21日目の記事です！ 男梅シート、あのクセになるしょっぱさと噛めば噛むほど溢れ出てくる旨さは悪魔的ですよね。僕の推しです。 初めまして！エブリーで内定者インターンをしている @きょー です！ インターンでは業務でサーバーやフロントをタスクベースで開発しています。 現在フロントのコードをリプレイスしていて、Eslintの設定ファイルを見直す機会をもらったのでその際に得た知見を共有していきたいと思います！ 導入に至った背景 We expect the first alpha release of ES…

本エントリはカケハシ Part 2 Advent Calendar 2023の13日目の記事です。 （Part 1もおもしろい記事がいっぱいあるので、ぜひご覧ください。） はじめに こんにちは。カケハシでソフトウェアエンジニアをしている平松です。 今年、新規プロダクト立ち上げの機会があり、その際に行ったフロントエンドの技術選定について紹介したいと思います。 フロントエンドの領域は選択肢が豊富で、変化のスピードも速いため、プロダクトの要件に適した技術を選ぶことはひとつの挑戦です。 実際、フロントエンド技術選定のヒント 【令和五年度版】のアドベントカレンダー記事を読んで、その難しさを改めて感じまし…

目次 Turborepoのキャッシュクリアガイド ローカルキャッシュのクリア ステップ 1: キャッシュの場所を特定 ステップ 2: キャッシュディレクトリの削除 リモートキャッシュのクリア 注意点 Turborepoのキャッシュクリアガイド TurborepoはNode.jsのエコシステムにおいて重要な役割を果たすツールです。 効率的なモノレポ管理のために、キャッシュ機能が大いに役立ちます。 しかし時には、このキャッシュをクリアする必要があることもあります。 この記事では、Turborepoのキャッシュをクリアする方法について詳しく説明します。 ローカルキャッシュのクリア ローカルでのキャッ…

こんにちは、駅メモ！でフロントエンドを良い感じにしたかったチームの id:yunagi_n です。 今回は、駅メモ！にて使用している Vue.js を 2 系から 3 系へあげて行くに当たって、採用した手法とマイグレーションプロセスについて紹介します。 今回、マイグレーションするに当たって、以下の要件がありました： 機能開発を止めてはいけない 駅メモ！では 6 月と 10 月に周年リリースがあり、それの開発を止めるわけにはいきませんでした もちろん、その間にあったイベントなどについても、開発は継続し続けています 多くのメンバーは割けない 基本はわたしが中心に、追加で 1 人〜2 人に手伝っても…