はてぶ・Qiita・Zennのトレンド記事を紹介
!この記事は クラウドワークス グループ Advent Calendar 2025 シリーズ2 の4日目の記事です。 はじめに私が担当しているプロジェクトでは、開発規模が大きいにもかかわらず E2E テストがほとんど整備されておらず、結果としてバグやデグレが頻繁に発生す
!この記事は クラウドワークス グループ Advent Calendar 2025 シリーズ2 の3日目の記事です。 はじめにこんにちは、DTO使ってますか？自分は「これはDTOだ」とは考えず無意識にDTOを作ることがよくあります。普段なんとなく使っていてもある程度
!この記事は クラウドワークス グループ Advent Calendar 2025 シリーズ2 の2日目の記事です。Git操作は、正直なところ自身の成果物をあげるためだけにgit addgit commitgit pushgit checkout 少し..これ
大学での作成物を進化！スプシ×GASを使って「インフラ不要」のWebアプリを作ろう！【準備編：VS CodeだけでGAS開発できるのか？】
はじめにこんにちは。株式会社ソニックムーブでバックエンドエンジニアしているmugiです。新卒でインフラ構築をしてみて改めてWebアプリケーションって公開するまで大変だと思ったら、気がついたらとても寒い季節になっていました。皆様風邪には気をつけて。私はつい先日食当たりでダウンし
AI任せのつぎはぎコードから脱却した話：初学者がSpotifyイントロクイズを設計して学んだこと
AIが全部やってくれると思ってた。でも、家の設計図なしで家は建てられませんでした。この記事は、Web 開発をはじめたばかりAI を活用してコードを書くことがあるでも途中で “何が起きてるかわからない”そんな僕がSpotifyイントロクイズを作りながら「設計の大
!この記事は クラウドワークス グループ Advent Calendar 2025 シリーズ 2 の 1 日目の記事です。 概要2025 年 11 月 18 日、Google より Gemini 3 と同時に Antigravity という AI エディタの発表がありま
Dev Container で Claude Code × MCP Server を動かしてみた
Dev Container で Claude Code × MCP Server を動かしてみた※この記事では、VS Code の Dev Container 上で Claude Code を利用し、GitHub / Bitbucket / AWS（aws-knowledg
ArkRegex: TypeScriptで型安全な正規表現を実現する 🔖 1
はじめに正規表現のキャプチャグループ名をタイポしても、実行時まで気づけない...そんな経験はありませんか？ArkRegexは、正規表現のキャプチャグループに対してTypeScriptの型推論を提供するライブラリです。これにより、エディタ上でのコード補完やコンパイル時の型チェッ
iOSアプリ/Swift開発において、コードの品質と可読性を保つための Lint と Formatter についてまとめました。 目的とメリット Lint（静的解析ツール）目的潜在的なバグやアンチパターン、非推奨な書き方を検出クラスやメソッドの行数、複雑度を監視
Opensearch ServerlessにLambdaからCreateIndexする
備忘録 Lambdaの実行ロールに対する許可 Collectionに対するAPIアクセスを許可{ "Effect": "Allow", "Action": [ "aoss:APIAccessAll", "aoss:Batc
【初学者向け】単体テストや結合テストで利用される代表的なテスト手法・技法メモ
はじめにこんにちは、ソニックムーブでフロントエンドエンジニアを担当している chiaki です！今回は、単体テストや結合テストで利用されることの多いテスト手法・技法について自分の復習も兼ねながらまとめていきたいと思います。 ホワイトボックステスト・ブラックボックステスト
はじめにこの記事では、Paging3実装時のTipsを紹介します。前提知識この記事はPaging3の高度コースを終えた方を対象としています。基本的なPagingSource、PagingDataAdapterの実装は理解している前提で進めます。参考リンク公式ドキュメ
AWS Cognitoをdockerでローカル開発環境で使う
cognitoってローカルで使える？cognitoを使いたいけど、開発するときにaws上で使うとコストがかかるし、やりづらいって思うあなたへ！ローカルで管理しやすくてコストなしでできます。例のアプリを作りましょう。 事前準備事前に下記のソフトをインストールする必要がありま
はじめにバックエンジニアをしている角方です！最近、Zennや技術記事で「Hono (ホノ)」っていう名前をよく見かけます。「すごく速くて軽い」「使いやすい」と言われていますが、Expressしか触ったことがないと、正直「何が違うの…？」ってピンと来ませんでした。そこでこの
Claude Code Actionでインラインレビューを行う
Claude Code Action (v1)によるレビューの挙動に関してhttps://github.com/anthropics/claude-code-action結果的に公式リポジトリのサンプルを参考にallowedToolsにmcp__github_inline_c
お手軽デプロイ！Hono + Amplify Gen2で軽量フルスタック環境を構築 🔖 5
はじめに今回は、軽量Webフレームワーク Hono を AWS Amplify Gen2 にデプロイする方法を紹介します。Amplify Gen2はNext.jsが有名ですが、Honoのような軽量フレームワークとAmplifyの強力なBaaS（AppSync, Lambda）
職能をまたぐエンジニアのコミュニケーション術 はじめに!「エンジニアは技術ができればいい」当たり前にそんなわけはありません。どのレベルのエンジニアでも、誰かしらとコミュニケーションを取りますよね。・ 先輩エンジニアとの技術相談・ PMとの要件すり合わせ・ デザ
JavaScriptなしで使える！Popover APIの基本的な使い方 🔖 1
はじめにどうもどうも。最近めっきり寒くなりましたねぇ。さて、今回はPopover API（ポップオーバー API）について書いていきたいと思います。Webサイトでツールチップやドロップダウンメニューを実装する時は、JavaScriptライブラリに頼ることが多かったと思いま
PhpStorm + GitHub CopilotとCursorを両方使ってみた感想
はじめに自分は現在、バックエンドエンジニアとして、Laravelフレームワークを用いて実装を行っています。2024年2月あたりからはGitHub Copilotを導入して、PhpStorm + GitHub Copilotみたいな組み合わせで実装を行っていたのですが、2025
はじめにさて、みなさん。普段の情報収集どうしてますか？私は最近はInstapaperというサービスを利用しています。PC, Android, iOS対応でどこからでもWebの記事をクリップできるサービスなので、気になった記事はすぐにクリップして隙間時間にどの端末からでも読め
【挑戦】Swiper を使ったカルーセルのアクセシビリティ対応【a11y】
はじめにSplide はアクセシビリティの対応ができているライブラリで知られていますが最終更新が2022年9月14日と随分と時間が経っていることから安易に導入するのが悩ましいところでした。それに対して、Swiper は更新が続いていることからできることであれば、Spli
初めてのJetpack Compose導入──XMLからの段階的移行で得た知見
初めてのJetpack Compose導入──XMLからの段階的移行で得た知見 はじめに本記事では、既存アプリの一部画面を XMLからJetpack Composeへ段階的に移行 した際の実体験をまとめます。自分自身、この案件で初めてComposeを使用し、既存コードベー
WAFを使わずにS3の画像アクセス制限をCloudFront Functionsで実装する
ソニックムーブのエンジニアの福田です。画像などの静的コンテンツをS3に置いて、配信する構成はよくあります。ただし、誰でもアクセスできる状態だと、外部サイトからの直リンクや不正利用が気になりますよね。そこで「特定のURL（自社サービスなど）からのアクセスだけを許可したい」と思
NotebookLMと開発者ツールだけでWebマニュアルをAIが読めるナレッジに変換するチョイテク
はじめに案件でとあるサービスのマニュアルを読む機会があったのですが、膨大なページの中から「どういう機能があるか」「どういう設定項目があるか」を探し出すのが非常に大変でした。「このマニュアル全体の内容をAIに読み込ませて、手軽に質問できたら便利なのに…」そう思ったことはないで
OpenHands＋ローカルLLMをGitHub Actionsセルフホステッドランナーで
OpenHandsのGitHub Actionsを設定すると、GitHubのPRやIssueのコメントからOpenHandsへタスクの指示を出せるようになります。しかし、GitHubホステッドランナーでOpenHandsを動かす場合、自宅で動かしているローカルLLMを使用するのが
はじめに最近、過去に自分が書いたコードを読む機会がありました。見返してみると「読みにくい」「拡張性がない」と感じる箇所が多く、改善の余地が大きいコードでした。裏を返せば、そう感じられるのは以前より視点が変わってきた証拠かもしれません。振り返ってみると、その差を生んでいる大
開発組織でZennのPublicationを始めてから10ヶ月のPVを振り返ります
はじめにソニックムーブのPublicationを作成し、開発組織としてのアウトプットを始めてから早いもので10ヶ月。ソニックムーブは9月が決算月なので、ここらでまたPVを振り返ってみましょう。前回は同じような事を4ヶ月目にやってます。https://zenn.dev/so
AI活用で新卒が学ぶ VS Codeショートカット最短入門（Win/Mac対応）＋応用：毎朝3問クイズで定着
先に結論導入：作業効率を上げたい！VS Codeのショートカットを学ぼう！応用：定着のための「クイズ」を簡単に作ってみた！まとめ：ショートカットは作業効率を上げるために必要！初めは定着させることの意識が大事！ 導入便利なツールやショートカットは山ほどありま
問題特定のパス表現をもつVector Drawableで描画の崩れが発生する。最新のSDK(API36)では非再現、API30で問題を確認した。最小ケース 上が異常 下が正常現実の複雑な画像で発生すると、表示要素がずれたり一部がモザイク状になったりする。 前提知識
はじめに現在、社内ではインフラの標準化が進んでおり、TerraformでAWS構築をしています。そこで、CodeBuildを使った標準化が存在していますが、あえてActionsで作成を行いました。できるだけ簡潔に。ほぼコピペで動くことをポリシーとして。 実装した内容
Mago: PHP開発が爆速になる？次世代の静的解析ツールを試してみた 🔖 125
はじめにPHPでの開発において、コードの品質を高く保つことは、プロジェクトの成功に欠かせない重要な要素です。これまで、コードフォーマッタ、リンター、静的解析といったツールは、それぞれ別のものを組み合わせて使うのが一般的でした。しかし、今回ご紹介する Mago は、これらの機能
プライベートサブネットからDockerイメージを安全に取得する方法：ECR Pull Through Cache活用ガイド
はじめにAmazon ECR（Elastic Container Registry）のPull Through Cache機能は、外部のコンテナレジストリからイメージを自動的にキャッシュし、ECR経由で配信する機能です。この機能により、Docker Hubなどの外部レジストリの
!生成AI「だけ」で作る 〜第一弾: Swagger作れよ〜生成AI「だけ」で作る 〜第二弾: DB設計やれよ〜 (今ここ) はじめに株式会社ソニックムーブのmito1111です。前回の記事でTodoアプリケーションのSwaggerをAIに作らせましたが、今回は
OpenHandsのモデルにgpt-ossを使おうとすると、<|channel|>commentary to=execute_bash code<|message|>{"command":"ls -R","timeout": 100000,"securi
はじめにテクニカル SEO とは 「検索エンジンに正しくクロール・インデックスしてもらい、ユーザーが快適に利用できる状態を整えること」 を指します。SEO には コンテンツ SEO や オフページ SEO など種類がありますが、その基盤となるのが テクニカル SEO です。
View Transitions API（ビュー遷移 API）を使ってみよう！
はい、どうも。今日はView Transitions API（ビュー遷移 API）を試してみましょう。View Transitions APIが登場してからそこそこ経ちますが、普段仕事で使うことがないものなので、ノータッチでした。調査がてら試してみようという感じです。
AI使ってAWSインフラコスト改善案をレコメンドしてみた！ はじめにAWSの請求書を見て「なんでこんなに高いの...？」と思ったことはありませんか？そんな悩みを解決するために、AI（Amazon Bedrock）を活用してインフラコストの改善案を自動生成するシステムを作っ
【Github Copilot】中長期開発におけるエージェントルール 🔖 35
はじめに中長期的なプロジェクトにおいてAIを用いた開発を行うには単純なプロンプト以外にルールの設計が必要です。現状、自分の知る限りでは、ルール設計はまだ十分に確立されておらず、効果がどれほどあるかも定かではありません。ただ、実務に活用できればさらに効率的に開発できると思う
【Swift】バッテリー消費を抑えるCore Bluetoothの実装
はじめに技術の発展とともに身近になってきたBluetoothですが、ソニックムーブ内でもBluetooth絡みの案件を見ることも増えてきました。今回は「Core Bluetooth」を使用したiOSアプリ開発においてバッテリーを消費するポイントと解決方法をまとめていきたいと
良いコード悪いコードを読んでフロントエンドの実装を改善してみた！ 🔖 1
はじめにこの記事では、近年売れている「良いコード悪いコードで学ぶ設計入門（本）」からフロントエンドにおける良い実装とは何か？を考え、特に改善できそうな部分をピックアップして紹介したいと思います。ぜひ、この記事を読んでコードの書き方を改めるきっかけにしてもらえたらと思います。
英語の発音を評価するとかそういうやつをAzure AI SpeechのSpeech to Textで実現するみたいなのを調べたのでメモ的に残しておきます。音声評価系のAPIは色々ありそうですが、今回Azure AI Speechを使った理由は、特に無くアカウントが既にあり調べや
TempestはPHP界に「嵐」を巻き起こすか？ 新星フレームワークで遊んでみた！ 🔖 10
はじめにPHPフレームワーク戦国時代に、また一つ新たな風が吹きました。その名もTempest（嵐）。名前からして何やらすごそうですが、果たしてその実力は？この記事では、この新進気鋭のPHPフレームワークTempestを使い、簡単なアプリ作成からデプロイまで、その魅力と実力を探
SVGアイコンのエクスポートを爆速・高品質化するFigmaのテンプレートを作った
はじめに社内の「デザイン標準化プロジェクト」の活動の一環として、FigmaでSVGアイコンをエクスポートするためのテンプレートを作成しました。プロジェクトの目的などは下記の記事で紹介しているので、興味がある方はぜひご覧ください。https://zenn.dev/sonicm
背景将棋AIがプロを超えたと言われ始め、ずっとAIの中でも将棋AIを作ってみたいと思っていました。しかし、家庭のPCの性能では到底、高性能AIに太刀打ちできません。そのため、軽量なモデル、学習でも強い将棋AIを作る方法について考えました。今回は設計・試作の段階です。
はじめにこんにちは！株式会社ソニックムーブでエンジニアをしている角方です。ずーっと昔から思っていたのですが、「あの、LINE交換しません？」「QR出しますね、えーっと…」初対面の人との会話でのこのやり取り、正直もっとスムーズに行きたくないですか？LINEのQRコードを探
はじめにこんにちは、原です 🐐Astro でコーディングしていると、「ページの一覧を表示したい」ということはないでしょうか？手動でページリンクを管理するのは面倒だし、新しいページを追加するたびにいちいち更新するのも大変... 😅ということで今回は Astro でページ一覧
はじめに社内に「デザイン標準化プロジェクト」なるプロジェクトを立ち上げて、デザインの標準化に取り組んでいます。その経緯や目的について紹介します。 デザイン標準化プロジェクトとは社内のデザイン工程を標準化するプロジェクトです。そのままです。 プロジェクト爆誕の背景開
TypeScriptのGCはどのように動いているのか 🔖 1
はじめにこんにちは。株式会社ソニックムーブの中崎です。最近？ JJUG CCC 2025 Springというイベントに参加しました。(もう2ヶ月経ってるやん…)参加理由は友人がスピーカーをやるということで、特にJavaのことはよく知らずに参加しました。そこでガベージコレク
CSS の擬似クラス:has()を使いこなす！子要素から親要素を選択する実践的な活用方法！
はじめにこんにちは、安立です。今回はCSSの擬似クラス:has()に関してです。数年前まで長〜い間、CSSででは子要素から親要素を選択する事が不可能でした。そんな中、CSS Selectors Level 4で導入された擬似クラスの:has()が、2022年くらいからブラ
!生成AI「だけ」で作る 〜第一弾: Swagger作れよ〜 (今ここ) はじめに株式会社ソニックムーブのmito1111です。昨今Claude CodeないしKiro CodeだったりAI系の話題がホットですね。自分も実務や遊びでいろんなLLMとかMCPサーバ