2026年8月26日、LINEミニアプリの「チャネル同意の簡略化」に関する認可フローが変更されました。これまでは、チャネル同意の簡略化が有効なLINEミニアプリへ初めてアクセスした際に「簡略化同意画面」または「読み込み画面」が表示されていました。今回の変更でこれらの画面も表示されなくなり、ユーザーはより直接的にLINEミニアプリを起動できるようになっています。参考：LINE Developers ニュースhttps://developers.line.biz/ja/news/1/一見すると「同意画面がなくなって便利になった」だけの変更に見えますが、実装側では openid /...

はじめにフロントエンドエンジニアをしているRyogaです。今回は、Webページの見出しなどでよく使われる大文字の英字を使った表現の最適解を教わったので、私と同じ初学者の方々や、ご存じでない方々に向けてまとめていこうと思います。 大文字の英字を使った表現とは執筆のために気取った言い方をしていますが、大文字の英字を使った表現とは、簡単なものです。例として以下の画像をご覧ください。こちらは弊社のコーポレートサイトから引用したものですが、トップページの見出しに「OUR BUSINESS」という文言が使用されています。この見出しを実装しようと思った時、あなたならどのように実装...

はじめにとある日の定例MTG中カスタマーサクセス(CS)から管理画面の顧客一覧が開けませんと報告……なんだと思ってる間に顧客問い合わせあり。やばい！全体影響だ！AWSｷｮﾛｷｮﾛしたら、OpenSearchが真っ赤っ赤🟥どうにかせねば、ということで何をしたかの備忘録!ESで実行したコマンドの解説です。ESそのものや、用語の解説は行いません。 本題端的にまとめると、サービスがスケールしたことによるデータ量の増加が原因でした。シャードの分割数が少なく、1シャードあたりのデータ量が増えたことでヒープ使用率が高騰していました。障害については、OpenSearchの...

はじめにこんにちは。株式会社ソニックムーブでバックエンドエンジニアをしているmugiです。最近はバックエンドからインフラ、WordPress、さらには先輩のコードをテストで突っつきまくったりと、とてもたのしいエンジニアライフを送っています。突然ですが、みなさん普段ニュースって読んでますか？昔は「朝起きたらテレビでなんとなく流れてくる」が普通でしたが、今はSNSやネットニュースなど、自分から情報を取りに行かないと辿り着けない時代 になりましたよね。で、生粋の面倒くさがりな私は思うわけです。「あ〜あ、毎朝勝手に自分に必要なニュースが降ってこないかな〜〜〜」と。そこで「そう...

Android skillsの開発がかなり活発に動いており、リリース直後の2026/4の記事を書いたことにはなかった新しいskillsが追加されている。今回は新しく追加されたのを中心に整理する。 追加されたスキルの詳細 1. Jetpack Navigation 3 の導入・移行用 (navigation-3)用途Jetpack Navigation 3 への導入・移行支援deep link、複数 back stack、Dialog / BottomSheet / List-Detail / Two-pane / Supporting pane などの実装支援条件分岐...

はじめにStacked PRsは複数の変更を小さなPull Request（PR）に分けて、前のPRに続く形で積み上げることで、レビューしやすい単位で開発を進められますこの記事では、Stacked PRsの作成・並べ替え・公開を少し楽にするVS Code拡張機能のRestackを紹介します RestackとはRestackは、GitHubのStacked PRsをVS Code上で操作できる拡張機能です内部ではGitHub CLIの拡張機能である gh-stack を利用し、Restackはその状態を操作するUIとして動作しますhttps://marketpla...

エンジニアの福田です。近年、開発はAIに任せることが増え、そのAIでの開発を促進させるためにSkillsを作成して作業することも増えてきたと思います。Skillsについてわからないという方は以下を参照https://qiita.com/ochtum/items/062414524c71595b2c49自分は最近はClaude Codeを利用してAIでの開発を行っているのですが、そのClaude Codeにも当然Skillsはあります！そしてこのSkills、作成するだけであればものすごい簡単です！簡単な例として今日の作業のTodoリストを作成してくれるSkillを作成してみまし...

はじめにみなさんは高校生のときに学んだ「情報」科目のことを覚えていますか？私はほとんど覚えてなくて、パソコンルームでパソコンやExcelの基本操作を学んだかな...くらいの印象しかありません。しかし昨今では、高速で発展する情報社会を生き抜く力を付けるべく、情報教育に力を入れている様子です。今の高校生はどの程度のレベルの情報教育を受けているのか？以前から興味がありましたし、把握しておけば将来的に採用や教育の現場で役立つかもしれません。そこで、今の高校の情報教育を深掘りして調べてみました。 情報科目の歴史おそらくベテランエンジニアの方は、「高校で情報なんて学んでないよ！」という方...

マルチプラットフォームアプリ開発とはマルチプラットフォーム開発とは、単一のコードベースから、iOSとAndroid両方のアプリケーション（Flutter や Kotlin Multiplatform などはデスクトップ・Webも）を構築する手法です。本記事ではモバイル（iOS/Android）を主な対象とします。近年はフレームワークの成熟と端末のスペック向上により、多くの商用アプリで採用される標準的な選択肢の一つとなっています。 マルチプラットフォームアプリ開発のメリット・デメリットマルチプラットフォームの構造的なメリットと、一般的に挙げられることが多いデメリットとして以下...

はじめにClaude Code のステータスラインをデフォルトのまま使っている方も多いと思いますが、自分の見たい情報を並べておくと想像以上に快適になります。私は次の3行を常時表示しています。現在のモデルとコンテキスト使用率、いまいるディレクトリとブランチ、レートリミットの消費状況です。/statusline というステータスラインをカスタマイズするためのものがビルトインで用意されていて、やりたいことを伝えればスクリプトの生成から設定ファイルの更新まで済みます。この記事では、カスタマイズの仕組みと、ステータスラインに渡されるデータの全一覧、そして実例として私の設定を紹介します...

はじめにバックエンドエンジニアの角方です！先日、あるPRレビューのコメントで「Specificationパターン」という言葉を初めて知りました。それまでは業務ルールのチェックも、入力値のチェックも、if文で書いていたのですが、「バリデーションと何が違うんだろう?」と思いながら調べてみると、たしかに自分が書いていたコードの中には、業務ルールをif文にベタ書きしていたものがあり、もっと別の場所に置くことを考慮すべきだったなと思いました🤔調べているうちに、「Specificationパターン」と「バリデーション」はどちらも条件を判定するという見た目は同じなのに、目的や置き場所が全...

はじめにFlutterのディレクトリ構成について考えることがあったので、まとめてみました。自分でもまだ決まりきっていませんが、現時点での整理です。 2つの切り方ディレクトリの切り方には、大きく2つあると思います。レイヤー優先 (layer-first)：層で切ってから、その中を機能で分ける機能優先 (feature-first)：機能で切ってから、その中を層で分ける# レイヤー優先lib/ presentation/ cart/ orders/ domain/ cart/ orders/ data/ cart/ ...

こんにちは！ソニックムーブでフロントエンドエンジニアをしている mayuka です。まだエンジニアとしての経験が浅く、日々レビューで色々なことを教わっています。今回はそのなかから、コードに数字を直書きして指摘をもらった話を書きます。同じくらいの初心者の方に届いたら嬉しいです。 モックのデータを作っていたときの話私が関わっているプロジェクトでは、バックエンドとフロントエンドを並行して開発しています。そのため、API がまだ完成していなくても画面を作れるように、フロント側で「仮のデータ」を用意する仕組みがあります。これがモックです（このプロジェクトでは MSW というツールを使って...

はじめに業務では普段AWSを使っています。Lambda + DynamoDB + S3 + CloudFront + Cognito...と、要件に応じてサービスを組み合わせる設計にはある程度慣れています。一方、本記事で扱う話題のCloudflareは触ったことがありませんでした。ふんわりとした理解を説明できるレベルまでに底上げしたく、整理も兼ね「何をどう組み合わせるべきか」の判断軸を中心にまとめたものになります。※実務レベルの本格的な検証ではなく、あくまで個人開発で触ってみた範囲での整理各サービスをイメージしやすいよう、普段AWSを使っている方向けに似た機能も併記していま...

はじめに最近、マルチプレクサとして Herdr を使っています。Herdr はコーディングエージェント向けに特化していて、バイブコーディングとの相性がとても良いです。Ghostty のようなモダンなターミナルの手軽さがありつつ、tmux のようにマルチプレクサとしても使えるので、使い勝手がよいと感じています。ただ、エージェントを複数走らせていると、だんだん状況が見えなくなります。どれが動いていて、どれが入力待ちで止まっているのか。確かめるには pane を切り替えて覗きに行くしかなく、そのたびに自分の作業が中断されます。かといって放っておくと、10 分前に終わっていたエージェン...

はじめに株式会社ソニックムーブでフロントエンドエンジニアとして働いているShoppingSharkです。ソニックムーブに入社して業務でAIを使い始めて3ヶ月ほど経ちました。昨今はループエンジニアリングが話題ですが、個人ではまだそのレイヤーまで進めておらず、日々の業務はバイブコーディングで回しています。この記事では、素の状態のClaude Codeから始めて、3ヶ月の間に取捨選択して残った3つのプラグインと標準機能の使い方を紹介します。知名度の高いツールが中心なので、次のような方に向けて書いています。Claudeを使い始めたばかりでほぼ素の状態業務中に5時間レートリミット...

はじめに：先輩との会話先日、先輩とこんな会話をしました。先輩「Claude Codeがターミナルで、ghコマンド叩いてたんだよね。あの gh ってやつ、ちょっと気になってて」私「あー、なんか見たことあります。よくのログにも出てきますよね」先輩「そうそう。AIが使ってるってことは、たぶん人間が使っても便利なんじゃないかと思って」調べてみたら、これが想像以上に便利でした。この記事では、gh コマンドを知らない人向けに「ghとは何か」「なぜAIコーディングエージェントがこぞって使うのか」「人間はまず何から使えばいいのか」をまとめます。!この記事は gh v2.x（2026...

どうも、ひらりんです。ふだんはバックエンドエンジニアとして、ソニックムーブでインフラ整備から受託開発まで手広くやっています。この記事は、実際にハマったトラブルの調査記録です。!この記事は、実際のトラブルシュートを Claude Code（AI）に手伝ってもらいながら 進め、その過程と結論をまとめたものです（AI Supported）。再現スクリプトの作成・計装ビルド・ソース読解・仮説の反証などを AI と壁打ちしながら進めました。 TL;DRある日 saml2aws で AWS にログインできなくなった。エラーは No accounts available.。同僚は同じバ...

はじめに私はこれまで主にバックエンドエンジニアとして働いてきましたが、業務でFlutterに触れる機会ができ、現在学習中です。これまでFlutter開発は全く経験がなく、完全に初心者です。バックエンドの開発とはまた違った思想があり、興味深く学習しています。そんな中ふと気づいたのは、flutter createで生成されるわずか20行足らずのコードすら、自分はちゃんと説明できるか怪しいということでした。そこで今回は、自分の学習記録も兼ねて、生成直後のコードを深掘りしてわかったことを記事に整理してみたいと思います。 そもそもFlutterとはFlutterはGoogleが開発...

はじめに株式会社ソニックムーブのmito1111です。GitHub Agentic Workflowsは、自然言語で書かれたMarkdownワークフローをGitHub Actions上で安全に実行できる仕組みです。issueのトリアージやPRレビュー、CIインサイトの生成、ドキュメントの同期、セキュリティスキャン、リリース作業の自動化など、リポジトリ運用に関わる幅広いタスクをAIエージェントに任せられる点が特徴です。単なるチャットボットではなく、safe-outputsによって書き込み権限をAIから切り離すガードレール設計になっているため、実運用に組み込みやすいのも魅力です。参...