【募集！デザイナー/フロントエンドエンジニア/ブランディングデザイナー】 新卒募集中!数ある会社のなかでセルディビジョングループに興味をもってくれたことに心から感謝します。私たちの考えに共感し、枠を超えてともに働いてくれることを決めてくれたら嬉しいです。

【募集！デザイナー/フロントエンドエンジニア】 有限会社ONは顧客となっていただける企業・組織・個人の課題をきづき+デザインを通して解決をし、世の中と顧客と私たちに信頼関係と価値をみいだし、充実した人生を感じることを目標とする同じ価値観の仲間を探してます。

【募集！デザイナー/フロントエンドエンジニア/ブランディングデザイナー】 新卒募集中!数ある会社のなかでセルディビジョングループに興味をもってくれたことに心から感謝します。私たちの考えに共感し、枠を超えてともに働いてくれることを決めてくれたら嬉しいです。

Comparison of Next.js and TanStack Start 株式会社Typebase フロントエンドエンジニア 寺嶋 祐稀 氏（ @y_temp4 ） #Offers_DeepDive# ⏬登壇資料はこちら⏬

RPC導入で失敗するたった1つの理由 ENECHANGE株式会社 フロントエンドエンジニア　柿 海斗 氏（ @cu30rry_ ） #Offers_DeepDive# ⏬登壇資料はこちら⏬

便利だけど知られていないGemini APIの機能 🔑 ブラウザからLive APIに直接つなぎたい。でもAPIキーは露出させたくない。 Geminiの「エフェメラルトークン（Ephemeral tokens）」は、短命の使い捨てトークンを発行してクライアントから安全にLive APIへ接続する仕組みです。メインのAPIキーをフロントエンドに渡す必要がなくなります。 📌 タイトル：エフェメラルトークン（Ephemeral tokens） 🔗 URL： 🧩 概要 Live API（リアルタイム音声/動画）をブラウザやモバイルアプリから直接使う場合、APIキーをクライアントに渡すとセキュリティリスクになります。Ephemeral tokensは、サーバー側でメインAPIキーを使って短命トークンを発行し、クライアントはそのトークンで接続する仕組みです。トークンは短時間で失効するため、万が一漏洩しても被害を最小限に抑えられます。 🛠 使い方 バックエンドサーバーでGemini APIにエフェメラルトークンの発行をリクエストします。返されたトークンをフロントエンドに渡し、クライアントはそのトークンでLive APIのWebSocketに接続。トークンは数分で失効するため、必要に応じて再発行する仕組みを組み込みます。 🏗 本番システムへの組み込み方 ・ブラウザ音声チャット：Webアプリからリアルタイム音声会話を提供。サーバーを中継せず直接接続することで低レイテンシを実現。 ・モバイル音声アシスタント：スマホアプリから直接Live APIに接続。APIキーはサーバーに保持したまま。 ・ライブ配信連携：配信プラットフォームのフロントエンドからリアルタイム翻訳やキャプション生成。 ・対面接客AI：タブレット端末からLive APIに接続して、店頭での音声アシスタントを構築。 💡 ユースケース 🎙️ ブラウザからのリアルタイム音声チャット 📱 モバイルアプリの音声AI連携 🎬 ライブ配信のリアルタイム処理 🏪 店頭タブレットの音声アシスタント ⚠️ 注意点 トークンの有効期限は短いため、長時間セッションでは途中でトークンの再発行が必要です。トークン発行のバックエンドは必ず認証を入れ、不正なトークン発行を防いでください。また、トークン発行自体のレート制限も考慮しましょう。 ✨ クライアント直接接続でレイテンシを下げつつ、APIキーの安全性も確保。リアルタイムAI体験の構築に欠かせない仕組みです。 #Gemini# #LLM#

「なぜその判断をしたのか？」にAIエージェントが答えるには、フラットなチャットログではなく“つながった記憶”が必要でした🕸️ それを1コマンドで丸ごと立ち上げるツールの登場です。 タイトル: Introducing Create Context Graph URL: 🕸️ 概要 Create Context Graphは、グラフベースのメモリを備えたフルスタックのAIエージェントアプリを、たった1コマンドで生成するNeo4j LabsのCLIスキャフォールディングツールです。生成されるアプリには、FastAPIバックエンド、Next.jsフロントエンド、AIエージェントフレームワーク、Neo4jグラフデータベースが一式含まれます。 ❓ 解決する課題 AIエージェントは作りやすくなりましたが、関係性や因果を理解するのは依然として苦手です。 ・フラットなチャットログやベクトルストアでは、「なぜその判断をしたのか」「何がこの作業をブロックしているのか」といった構造的な問いに答えられません ・つまり、エージェントには関係を捉える「高度な記憶」が欠けていました 💡 方法論と仕組み ・データを「コンテキストグラフ」（つながったナレッジ構造）に変換し、チャット履歴・ベクトルコンテンツ・推論トレースの3種のメモリを整理します ・エンティティモデルはPOLE+O（Person, Organization, Location, Event, Object）に、ドメイン固有の型を重ねます ・エージェントが判断を下すと、その推論チェーンがDecisionTraceノードとして記録され、紐づくTraceStepで構成されるため、クエリ可能な来歴（provenance）が生まれます ・PydanticAI・LangGraph・Claude Agent SDKなど複数フレームワークに対応し、22の組み込みドメイン、Linear・Claude Code・GitHubのコネクタ、推論経路のリアルタイム可視化、シークレット自動リダクションを備えます 🌍 ユースケース ・課題の依存関係やチームのワークフローを開発者がクエリする ・Claude Codeのセッション履歴から個人の開発分析を行う ・判断・コミット・作業項目を組み合わせたマルチツールの相関分析 判断の来歴をクエリ可能にできるため、エージェントの説明可能性やデバッグ、チーム横断の知識統合に役立ちます。 #GraphRAG# #Neo4j#

# Cursorの機能と実践的な使い方 ☁️ あなたのマシンが寝ている間も、クラウド上の複数エージェントが別ブランチで並行して働き、レビュー可能なPRを返してきます。Cloud Agentsは「手元の1台」という制約からエージェントを解き放ちます。 🏷️ タイトル: クラウド並列エージェント 🔗 URL: 📘 概要 Cloud Agentsは、ローカルではなく隔離された仮想マシン上で動く自律エージェントです。専用のクラウド基盤上で複数のエージェントを同時に走らせ、手元の端末をオンラインに保たなくても作業を継続できます。各エージェントはそれぞれのVMで完結した開発環境を持ちます。 ⚙️ 機能の説明 ・並列かつ独立: ローカルの制約なしに複数エージェントを同時起動でき、各々が独立したVMで動作 ・隔離ブランチ: GitHub/GitLab/Azure DevOps Services/Bitbucket Cloudからリポジトリをクローンし、別ブランチで作業してPRとしてpush。レビューまで作業を隔離 ・検証可能: コードベースと組織の文脈を受け取り、テスト実行やサービス照会で自分の成果を検証できる ・成果物付きPR: スクリーンショットや動画、ログを添えた「マージ可能なPR」を生成。エージェントのデスクトップを遠隔操作して、ローカルにチェックアウトせず動作確認も可能 ・マルチリポ対応: フロントエンド/バックエンド/インフラ/共有ライブラリなど複数リポにまたがる変更を協調的に実行 MCPサーバーで外部ツールやDB、APIに接続でき、リポジトリの `.cursor/hooks.json` のフックも動作します（IDE固有・ユーザーレベルのフックは除く）。 🛠️ 実践的な使い方 起動経路は豊富で、Cursor Web（ `Cloud` を選択、Slack/GitHub/Linearの `@cursor`、API、iOSネイティブアプリ、AndroidのPWAから起動できます。効果を最大化する最重要ステップが `.cursor/environment.json` の設定です。ここでクローン・依存関係・シークレット・起動コマンド・ネットワークアクセスを含む完全な開発環境を再現します。設定方法はエージェント主導の自動初期化、保存済みスナップショット、Dockerfile指定から選べます。 💡 ユースケース 朝のうちに「このバグを調査して修正PRを出して」と複数タスクをまとめてクラウドに投げ、昼にはレビュー待ちのPRが並んでいる、といった使い方ができます。テスト実行やAPI照会まで自走させることで、人間はレビューに集中できます。 ⚠️ 注意点 リポジトリと依存リポ/サブモジュールへの読み書き権限が必要で、有料プランが前提です。シークレットは `.env.local` ではなくダッシュボードのSecretsタブで管理してください。ユーザーレベルの `~/.cursor/hooks.json` はクラウドVMからは参照されません。料金は選択モデルの標準API課金で、初回利用前に上限額の設定が必要です。対応モデルではコンテキストウィンドウのサイズを選択でき、大きくするとトークン使用量とコストが増えます。ソース管理はGitHub/GitLab/Azure DevOps Services/Bitbucket Cloudに対応しています。 #Cursor# #CloudAgents#