はてぶ・Qiita・Zennのトレンド記事を紹介
デフォルトのままはもったいない Claude Codeのステータスライン
はじめにClaude Code のステータスラインをデフォルトのまま使っている方も多いと思いますが、自分の見たい情報を並べておくと想像以上に快適になります。私は次の3行を常時表示しています。現在のモデルとコンテキスト使用率、いまいるディレクトリとブランチ、レートリミットの消
はじめにFlutterのディレクトリ構成について考えることがあったので、まとめてみました。自分でもまだ決まりきっていませんが、現時点での整理です。 2つの切り方ディレクトリの切り方には、大きく2つあると思います。レイヤー優先 (layer-first)：層で切ってか
「バリデーション」と「Specificationパターン」は何が違うのか
はじめにバックエンドエンジニアの角方です！先日、あるPRレビューのコメントで「Specificationパターン」という言葉を初めて知りました。それまでは業務ルールのチェックも、入力値のチェックも、if文で書いていたのですが、「バリデーションと何が違うんだろう?」と思いな
コードの中の「謎の数字」をなくす — レビューで教わったこと
こんにちは！ソニックムーブでフロントエンドエンジニアをしている mayuka です。まだエンジニアとしての経験が浅く、日々レビューで色々なことを教わっています。今回はそのなかから、コードに数字を直書きして指摘をもらった話を書きます。同じくらいの初心者の方に届いたら嬉しいです。
普段AWS触っている自分が、Cloudflareのサービスを整理してみた 🔖 1
はじめに業務では普段AWSを使っています。Lambda + DynamoDB + S3 + CloudFront + Cognito...と、要件に応じてサービスを組み合わせる設計にはある程度慣れています。一方、本記事で扱う話題のCloudflareは触ったことがありませんで
はじめに最近、マルチプレクサとして Herdr を使っています。Herdr はコーディングエージェント向けに特化していて、バイブコーディングとの相性がとても良いです。Ghostty のようなモダンなターミナルの手軽さがありつつ、tmux のようにマルチプレクサとしても使えるの
はじめに：先輩との会話先日、先輩とこんな会話をしました。先輩「Claude Codeがターミナルで、ghコマンド叩いてたんだよね。あの gh ってやつ、ちょっと気になってて」私「あー、なんか見たことあります。よくのログにも出てきますよね」先輩「そうそう。AIが使ってるっ
Claude Codeが化けた。今使っている3つのプラグイン+標準機能の活用法 🔖 479
はじめに株式会社ソニックムーブでフロントエンドエンジニアとして働いているShoppingSharkです。ソニックムーブに入社して業務でAIを使い始めて3ヶ月ほど経ちました。昨今はループエンジニアリングが話題ですが、個人ではまだそのレイヤーまで進めておらず、日々の業務はバイブコ
「自分だけ saml2aws で AWS にログインできない」の真犯人を総当たりで突き止めた話
どうも、ひらりんです。ふだんはバックエンドエンジニアとして、ソニックムーブでインフラ整備から受託開発まで手広くやっています。この記事は、実際にハマったトラブルの調査記録です。!この記事は、実際のトラブルシュートを Claude Code（AI）に手伝ってもらいながら 進め、
GitHub Agentic Workflowsを試して色々調べてみた
はじめに株式会社ソニックムーブのmito1111です。GitHub Agentic Workflowsは、自然言語で書かれたMarkdownワークフローをGitHub Actions上で安全に実行できる仕組みです。issueのトリアージやPRレビュー、CIインサイトの生成、ド
はじめに私はこれまで主にバックエンドエンジニアとして働いてきましたが、業務でFlutterに触れる機会ができ、現在学習中です。これまでFlutter開発は全く経験がなく、完全に初心者です。バックエンドの開発とはまた違った思想があり、興味深く学習しています。そんな中ふと気づいた
新米エンジニア成長記 #1 〜Next.js環境におけるmicroCMSとReact Slickの連携について〜
はじめに株式会社ソニックムーブでフロントエンドエンジニアをしているRyogaです。今回が初めての執筆（一発目から保存を忘れて執筆中のデータが飛んだことは、また別の話...）になりますが、知識の定着のためのアウトプットとして、今後は技術的に詰まったことを不定期で記事にしていこう
[Android][Kotlin] Enumで定義するよりsealed classで定義した方がいいかもしれない話
はじめにAPIから受け取った文字列を、アプリ内で扱いやすい型（属性・種別・ステータスなど）に変換する処理はよく書きます。Kotlinでこういった「決まった候補のどれか」を表現するとき、真っ先に思いつくのは enum class でしょう。私も最初はそうしていました。しかし実
エージェント界のラーメン二郎史 oh-my-系の1年 🔖 5
ラーメン二郎を知らない人のために3行で説明する。圧倒的なボリュームと中毒性で信者を生む店であること。「直系」と「インスパイア系」という店舗の系譜文化を持つこと。客が自分好みにカスタムする文化があること。この3つの構造が、2025年から2026年にかけて、AIコーディン
ChromeでAIをタダで使おうぜ！Gemini Nanoを使った"AIブックマーク"を作った 🔖 3
はじめに実は...みんなが今使っている Chrome、実はもう AI が入ってるんですよ。API キーなし、0円 の Gemini Nano というローカル LLM が組み込まれていて、Prompt API を使えば JavaScript から数行で呼び出せます。日頃から C
【個人開発】WEBサービスの収益を最大化するために試したこと 🔖 4
はじめに皆さんはWEBサービスの収益化に取り組んだ経験はありますか？サービスを作ること自体も大変ですが、収益化はさらに難しいと感じる方も多いのではないでしょうか。この記事では、私がWEBサービスの収益を最大化するために試したことを書きます。誰かの参考になれば幸いです。 どの
Cloudflareで始めるAI ― Workers AIとAI Gatewayで「動かす」と「運用する」 🔖 1
Cloudflareの「AIスタック」はここまで揃っているCloudflareといえば CDN（コンテンツ配信網）やDDoS対策 で有名だが、近年 エッジで完結するAIプラットフォーム へと急速に姿を変えている。2026年6月現在、開発者向けのAI製品は大きく7つ存在している。
ターミナルで音楽を聴く - AIコーディングのお供に `wave-tui` はいかが？
自分はプログラミングよりも音楽の方が好きだ。音楽がなければ人生はつまらない、というのが本心で、コードを書くのはどちらかというと音楽を鳴らし続けるための手段に近い。仕事中も、ずっと音楽をかけながらコードを書いている。最近は AI に手伝ってもらいながら書く、いわゆる「バイブコーデ
「なんとなくの性能差」にサヨナラ。GitHub Copilot、Claude Code、Cursor の裏側の仕組みを調べてみた。 🔖 2
フロントエンドエンジニアの usako です。皆さんは Cording Agent を使うにあたって、「〇〇の方が性能がなんとなく悪い気がする…」ハッキリとした根拠がなくモヤっとした気持ちのまま使っていることがありませんか？今回は実際のところどうなのか？という自らの疑問を少
はじめにClaude Code を使い始めて「便利だな」と感じつつも、設定まわりが分かりづらいと感じていませんか？CLAUDE.md って何を書くの？ settings.json とどう違うの？設定のスコープ（User / Project / Local）は何が違うの？
エージェント設定に「package.json」が来た ― Microsoft APM(Agent Package Manager)の将来性と
はじめにきっかけは、社内の別施策でAPM（Agent Package Manager）を使用している事例を見たことだった。便利そうな印象は受けたものの、具体的なイメージは湧いていなかった。そこで実際に調べて触ってみると、普段抱えていた二つの悩みが解けた。一つは、複数プロダクト
Swift/Kotlinで揃えるPostHog計測設計：イベント分析からFeature Flagまで
はじめにiOSではonboarding_start、Androidではstart_onboarding。同じ機能なのにイベント名やプロパティが揃わず、リリース後に横断分析できない。モバイルアプリの計測では、SDKを入れることよりも「両OSで同じ改善サイクルを回せる設計」の方が難
【Claude】今更ながら… Sub agents を触ってみた
はじめに最近 Claude を有料版にアップデートし、日々AIを触っていく中で、Sub agents という言葉をよく目にするようになりました。以前調べた Skills との違いや、実際にどのような場面で使い分けるのかを理解したいと思い、Claude Code で Sub a
日本で初めてのLaravelカンファレンスに参加しました！🪄
先日、先輩と一緒に「Laravel Live Japan 2026」に参加してきました！こんにちは！バックエンドエンジニアとして日々Laravelと格闘しているエンジニアです。先日、会社の先輩（先輩が書いた記事はこちら！）と一緒に、2日間にわたる大規模カンファレンス「Lara
llvm-cov で Codecov 用カバレッジを用意してみる
以前Codecovにカバレッジ情報を連携する必要があり、slatherを使用した連携を構築したことがありました。その時はXcodeの出力そのままでは連携ができないことから急ぎslatherでの対応としたのですが、LLVMにもCodecovがサポートしている形式への変換ができるツ
Claude CodeやCodexなど、AIエージェントによるコーディングが当たり前になりつつある昨今。皆さんはタスク管理をどうしていますか？私はこれまで、GitHub Issuesにタスクを起票してから実装に入っていました。しかし、AIエージェントの力を借りてターミナル上で「
先日、Laravel Live Japanに参加してきました！https://laravellive.jp/ja(ポスターの写真撮っておけばよかった...😂) きっかけ普段はソニックムーブでバックエンドエンジニアとして働いており、Laravelを使って開発を行っている
タスク地獄だけど記事は書かないと...そうだ、AIで記事書いてやろう
はじめにこんにちは、エンジニアの福田です。弊社ソニックムーブには、エンジニアが定期的に技術記事を執筆してアウトプットを出す、という文化があります。自分の所属ユニットではローテーション制を導入しており、前回の私の記事の担当分は5月中旬が締め切りでした。[ちなみに、その前回の記
AIに毎回同じ指示を書くのをやめた話 ── Copilot CLI × Agent Skills 入門
はじめに株式会社ソニックムーブでフロントエンドエンジニアをしている Ishiguro006 です。この記事で伝えたいことは1つです。copilot-instructions.md と Agent Skills を用意するだけで、毎回同じ指示をプロンプトに書かなくてよくなりま
ソフトウェア開発の生産性をどう測るかは、業界が60年以上かけても結論が出ていない問いで、未だに社内でも話題。過去に主流だった指標をどう解釈するかと、AI時代の現在においてどの程度有用なのかを横断的に調べたので書き残しておく。結論を先に書くと、ほとんどの古典的指標は単独では機能し
1Mクラスのコンテキストを扱えるエージェントの登場で、機能開発を任せきるのに特別な仕組みが要らなくなった。ただし、無条件に完走できるわけではなく人間がメンターとして伴走し、エージェントの方向と視座を補う必要がある。 前提Claude Opus 4.7の 1Mトークンコンテ
車輪の再発明？上等だよ！Agent Skills同期CLIを作った
はじめにAIエージェントを複数使い始めると、最初に壊れるのはコードではなく、Skills管理でした。最近、Claude Code、Gemini、Pi、OpenCodeなど、ターミナルで動くAIコーディングエージェントを複数使うようになりました。どれも強力です。強力なんです
BLE機器と接続して利用するスマホアプリを開発していると、BLE機器側の電池残量が少なくなった時にアプリ側で警告を出す処理が必要になることがあります。しかし、BLE機器側の電池残量を任意のタイミングで自由に変えることができないので[1]アプリ側の動作確認が手軽にできないという問題
【保存版】SQS × Lambda のモノレポ運用で爆速開発！現場で効いた"10の型"を全公開
はじめに「キューが増えるたびにリポジトリを作ってたら、CI/CD も IAM もバラバラになってカオスになった…」そんな経験、ありませんか？今回、SQS をトリガーにする複数の Lambda を1つのリポジトリで運用するモノレポ構成を一から設計する機会がありました。結果、驚
フロントエンドエンジニアこそ深く知るべき「OAuth & OIDC」：Authlete社入門講座をフロントエンド視点で徹底解釈
はじめに株式会社ソニックムーブでフロントエンドエンジニアをしているukaiです。初めて記事を投稿させていただきます！早速ですがフロントエンドエンジニアとして開発をしていると避けて通れないのが「認証・認可」の実装です。最近では Firebase Auth や Auth.js
はじめにSwiftによるiOS/Androidのマルチプラットフォーム開発が可能なSkipが 2026年01月に無料オープンソース化されました。Skipは、SwiftコードをAndroidネイティブなバイナリにコンパイルし、iOSとAndroidのネイティブアプリを同時に構築
Claude CodeもGemini CLIも、みんな仲良く働いてほしい 🔖 4
はじめに最近、AIコーディングエージェントを複数同時に動かして開発している。実装は Claude Code に頼む。調査は Gemini CLI に投げる。別のリポジトリの確認は OpenCode にお願いする。ついでに、エージェント実行環境の pi や jcode に
Dify × LINE WORKS × Langfuseでチャットボットのデモを作った
はじめにDify × Langfuse × LINE WORKS の構成でチャットボットのデモを作りました。もともとはデモとして動くものをとりあえず作りたかっただけなので、簡易的な構成です。ただ作っていく中で「管理画面からプロンプトを更新できて、ナレッジベースのファイルも追加
Amazon SQSとは何か、そしてなぜ使うのか？Amazon SQSは、アプリケーションの分離とスケーリングを可能にするフルマネージド型のメッセージングシステムです。サーバーへのリクエストが長くて複雑な場合（PDFレポートの生成や大規模なCSVファイルのインポートなど）、タイ
GitHub Copilot CLIでZenn記事を執筆する
はじめに株式会社ソニックムーブのmito1111です。最近、Vibe CodingやAIエージェントの活用が広まり、コードを書く行為そのものをAIに委ねるスタイルが一般的になりつつあります。自分もその流れに乗り、日々の開発の多くの場面でGitHub Copilot CLIを
はじめに!本記事はリバースエンジニアリングを推奨するものではなく、あくまでも規約の範囲内にて、知的興味を満たすことを目的としたものです個人的に知っているリアルタイム通信は下記の通りです。WebSocketサーバー送信イベントWebRTCFirestore (Fi
Android CLI と Android Skills の概要：Googleが提唱する『エージェント・ファースト』な開発環境を紐解く
はじめに2026年4月、GoogleはAIエージェントによる開発支援を標準化するための新しいツール群「Android CLI」および「Android Skills」をリリースしました。これにより、AIがAndroid開発のベストプラクティスを理解し、環境構築からデプロイまでを
ZennのPVデータをLooker Studioで可視化して組織に共有した話
どうもどうも。安立です。久しぶりの投稿です。今回は、組織内共有が目的で、ZennのPublicationの統計データをLooker Studioで可視化した話です。 なぜやろうと思ったかソニックムーブでは複数人がZennのPublicationで記事を書いています。
Google Calendar API使ってカレンダー情報取得してみた
はじめにバックエンドエンジニアの角方です！Google Calendar APIを使いたいなーと思い色々調べてみると、OAuth 2.0だの認証情報だの、実装に辿り着く前に設定の多さで頭が混乱した経験はありませんか？（私は業務でその状態に陥りました…泣)設定項目が多岐にわ
【Claude Code】Agent teamsとSubagent並列実行比較メモ
はじめにこんにちは、ソニックムーブでフロントエンドエンジニアをしているchiakiです！今回は2025年から2026年初頭にかけてリリースされた2つのマルチエージェント機能についてメモ程度にまとめた記事となります！ 各機能の紹介Agent teamsは、複数のAgent
Claude in Chromeが便利すぎて不満だったので、自分専用のChrome拡張を作った 🔖 153
はじめに最近、Claude in ChromeというChrome拡張をよく使っている。ブラウザ上で調べ物をしながらAIに質問したり、記事を要約させたり、ちょっとしたブラウザ操作を頼んだり。大抵のことはこれでできてしまう。正直、ものすごく便利だ。ただ一つ不満がある。AIモデル
フロントエンド初学者が1時間でshadcn/uiを触ってみた【1時間シリーズ #1】
はじめに勉強しようと思っても「気づいたら時間が溶けていた」「何から始めればいいかわからない」「学ぶことの規模を大きくしすぎて途方に暮れる」ということが多く、学びはしていても定期的に続けられていませんでした。また、自分が取り組む作業がどれくらいでできそうかの見積もりが、全くあてに
TCA (The Composable Architecture) と MVVM の比較
TCA (The Composable Architecture) vs MVVMアプリ開発で新規プロジェクトを立ち上げる際、どの「アーキテクチャ」にするか考えることになります。本記事では、iOSのアプリ開発で採用事例が多い TCA (The Composable Archi
2026年5月3日(日)僕は、子ども達と一緒にインディゲーム展示会 「東京ゲームダンジョン12」 に出展します。https://tokyogamedungeon.com出展するゲームは、3つ。僕：「Slime Ten Puzzle」長男：「人狼を基盤にした推理ゲーム
WebGPUでGPT-2をフルスクラッチ実装してブラウザで動かしてみた
はじめにWebGPU Compute Shaderを使って、GPT-2の推論パイプラインをブラウザ上でフルスクラッチ実装した。ONNX Runtime WebやTransformers.jsといった既存ライブラリには一切頼らず、行列積（GEMM）からAttention、Laye