ViewTransitionAPIとは ページを遷移する際にスムーズなアニメーションを追加できるブラウザネイティブのAPI メリット 遷移アニメーションがスムーズ 記述が簡単 ブラウザネイティブの機能ため、JavaScriptによるアニメーションよりパフォーマンスが優れている developer.mozilla.org ReactでViewTransitionコンポーネントが利用できるようになる <ViewTransition> コンポーネントが実験的にReactに追加された github.com <ViewTransition> で子要素をラップすることで、それらの間の変化をアニメーション機…

Junieとは JetBrainsが2025年4月16日に正式リリースしたAIコーディングエージェント。 チャット欄に自然言語で依頼したタスクを自律的に計画・実行。実際にソースコードを編集、ビルドやユニットテストまで走らせたうえで差分を提示してくれる。 コードの補完機能はない。補完を行いたい場合はAI AssistantやGithub copilotを利用する www.jetbrains.com LLM Claude3.7 プランと価格 制限付きで無量レベルを提供 ただしIDE自体が有料 対応IDE（2025年4月現在） IntelliJ（有料版） PyCharm（有料版） WebStorm …

ELWのCTOの村上です。LLMの活用検討会の記事となります。 バックエンドと比較してフロントエンドのVibe Codingが難しいという課題感が社内であり、 その検証のためにVibe Codingで私が既存システムの改修チケットを実施してみたのでその紹介となります。

◆用語 コレクション RDBのテーブルに相当。RDBの場合は同テーブルであれば必ず同スキーマだが、コレクションでは同スキーマである必要はなく、異なるフィールドを混在させることが可能。 ドキュメント RDBのレコードに相当。フィールドと値のペアのBSON(JSONをバイナリでエンコードしたデータ形式)で保持される。フィールドに対しインデックスを作成することも可能。

とある実装でSQLのOR条件を多用する機会があり、そのパフォーマンスが著しく低く悩まされたので調査・改善した話。

CTOをしております、村上です。今回のバックエンド勉強会では、Postgres SQLのLATERALサブクエリについて話しましたので、その内容を紹介させていただきます。

プライベートでDockerコンテナで動作するPalworldゲームサーバーを監視・制御するためのDiscord Botを作ったことがあるので紹介します。 主な機能は以下の通り プレイヤーの監視と非アクティブ時の自動停止 Discordメッセージによるサーバーの手動起動・停止 サーバーのステータス確認（稼働状況、リソース使用率） 起動・停止時のDiscord通知 サーバー スペック メモリ:4GB CPU:仮想4コア 容量:100GB OS:Ubuntu 22.04 言語はPythonです ※ Discordのボット機能の解説については今回は触れないでおきます。（いろんな解説記事が世に転がってま…

CTOをしております、村上です。今回の勉強会ではAppSyncについて話しましたので、その内容を紹介させていただきます。

ELWでエンジニアをしております。井立田です。 今回はJWTとJWTを用いたセッション管理について見ていきます。 JWTとは JSON Web Tokenの略 JSON形式でデータを安全にやりとりするためのトークン 電子署名によって改ざんを検知できる

フロントエンジニアをしております、堀江です。 私はフロントエンド技術の情報収集に、主に『This Week in React』というニュースレターを活用しています。 thisweekinreact.com そのニュースレターで面白い記事を見つけ、勉強会として一緒に読み合わせを行いました。2つの連続した記事になるのですが、内容としてTanstack Startにおけるserver functionという概念の紹介と、それとRSCやNext.jsのApp Routerとの比較になっています。 www.brenelz.com www.brenelz.com Next.jsは記事中で紹介されているse…

ELWでエンジニアをしております、井立田です。 今回はAnthoropic Computer UseとBrowser Useを実際に試してみたので、その手順と感想を書いてみました。 Anthropic Computer Use docs.anthropic.com Computer Useとは AI モデル（Claude ）がコンピューターのデスクトップ環境を操作できる機能のこと 仮装環境で動作するため、ローカルPCのファイルやシステムに直接アクセスすることはできない プログラムを作らせることも可能 事前準備 クレジットのチャージ（https://console.anthropic.com/s…

単純に書けるが故にどういうルールで書くかを考えとかないとカオスになるんですよね。 クラスの命名の仕方とか、どういう粒度にするかとか、上書きどうするかとかとかとかとか。 実はその「ルール」をどうするかっちゅう設計思想というのがCSSにもありまして。 そのお話です。 ！）最後にちゃぶ台返しします BEM、OOCSS、SMACSS、FLOCSS 1. BEM (Block, Element, Modifier) 2. OOCSS (Object Oriented CSS) 3. SMACSS (Scalable and Modular Architecture for CSS) 4. FLOCSS …

概要 肥大化したmac用Docker Desktopのコンテナログを削除した時の備忘録。 実行環境 Docker Desktop: 4.37.2 macOS: 15.3 CPU: Apple M3 導入 頻繁にコンテナごと down -> up していたり、ログ自体Docker DesktopのGUIで見ている分には然程気にならないかもしれないが、まあまあ長いこと動作し続けているローカルデバッグ用のコンテナに対しCLIでlogsを叩くと、さすがにスクロール量が気になってきておりログを掃除しようと思い立つ。 docker logs {コンテナID} が、具体的なログファイルの格納先はどこなのか？…

ELWのCTOの村上です。LLMの活用検討会の二回目を社内で実施しましたので、その記事となります。 あくまで私が調べた内容や試行した結果ですので、もし間違いがありましてもご容赦いただけると幸いです。 第一回は以下となりますので、合わせて読んでいただけると嬉しいです。 techblog.elw.co.jp

ELWのCTOの村上です。本記事の元となった会議では、私が日々の開発でLLM（Large Language Model）をどのように活用しているかを叩き台として各自どのように活用しているかの共有、そして今後のプロジェクトや日々の開発を改善していくかを議論しました。ぜひ参考にしていただければ幸いです。

はじめに "どうしてあなたの共通化は間違っているのか"という、以下の@wolfmagnate(進捗ゼミ) さんの記事の第1章から3章をベースに勉強会を実施しました。 https://qiita.com/wolfmagnate/items/73c3770cf036eada630d

ELWでエンジニアをしております。井立田です。

techblog.elw.co.jp に対して、留意した方がよさそうなものを抜粋。 AuroraとRedshiftは同一リージョンに存在する必要あり 統合済のDBクラスタは削除不可 先に統合を全て削除 Aurora(PostgreSQL) : Redshift = 1 : 1 クォータのデフォルト オブジェクト識別子は 英数字、$、_(アンダースコア) のみ使用可 DB名、テーブル名、カラム名など VIEWはレプリケートされない システムやテンポラリも geometry型はサポートしていない bigint、text、date、timestamp など基本的な型のみ

CTOをしております、村上です。 先日、フロントエンドの勉強会の初回記事を掲載させていただきましたが、 そのバックエンド版の初回となります。 フロントエンド版と同様に担当制で、各回の担当者には議論したいアジェンダとその材料を持って来てもらいます。 業務に完全に直結するものは業務でアウトプットすると思うので、世の中で話題になっているものや自分の中で興味が出ているものなどを想定しています。 ただ、業務と少しずらしていれば問題なしです。 techblog.elw.co.jp

CTOをしております、村上です。 今回から、社内勉強会の内容をログとして投稿させていただきます。(今回の発表者は私です) 担当制で、各回の担当者には議論したいアジェンダとその材料を持って来てもらいます。 業務に完全に直結するものは業務でアウトプットすると思うので、世の中で話題になっているものや自分の中で興味が出ているものなどを想定しています。 ただ、業務と少しずらしていれば問題なしです。 ログなので内容として不正確、不十分なところはあると思いますが、ご了承ください。

弊社ではバックエンドのフレームワークにQuarkusを採用し、Kotlinで使用しています。 表題通りQuarkusでログインユーザー情報を保持する方法が意外に公式に詳しく書かれていないので紹介させていただきます。

Quarkusにおける認可の方法は、公式の次のページに書かれています。 https://quarkus.io/guides/security-jwt ただ、認可の種類には以下の3つがあると考えられ、そのうち1-iの場合の説明となっています。 通常のRBACで良い場合 IdPで定義したRoleを元に、JWT中のRoleで判断するので問題ない場合: IdPのRoleを元に@RolesAllowedなどのアノテーションを用いる 権限設定の変更を即座に反映したい場合: 動的にSecurityContextをセットし、そこで定義したRoleを元に@RolesAllowedなどのアノテーションを用いる 認…

DriveSFAではカスタム項目に対応しています。カスタム項目というのは、システムが規定している項目以外にクライアントさんが自社用に追加できる項目のことです。 このカスタム項目を実現するのが意外に難しいです。 RDBを使う以上json型を使うのが手っ取り早いのですが、一覧のための部分一致検索がしづらいです。 ただ、SFAということでテーブル間の関係性が重要なので、RDB自体は使いたいです。 そこで、カスタム項目だけMongoDBに格納して対応しています。 カスタム項目でもう1つ難しいのは、設定変更時の互換性維持です。 項目の追加・削除・編集に対応する必要があります。 RDB上にカスタム項目の設…