Jujutsu（jj）完全ガイド：Gitを超える次世代バージョン管理システムの実践活用法 はじめに Jujutsu（ジュジュツ、通称jj）は、Googleのエンジニアによって開発された次世代のバージョン管理システムです。「Gitと100%互換性がありながら、より使いやすい」という一見矛盾した目標を見事に実現しています。 本記事では、Jujutsuの基本概念から実践的な活用方法、さらにはAIツールとの並列開発まで、包括的に解説します。 目次 なぜJujutsuなのか？5分で分かる革新性 30秒で始めるJujutsu Gitユーザーが最初に知るべき5つの違い 実践：日常開発でのJujutsu活用法 コンフリクト処理の新しい考え方 GitとJujutsuの併用パターン AIツールとの並列開発 アーキテクチャ解説（上級者向け） よくある質問と移行ガイド なぜJujutsuなのか？ Gitの問題を解

株式会社ファストコーディング　営業の長谷川です。お客様とお話ししていて気づいたことや、営業現場で見てきたことを書いていっております。 今回のテーマはフロントエンド開発やコーディング代行に限らない話になりますが、「スケジュール遅延」です。お客様からよくこんな質問をいただくんです。「なんでWeb制作ってこんなに遅れるの？」「最初に聞いた納期と全然違うんだけど」って。 正直に申し上げますと、技術的な問題で遅れることは実はあまりないんです。むしろ、遅延の原因の大半は「人間側の事情」なんですよね。今日は、営業として何百件ものプロジェクトを見てきた中で気づいた、スケジュールが遅れる本当の理由をお話しします。 遅延の原因ベスト5まず、営業現場で何度も見てきた遅延の原因トップ5を紹介します。技術的な問題ではなく、すべて「人」が関わる部分です。 承認フローの遅れ – 決裁者への確認待ちが1週間、2週間…素材

CSSにおけるmaskというプロパティによってデザインを実装可能にしてくれたケースが3つありましたので、私見をしたためていきます。 既にCSSのmaskプロパティについてご存知の方はmaskが可能にしてくれるデザインパターンへ マスクという行為およびCSSのmaskについてこれから知りたい方は前提知識へ 前提知識 そもそも「マスク」とは 左の画像を、星の形にくり抜きたい。そのくり抜く行為を、この記事内では「マスク」と呼びます。 ※くり抜く行為はクリッピングであり、それを用いてマスクを行うのであればクリッピングマスクなのではないかというもっともな主張があると思いますが、CSSのプロパティ名と統一して呼称するために、この記事内だけではそう呼ぶことにしました。 画像同士を重ねて、「この形にくり抜きたい」という形を「この形に繰り抜かれたい」という画像に対してマスクすると その形にくり抜かれます。

git reset 過去の状態に戻る（履歴を変更する） 用途 現在のブランチの履歴を「やり直し」たいときに使用。 動作 指定したコミットまで履歴を削除したり、ステージングエリアやワークツリーを変更。 種類 --soft: 履歴だけ戻す（ファイルの内容やステージングはそのまま）。 --mixed: 履歴を戻し、ステージングエリアもリセット（デフォルト動作）。 --hard: 履歴、ステージング、作業ディレクトリすべて戻す（変更が完全に消える）。 # HEADを1つ前のコミットに戻す（ファイル内容はそのまま） git reset --soft HEAD~1 ポイント 履歴を修正する際に使うため、チームで共有された履歴には使わない方が良い。 https://www.r-staffing.co.jp/engineer/entry/20191129_1 git revert 用途 過去のコミットを「

TanStack Start は TanStack Router と Vite をベースにしたフルスタック React フレームワークです。型安全なルーティング、サーバーサイドレンダリング、ストリーミング、サーバー関数、API ルートなどの機能を提供します。この記事では TanStack Start の概要と基本的な使い方を紹介します。 TanStack Start は TanStack Router と Vite をベースにしたフルスタック React フレームワークです。TanStack Router が提供する型安全なルーティング機能に加えて、サーバーサイドレンダリング（SSR）, ストリーミング, サーバー関数, API ルートなどの機能を備えています。この記事では TanStack Start の概要と基本的な使い方を紹介します。TanStack Start は Next.js

Cursorは12月11日（現地時間）、Cursor Browserの新機能としてビジュアルエディタをリリースした。このエディタは、WebアプリケーションのUI、コードベース、編集ツールを一つのウィンドウで扱えるのが特徴だ。 利用者は、DOMツリー上で要素をドラッグ＆ドロップしてレイアウトを変更したり、サイドバーからコンポーネントの状態やプロパティを直接テスト・調整できる。スタイルの変更も、スライダーやカラーパレットなどのビジュアルコントロールでライブに行うことが可能だ。 また、編集したい場所をクリックし、変更内容を記述すると、エージェントが関連コンポーネントを特定して自動的にコードを修正する機能も搭載した。これにより、設計と実装の間の作業のギャップを解消し、より直感的なUI開発を支援する。

グーグルの「Gmail」では2026年1月から、他社メールサービスの受信機能（POP方式）の提供を終了する。タイムリミットまで1ヵ月を切るなか、メールサービスの提供企業では、ユーザーへの案内が続いている。 グーグルの「Gmail」では2026年1月から、他社メールサービスの受信機能（POP方式）の提供を終了する。タイムリミットまで1ヵ月を切るなか、メールサービスの提供企業では、ユーザーへの案内が続いている。 最新記事：Gmailで外部メールが受信できなくなる！？ 12月中にやるべき対策はこちら レンタルサーバー事業などを手がける「エックスサーバー」は12月5日、サポート情報として本件に関する案内を公開した。 当該ページでは、同社のサービスで作成されたメールアドレスが、Gmail側の仕様変更により、Gmail上で受信できなくなる場合があることに言及。あわせて、自身のメールアドレスが影響を受け

その②：通知をONにする モデルが強化されるにつれて、長時間の作業を自律的に行えるようになっています。その間、人間がずっと見ている必要はないため、作業が終わったら通知で連絡をもらうように設定しましょう。 個人的に参考になったブログはこちらです。 その③：音声入力を活用する 音声入力なら、タイピングの 3 〜 4 倍の情報量を、背景や意図を含めて自然に伝えられます。入力の負担が減って思考に集中できます。 個人的に参考になった動画はこちらです。 2. CLAUDE.md を作成し、育てる CLAUDE.md とは？ CLAUDE.md は、Claude にプロジェクトの背景知識（コンテキスト）を持たせるための設定ファイルです。通常、AI は会話のたびにプロジェクトの構成やルール（コーディング規約など）を忘れてしまうため、毎回説明する必要があります。しかし、プロジェクトのルートディレクトリに C

生成 AI の活用が急速に普及する一方で、大学生の皆さんからは「正しい AI の使い方をもっと学びたい」「AI にどういう場面で頼ってもいいのかわからない」といった、活用に関する声も寄せられています。 この背景を踏まえ、今年 7 月に学生の皆さんが Gemini をはじめとする AI ツールを最大限活用できるよう、全国の大学生および大学院生を対象とした「Google AI 学生アンバサダープログラム」を発表しました。 8 月から全国 200以上の大学から 800 名以上の学生が本プログラムに参加され、 AI を安全かつ効果的に活用するスキルを習得し、大学生ならではの活用方法を考え共有されています。 これまでの 4 ヶ月の活動を通して 数百件もの Gemini 活用アイデアが寄せられました。 この度、これらの活用アイデアを一冊のハンドブックとしてまとめました。 ハンドブックのデジタル版は、こ

こんにちは。組織開発室に所属し、組織開発を担当しているてぃーびーです。 Gemini 3.0 および Nano Banana Pro のリリースによって画像生成の質がかなり上がりました。 Nano Banana Pro - Gemini の AI 画像生成＆写真編集ツール 今までは複雑な図の出力には難があったり、日本語の出力が崩れやすかったのですが、このあたりの質があがり実用レベルで使える範囲が広がってきました。 そこで、この記事では、Gemini の Nano Banana Pro でどの程度の図解が可能か試してみます。 利用方法 Gemini で入力する際に『思考モード』『画像を作成』の両方を選択する。 図解の例 ベン図の作成 仕事における Will, Can, Must をベン図にします。 入力

2025.11.26 Mobile Fusion Study @KTC

JSConf JP 2025

Affinity アプリが永久無料と聞いてこれで脱 Adobe できるかと思ってるあなたに、Affinity 歴約 5 年の私から伝えておきたいこと 2025 年 11 月 5 日 こなさんみんばんわ。 そんな訳で、新しい Affinity の発表から 5 日が経過しました。1 ヶ月前くらいから意味深なメッセージやらティザー動画がアップされてて、まぁ新バージョンやろなとは思ってましたが、今回も買い切りで 3 アプリ合わせて限定特価 1 万ちょいくらい、でも Canva プロユーザーだったら無料です! くらいの予想をしてたら、3 アプリが 1 つになったのに加えてまさかの誰もが永久無料1で、さすがにちょっとほえーっとはなりました。 以前から軽くて高機能なアプリとして定評もありましたし、それが無料で手に入るともなればそりゃ耳目も集めるというもの2。ただ、これは世の常でもあるんですが、こういうシ

SourceTree と GitHub の連携（Windows 版） Windows環境で SourceTree と GitHub を連携する手順をまとめました。 この記事は、以下のバージョン情報を基に作成されています。 Windows 11 Version 24H2 SourceTree Version 3.4.23 OpenSSH Version 9.5.4.1 1. 準備 以下の準備を行ってください。 SourceTree のインストール: 未インストールの場合は、SourceTree公式サイト からダウンロードしてインストールします。 Git のインストール: SourceTree は Git の GUI クライアントです。通常は、SourceTree のインストール時に Git も一緒にインストールするか、既存の Git を使用するかを選べます。 GitHub アカウント: Gi

初めに 近年は、コードの存在を意識することなく雰囲気で開発を進める「Vibe Coding」スタイルが一般化しつつあります。ソフトウェア開発の裾野が広がった一方で、「セキュリティ意識が置き去りになりやすい」という課題も浮き彫りになっています。 特に、LLMと外部APIを組み合わせたOpenAI / LangChain / Next.js構成では、ちょっとした油断から「APIキーの漏洩」「高額請求」「機密情報の漏洩」などが簡単に発生します。 本記事では、Vibe Coding時代の開発者が最低限押さえておきたい5つのセキュリティリスクと、その対策を紹介します。 セキュリティリスク 1. キーの漏洩（API Key Hardcoding） LLMアプリケーションを利用する上で、外部APIキーを利用するケースがほとんどだと思います。これらのキーをハードコードしたままGitHubに公開してしまうと

はじめに @dyoshikawaです。 私の2025年6月ごろからの取り組みとして、Claude CodeによるVibe CodingでRulesyncというOSSツールを公開しました。 そこでかなり自由にClaude Codeでいろんな手法を試すことができましたので、AIコーディング全般のTipsをお伝えできればと思います。 一方で（人間の介入が少なすぎる）Vibe Codingの弊害としてコードベースやドキュメントが崩壊し、途中で開発がストップした場面もありました。ここのプロセスの反省と、どのように開発可能に復帰させたかという点も紹介します。 最後に人間の役割、AIの役割、ソフトウェア開発の未来といったトピックに触れたいと思います。 Rulesync: 主要なAIコーディングツールの設定ファイルを一括管理 まず、私が開発・公開したツール Rulesync について簡単に紹介します。 こ

開発現場で急速に広がっているOpenAIのCodex（コーデックス）。本記事では、OpenAI Dev Dayで公開された実践的な活用事例を、具体的なプロンプトやノウハウとともに詳しく解説します。 ▼公式セッション動画 1. Codexとは？シニアエンジニア級のAIチームメイトCodexはOpenAIが開発したAIソフトウェアエンジニア。開発チームのTibo氏はこう表現します： 「Codexは人間のチームメイトのようなもの。一緒にペアプログラミングしたり、タスクを委任したり、明示的な指示なしに仕事を進めてもらえます」 2024年8月からわずか数ヶ月で利用者が10倍に増加。開発業界で「バイブシフト」と呼ばれる変化が起きています。 1-1. GPT-5 Codexの特徴最新のGPT-5 Codexがユーザーから「本物のシニアエンジニア」と評価される理由： 「褒め言葉が少なく、悪いアイデアには反

社内のプチ発表に使った資料です。 文章のコツ 前置き フルリモートでは、文章でのやり取りがメインになる。 なので、文章がヒドいと「この人と仕事するのキツイ」と思われちゃう😢 そう思われないための色々思ったことを自戒メモ。 なるべく箇条書きにする

はじめに 週末のドライブが趣味の @___nix___ です。 背景 最近、気になっている方は気になっているかと思いますが、Cursor の Tools に表示されている「Browser Automation」とは何だろう？どうやって使うのだろう？という疑問に答える内容になっています。 概要 Cursor の新機能「Browser Automation」を紹介する前に現在の状況も含めてまとめておきましょう。 AIを活用してブラウザを操作することができれば今までの手作業が自動化できると誰もが夢見ているかと思います（E2Eテストもね）。そんな中で生まれたのが ブラウザ操作型のMCP と AIブラウザ です。 ブラウザ操作型 MCP ブラウザを操作するMCPで有名だったのが以下の Pupperteer と Playwright の2つでしょうか。 そこに突如現れた Chrome DevTools