株式会社ライトコード

Cloud BuildとKanikoで効率的な継続的デリバリー（CD）を構築する方法【株式会社ライトコード】

ストレスのないCDを構築しよう皆さんこんにちは。Google Cloudが好きな小山こと"こやまん"です。Google Cloud を利用する多くのプロジェクトでは、アプリケーションのデプロイが重要な作業の一つです。今回は、Cloud Buildを利用して、アプリケーションをデプロイする継続的デリバリー（CD）に関する記事となります。CD（継続的デリバリー/継続的デプロイメイント）とは？ITエンジニアなら一度は耳にしたことがある「CD」ですが、具体的な内容を忘れてしまっている方もいるかもしれませんので、ここで簡単におさらいします。CD とは、開発したアプリケーションを自動で公開・配布する...

【GAS】Google App ScriptでAPIからGoogle スプレッドシートにデータを書き込む【株式会社ライトコード】

はじめにスマホゲームの使用状況計測の結果をWebアプリからCSVでダウンロードし、Google スプレッドシートに貼り付けて分析するという業務があったが、データ量が膨大で毎日２〜３時間かかっているという話を聞き、Google App Scriptを使って自動化したのでその時にやったことを記載していく。Googleスプレッドシートにスクリプトを作成まずはスプシを用意し、拡張機能 -> App Scriptを選択。そうするとスプシに紐づいたGASが作成される。GASでAPIからデータを取得GASにはUrlFetchAppクラスが用意されており、APIとの通信やウェブスクレイピングができるよう...

社内の後輩エンジニア向けにワークショップを開いたら失敗した話【株式会社ライトコード】

社内の後輩エンジニア向けにワークショップを開いたら失敗した話をしますこんにちは、Androidエンジニアの江幡です。今回は直近で経験した良かれと思って勢いで計画したことの失敗談についてお話したいと思います。この話を通じて、少しでも皆さんの参考になれば幸いです。ワークショップを開くことになった経緯先日、社内の後輩モバイルエンジニア数人と雑談をしていた際、DI(DependencyInjection）の話題が出ました。雑談の時間では伝えきることができず、私の持っている知識をもっとしっかり後輩に伝えたほうが良いと感じたのがきっかけです。そして、手を動かしながら学ぶワークショップ形式なら、効果的...

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

はじめにこんにちは武田です。最近Next.jsに触れる機会があり色々調べていると、「Parallel Routes」という機能があり、面白いなと感じたので書かせていただきます。Parallell RoutesとはNext.js（App Router）のルーティング機能の１つで、フォルダ名に「＠」を付けることでこのルーティングを利用することができます。この方法で作成されたセグメントは「スロット」と呼ばれ、ページに埋め込まれる部分を担うことになります。具体的には、スロットは親階層にあるレイアウトに組み込まれ、propsとして渡されるようになります。文字だけだとイメージしづらいので、以下を見て...

Next.jsでFirebase AuthenticationのSignInWithRedirectの実装時にハマったこととその解決策【株式会社ライトコード】

概要特定のブラウザー（例: Safari）ではSignInWithRedirectが正常に動作しない（ログインできない）その理由はサードパーティのストレージアクセスがブロックされているからです参考: Firebaseの公式ドキュメントアプリはFirebase Hostingを使っていないSignInWithPopupを使いたくない実装方法下記の設定・実装で、SignInWithRedirectでログインできることようになったので、そのやり方を紹介します。Firebase側の設定左側のメニューから構築 → Authentication → 設定 → 承認済みドメインを選択自分のアプリのドメ...

immichを知ってほしい【株式会社ライトコード】

はじめに2010年代のスマートフォンカメラの高性能化と、クラウドベースの写真管理サービスの普及により、 多くの人が何らかの商用のクラウド写真管理サービスを利用していると思います。しかし、このような状況下で、以下のような悩みを抱える方も少なくないでしょう。利用中のサービスの料金変更やプライバシーに関する懸念出産などのライフイベントによる家族構成の変化に伴う、管理写真の急増と将来的な出費への不安自宅のサーバーリソースに余裕があり、新たなサービスを追加したいこれらの悩みのうち一つでも当てはまる方は、「immich」の導入を検討してみる価値があるかもしれません。immichとはimmichは、オ...

【Android】WebViewのTips【株式会社ライトコード】

今回はWebViewを使う場合のTipsをいくつか紹介したいと思いますなんでWebView使うの？ネイティブでモバイルアプリケーションを開発してるエンジニアの多くはWebViewについてはあまり良い印象を持っておらず、使わなくて良いならなるべく使わないように仕様や設計の調整をしている方が多いと思います。その中でなぜ使うのかというと、様々なプラットフォームでなるべくUIを統一したいときに使うことが多いのではないしょうか。利用規約などをWebViewで表示しているのを見受けられますが、あれも同じ考えの認識です。どのプラットフォームでの統一された表示をしたい！なら、そもそもクロスプラットフォー...

【Laravel】非推奨パッケージ”laravelCollective/html”を削除する【株式会社ライトコード】

はじめに最近、Laravelのサービスのバージョンアップを行いました。弊社では以前にも同様の対応を行っていたため、今回はスムーズに進めることができました。特に、laravelCollective/htmlパッケージの削除に関しては、過去のナレッジが役立ちました。過去の記事でも削除手順について簡単に紹介していますが、この記事ではより具体的な手順を詳細に解説していきます。これからlaravelCollective/htmlパッケージをプロジェクトから削除しようとしている方々にとって、少しでもお役に立てれば幸いです。laravelCollective/htmlとはまず、laravelColle...

Rust/ActixWeb で データベース（SeaORM 利用）の準備【株式会社ライトコード】

はじめにRust のお勉強、前々回/前回の続きです。今回はデータベースの準備がメインとなります。今回の動作環境毎度の前回からの動作環境変更点。バージョン（括弧内は前回）Rust：1.81(1.78)actix-web：4.9.0(4.5.1)データベース接続言わずもがな。少々乱暴な解釈かもですが、アプリ/API は総じてデータベースのラッパーで、なので CRUD 操作してなんぼなんですよね。actix の公式サイトでは Diesel というクレートを利用して DB 操作例が記載されてました。Databases | Actix Webなのでそれ使ってみよー、と思ったですが下記一文（英語）が...

Auth.js v5に入門した感想【株式会社ライトコード】

はじめに初めまして。今年4月に新卒で入社いたしました櫻田と申します。今回はAuth.jsを用いて実際にモダンな認証機能を実装したのでその感想をまとめたいと思います。そもそもAuth.jsとは公式サイト : https://authjs.dev/getting-started複雑なWebアプリケーションの認証機能を簡単に実装するためのオープンソースライブラリです。主な特徴は以下の2つです。特徴1: ランタイムに依存しない！Auth.js　(旧NextAuth.js)　v5ベータパッケージをリリースし、最新バージョンのNext.jsとより簡単に統合できるようになっただけでなく、ランタイムに依...

【Next.js】rechartsでレーダーチャートを表示する際のTips【株式会社ライトコード】

rechartsとはreactでチャート表示が簡単にできるライブラリです。利用したバージョンrecharts: 2.12.7まずは普通に表示する公式サンプルがあるのでそれを参考に実装するだけです。とりあえずは以下のようなレーダーチャートを作成しました。これを元にTipsを紹介していきます！レーダーチャート周りの文字の表示を調整したい割と簡単にできそうな感じはありますが、けっこう面倒な実装が必要になります。hoge, fuga...の部分こちらの表示はPolarAngleAxisで対応が可能です。おおまかな変更はPolarAngleAxis自体に値を渡せば可能ですが、x,y軸をそれぞれ変更...

【iOS】URLSessionWebSocketTaskを利用したWebSocket通信【株式会社ライトコード】

はじめにこんにちは！株式会社ライトコードの福岡本社でモバイルエンジニアやってる こー です！今回は業務上で行った iOS アプリで WebSocket 通信を行う 方法について、備忘録的に書いていこうと思います。iOSアプリにWebSocket通信を実装それでは、iOSアプリでWebSocket通信を実現するための実装例を見ていきましょう。今回は、 ローカルサーバーとWebSocketで通信を行う クライアントクラスを作ります。URLSessionWebSocketTask というクラスがiOSの標準SDKに用意されており、これを使ってWebSocket通信を簡単に実装することができます...

Google Cloud に入門してみた【株式会社ライトコード】

はじめに入社2年目のみやです。未経験新卒で入社して約1年半が経ちました。まだまだ足りない技術を磨いています！最近Google Cloudの資格試験を受験する機会があり、Google Cloudについて学習しました。知識はインプットされたのですが、実際に使いこなせるようにはなっていないので、「Google Cloudを使ってみた」をブログで紹介しつつ、使い方を覚えていければと思います。Google Cloudをはじめる準備Google Cloud をはじめるにはGoogle アカウントが必要になります。アカウントの作成方法についてはCloud Identity（公式）やGoogle Wor...

Next.jsのApp Routerで、ReactのServer ComponentとClinet Componentの境界を理解したい【株式会社ライトコード】

1. はじめにブログの目的Server ComponentとClient Componentの境界を明確に理解すること。サーバーコンポーネントとクライアントコンポーネントの境界を正しく定義できるようになることNext.jsのApp RouterではデフォルトでコンポーネントがServer になります。Client Componentを使用する場合は、'use client' で境界を定義できます。 'use client'を正しい場所に設置できるようになることを目的としますなぜ境界を理解する必要があるのかパフォーマンス面サーバーコンポーネントとクライアントコンポーネントの境界を理解するこ...

浮動小数点について調べてみた【株式会社ライトコード】

はじめにこんにちは！今回は結構ややこしい浮動小数点数について書こうと思います。普通に計算すると以下のようになります。0.1 + 0.2 = 0.3一方でだいたいのプログラミング言語で以下の計算をすると0.1 + 0.2 => 0.30000000000000004のように表示されます。今回はこのなぜ？についてなるべくわかりやすく説明したいと思います。少しでも理解が深まれば幸いです。コンピュータではどのように計算するかご存知のようにコンピュータはデータを2進数で扱います。4(10)=100(2)5(10)=101(2)100(2)+101(2)=1001(2)=9(10)それはコンピュータ...