ライトコード技術記事

テックブログ

2025年にNext.jsアプリケーションにtRPC + TanStack Queryを導入した話【株式会社ライトコード】

はじめに Next.js App Routerで React Server Componentや Server Functionが導入されましたが、クライアントサイドからデータを取得したい場面ではあまり向いておらず、従来のAjaxで対応した方が望ましいケースがあります。担当しているNext.jsプロジェクトでは...

自作のChrome拡張を使って業務効率化をしてみる【株式会社ライトコード】

ちょっとした作業を効率化するためにシェルスクリプトや簡単なコードを作って楽をすることはエンジニアではよくあることかと思います。その一環としてChromeの拡張機能を作るのも意外と便利だよ、というお話です。作りたいもの今回作るのはGitHubのプルリクエストに対する拡張です。プルリクエストが大きくなると、全て...

【Android】GitHub ActionsからワンクリックでFirebase App Distributionにアプリをデプロイする【株式会社ライトコード】

前回は、GitHub Actionsを使ってAndroidアプリのバージョン番号（versionName と versionCode）を自動で更新し、プルリクエストを作成するワークフローについて解説しました。 ▼ 前回の記事（まだの方はこちらからどうぞ！） 2025.02.07【Android】GitHub Ac...

【dbt × BigQuery】増分更新について挙動を詳しく確認してみる【insert_overwrite（Dynamic partitions）, append】株式会社ライトコード

こんにちは！普段データ関連のお仕事をしています。現在所属しているチームではデータマートの作成の際にdbtを使用しており、コスト削減のために差分更新の対応中です。差分更新処理を書いていると「あれ？どんな挙動になるんだっけ？」ということが多いので、そんな自分に向けて増分更新の詳しい挙動を確認して、備忘録がてらブ...

Pythonのパッケージ管理ツール「uv」を試してみた【株式会社ライトコード】

概要 Pythonのパッケージ管理ツールuv を使ってみたので、使い心地をざっくり書いてみます。記事の要約趣味プロジェクトのパッケージ管理ツールをuvへ移行させた使ってみたらとても便利だったので、普段の開発ユースケースでどう運用するのが良さそうか整理したい uvはいいぞ環境 Python: 3.13.2...

【ReactNative】Reduxで状態管理【株式会社ライトコード】

はじめに React Native のアプリ開発で状態管理に Redux を使用しています。今回は、Redux の導入と基本的な使い方について備忘録としてまとめました。 Redux とは Redux は、グローバルな状態管理のための JavaScript ライブラリです。主に React と ReactNat...

Next.js, TailwindCSSでscroll-behaviorを使い分ける【株式会社ライトコード】

はじめにスムーズスクロール対応のため、html要素にscroll-behavior: smooth;のclass(以下、TailwindCSSのscroll-smooth )を付与したい時があります。ただ、scroll-behavior: auto;を使いたいページを要求されたらどうするか心配になるものです。 ...

Next.jsのParallel Routesを触ってみた【株式会社ライトコード】

はじめにこんにちは武田です。最近Next.jsに触れる機会があり色々調べていると、「Parallel Routes」という機能があり、面白いなと感じたので書かせていただきます。 Parallell Routesとは Next.js（App Router）のルーティング機能の１つで、フォルダ名に「＠」を付けるこ...

SwiftDataとは？【株式会社ライトコード】

SwiftData とは？ SwiftDataは、データモデリングと管理のためのフレームワークです。Swiftの新しいマクロシステムを活用し、シームレスなAPI体験を提供します。また、SwiftUIと統合され、ウィジェットなどの他のプラットフォーム機能と連携して動作します。 SwiftDataの主要機能 @Mod...

Dev Containerを導入してみました【株式会社ライトコード】

はじめに Webアプリケーション開発プロジェクトに参加する際、最初に取り組むことの一つが開発環境の構築です。開発環境を設定する過程ではよく、プロジェクトに必要な特定バージョンのPythonやRubyをインストールし、pipenv、poetry、bundlerなどのパッケージ管理ツールを設定し、依存するパッケージ...

BigQueryのテーブルの外部データとしてスプレッドシートを使う【株式会社ライトコード】

はじめに新田こんにちは。今回はBigQueryのテーブルの外部データとしてスプレッドシートを利用する方法をまとめたいと思います。特にマスタ系のデータを扱うような場合はデータの更新が面倒ですが、この方法を使うことで更新が楽になりました。外部データとするスプレッドシート今回は例としてこのようなスプレッドシ...

LaravelとFilamentを使って管理画面を爆速構築【株式会社ライトコード】

こんにちは！ Laravelを使ったアプリを作る際に管理画面が必要になったのですが、Filamentというライブラリを使うと爆速でいい感じの管理画面を作ることができました！今回はFilamentについて、簡単なブログ投稿機能を作りながら紹介していきたいと思います！環境 Mac M1 Laravel 11 ※...

React-Adminを使ってみた【株式会社ライトコード】

React-Adminを使う機会があったので少しまとめてみました！ 📌 React-Adminとは React-Adminとは、B2Bアプリ向けのReactフレームワークです。公式サイトによると、2万5千以上の企業に使われているそうです（2024年5月確認）。 📌 特徴 SPA React-AdminはSPA...

【Android】Github ActionsでFirebase Test Labの実行を分散する【株式会社ライトコード】

弊社エンジニアの記事になります。 Github ActionsでFirebase Test Labの実行を分散する今回はGithub ActionsでFirebase Test Lab の実行を分散するステップの書き方を紹介したいと思います基本の書き方基本的にはFirebase Test Labの公式ドキュ...

【Next.js】App Router で使用できるキャッシュまとめ

弊社エンジニアの記事になります。はじめに今回は Next.js の App Router で使えるキャッシュの理解をざーっと深めていきたいと思います！というのも App Router で Pages Router より細かなキャッシュ戦略を使用することができそうだとは思っていたのですが、細かくどんなことが...