はてぶ・Qiita・Zennのトレンド記事を紹介
!この記事は クラウドワークス グループ Advent Calendar 2025 シリーズ2の16日目の記事です。 1. はじめに：「何度やり直しても大丈夫」と言えますか？「この処理、失敗したからもう一回実行しておいて」そう言われたとき、あなたは自信を持って「はい、
【挑戦】アクセシビリティ対応のモーダルウィンドウを実装する【a11y】
!この記事はクラウドワークス グループ Advent Calendar 2025 シリーズ2の15日目の記事です。フロントエンドエンジニアの usako です。今年のアドベントカレンダーに参加させていただくことになりました。どうぞよろしくお願いします。 はじめにモ
社内のデザインを標準化するプロジェクトの振り返りと今後の展望
!この記事は クラウドワークス グループ Advent Calendar 2025 シリーズ2の14日目の記事です。 はじめにジングルベルな季節になりました。今年は、プライベートではモンスターハンターワイルズに入れ込みました。はじめてハンターランクがカンストしたり複
!この記事は クラウドワークス グループ Advent Calendar 2025 シリーズ 2 の 13 日目の記事です。エンジニアの福田です弊社のサービスである「Comsbi」では、キューの仕組みを利用してシステムの開発を行うことがあります。なんか使われてるなぁくら
!この記事は クラウドワークス グループ Advent Calendar 2025 シリーズ 2 の 12 日目の記事です。 はじめに顧客管理/マーケティングを目的とする、LINE拡張ツールを開発しております、@mitsuyashiです。2025年11月、LINEにA
はじめにこの記事では、MVCに慣れていたエンジニアがMVVM+Repositoryの概念を理解するための解説をします。この記事の対象MVVM+Repositoryを学び始めた人得られる知識MVVMの手法各層でのAPI、データの扱い注意事項エラーハ
Storybookインタラクションテスト入門 ＆ Vitest Browser Modeとの比較
!この記事は クラウドワークス グループ Advent Calendar 2025 シリーズ 2 の 11 日目の記事です。 はじめにこんにちは、ソニックムーブの原です 🐐現在弊社では、品質向上を目的にテスト実装を強化しているところです。その中で、Storybook
【Git】merge 済みなのに差分だらけ？ 「Already up to date」と Revert の落とし穴
!この記事は クラウドワークス グループ Advent Calendar 2025 シリーズ2 の10日目の記事です。 はじめに概要: git merge をしても "Already up to date" と言われるのに、git diff を見ると差分がある現象に
多言語翻訳機能をWebサイトにお気軽導入！「GTranslate」を使う時のポイントとJavascriptでの検知方法
!この記事は クラウドワークス グループ Advent Calendar 2025 シリーズ2の9日目の記事です。どうもこんにちは！！！クラウドワークスグループのソニックムーブで働いている安立です。今年もAdvent Calendarの季節になりましたね。今年はシリー
新卒1年目の頃に書いたコードを読み直したら汚すぎて体調が悪くなった話 🔖 1
!この記事は クラウドワークス グループ Advent Calendar 2025 シリーズ2の8日目の記事です。!この記事に引用として出てくるコードは自分が実際に書いていたコードに改変や脚色を加えたものです。ご了承ください。 はじめに汚すぎて読んでいると体調が悪
!この記事は クラウドワークス グループ Advent Calendar 2025 シリーズ2の7日目の記事です。 はじめに担当している案件にて、AIにテストコードを書かせてエンジニアの負担を減らそうという動きがありました。しかし、ただ何も考えずにAIに任せっきりにな
AI時代のワイヤーフレームFrame0 - Figmaに疲れたあなたへ
はじめに元々私はワイヤーフレームをFigmaで作成していましたが、最近はFrame0というAIを活用したツールで作成するようになりました。 「Figma疲れ」を感じていませんか？「とりあえずワイヤー作って」そう言われてFigmaを開いたものの、気づけばオートレイアウトの
はじめに"eval() is Evil"PHPプログラマなら誰もが一度は耳にする格言です。リフレクションやマジックメソッド（__call, __getなど）といったメタプログラミングは、柔軟な設計のために私たちもよく利用します。これらは強力ですが、あくまで言語仕様の枠内に収
1文変えただけでどこまで変わる？CopilotのCoT（Chain of Thought）検証 🔖 1
!この記事は クラウドワークス グループ Advent Calendar 2025 シリーズ2 の 6日目 の記事です。2025年現在、フロントエンド開発にもAIを使うことが当たり前になってきました。そこで疑問が生まれました。「CopilotにCoTを出させるかどうかで
Copilot を2ヶ月使って実感した「ずぼらでも成果が出るAI活用術」
!この記事は クラウドワークス グループ Advent Calendar 2025 シリーズ2の5日目の記事です。約2ヶ月前から Copilot を使用しており、それまで触ったことのない自分にとっては革命でした…（今更過ぎるかもですが…🙄）特に “自分で工夫しなくても A
!この記事は クラウドワークス グループ 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 です。