はてぶ・Qiita・Zennのトレンド記事を紹介
AI駆動開発で分かった、AIと正しく付き合うためのポイント 🔖 1
近年AIが急速に発達し、Webエンジニアなら基本的にAIにコードを書かせることも可能な世の中になってきました。すごい時代です。。。！！そんな時代なので個人開発等ではAIに開発をとりあえず任せるみたいなところも増えてきたのではないでしょうか？ですが、AIがコーディングしてくれる時
【Cursor】利用制限に引っかかった私のNG行動と、現在意識していること
はじめにCursorを使っていると、気づけば「利用制限」にかかってしまっていた……という経験はないでしょうか？私はあります。便利すぎてついつい使い倒してしまいがちですが、実は何気ない操作が原因で、無駄にトークンを大量消費していることがあります。この記事では、利用制限にかかっ
はじめにこんにちは！私はエンジニアとして働き始めて4ヶ月になります。フロントエンドエンジニアとして働く中で、この仕事の楽しさや、エンジニアとして大切だと感じたことに少しずつ気づくようになりました。まだ経験は浅いですが、感じたことを共有したいと思います。 幅広い言語に触
複数のAIエージェントが知識を共有して動作する「AI組織」を構築しました。構成は Slack + Webサービス(MCP含む) + Claude code + Elasticsearch。Slackで「これを調べて」と投げると、AIが調査を行い、結果をElasticsearc
Xcodeのcoding intelligenceに、さくらのAI Engineを使ってみる
Xcodeのcoding intelligenceのモデルに、さくらのAI Engine（無償プラン）を使ってみます。 XcodeとMacOSのバージョンXcode 26MacOS TahoeXcodeのcoding intelligenceを使うにはXcode 2
Compose Preview Screenshot Testing
はじめにこの記事では、Compose Preview Screenshot Testing について解説しようと思います。iOSのUIテストだと、SwiftSnapshotTesting などがあると思うのですが、AndroidのUIテストでも便利そうなのがあったので、軽く触
はじめに実務で Zod を使い始めてから約2ヶ月が経ちました。フォームのバリデーションでよく使用しているのですが、どの API を多用していたのか今振り返ると改善できそうな点はどこかといった点が気になったため、自分自身の振り返りを兼ねた Tips 集としてこの記事を
Amazon EventBridgeでのcronの書き方まとめ
はじめにバックエンドエンジニアの角方です！「特定の時間にスクリプトを自動実行したい」 そんな時に欠かせないのが cron（クーロン） です。しかし、いざ設定しようとすると「曜日の数字、0だっけ1だっけ？って毎回調べてる…」「そもそもcronの書き方、何度設定しても覚えられな
はじめに!本記事は筆者が学習した内容をまとめたものです。内容に誤りがある可能性がありますので、誤りを見つけた場合はコメントでご指摘いただけると幸いです。RSA暗号の安全性の根拠として、「大きな数の素因数分解が難しいから」とよく言われます。今回は、「なぜそれで暗号化と復号が
terraform-docsでTerraformモジュールのドキュメント自動生成を始める
はじめにTerraformモジュールを作成する際、READMEの作成・更新は面倒な作業です。変数を追加するたびにREADMEを手動で更新するのは手間がかかり、ドキュメントと実装の乖離も起きやすくなります。terraform-docsは、Terraformの設定ファイルからドキ
AWS CLIで学ぶAmazon Bedrock AgentCore Memory
はじめにAWS Bedrock AgentCore Memory は、AIエージェントに「記憶」を持たせるためのマネージドサービスです。会話履歴の保存だけでなく、会話から重要な情報を自動抽出し、後からセマンティック検索で取り出すことができます。この記事では、AWS CLI を
Amazon Bedrock AgentCore Runtime に最小構成のエージェントをデプロイする
はじめにAmazon Bedrock AgentCore Runtimeは、カスタムエージェントをAWS上でホストできるサービスです。公式ドキュメントではStrands Agentsを使った例が紹介されていますが、実際のところどこまでシンプルにできるのか気になりませんか？本記
売上130%成長・ARR2億突破・麻布台ヒルズへ。激動の2025年、ソニックムーブの軌跡
!この記事は クラウドワークス グループ Advent Calendar 2025の 25日目（最終日）の記事です。 はじめにこんにちは。株式会社ソニックムーブ代表の大塚です。昨年のAdvent Calendarでは「創業22年の歴史」をしみじみと振り返らせていただき
!この記事は クラウドワークス グループ Advent Calendar 2025 シリーズ2の24日目の記事です。 はじめに: WebGPUとはWebGPUとは2023年に Google Chrome に正式サポートされ、WebGLの後継とされているモダンGPU AP
!この記事は クラウドワークス グループ 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