はてぶ・Qiita・Zennのトレンド記事を紹介
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サーバ
最近ボチボチClaudeCodeを使い始めたので現状で参考にした記事などまとめ 雑感比較対象として他に使っているのはGithub Copilotあたりなんだけど、Agentモードとしての使い勝手は、細かく拡張出来る部分まで含めClaude Codeの方が全然使い勝手は良い。
はじめに「コンピューターが人間のように話す」—— 数十年前には夢物語だったこの技術が、今では月数百円で誰でも利用できる時代になりました。リモートワークで一人の時間が増えた昨今、ふと「AIと音声で喋りテェ！」と思い立ち、実際に作ってみました。開発を進めながら、音声合成技術の進歩
iOSの新規プロジェクトを始めるときに検討すべき項目と、どのような選択肢が取りうるかについてまとめました。開発の初期段階でこれらの方針を明確にしておくことで、その後の開発をスムーズに進めることができます。この記事では、「これを選ぶのが良い」というおすすめはせず、広く観点を提示
カーゴカルトをやめたい！初学者の反省と学び （ Zod 編 ）
はじめにこんにちは！株式会社ソニックムーブでフロントエンドエンジニアをしている 石黒 です。正直な話、これまでで「とりあえず 〜 をつければいい」「とりあえず 〜 してから考える」と、深く考えずにコードを書くことがありました。初学者であるが故に、少ない知識の中から実装方法が
最近モデル図って結構大事だなぁと感じてるエンジニアの福田です弊社でもモデル図を書いていこうという流れがあるのは感じてます。ですが、図を書くのって結構大変。自分はdraw.ioを利用することもあるのですが、なんか図を書く際の操作ってボタンぽちぽちって感じでなんか煩わしく感じます。
【AWS Summit Japan 2025 セッションレポート】 モダンな CI/CD ツールボックス：一貫性と信頼性を確保するための戦略
はじめに2025年6月25日、26日に幕張メッセで開催された AWS Summit Japan 2025 に参加してきました。様々なセッションやワークショップが数多くある中、「モダンな CI/CD ツールボックス：一貫性と信頼性を確保するための戦略」を試聴し、非常に興味深い内
MCP ServerをPostmanでサクッとテストする（CloudRun x Pulumi x FastMCP）
はじめに主要なAPI開発プラットフォームであるPostman に MCP (Model Context Protocol) サーバーをテストする機能が追加されました。これにより、自作のMCPサーバーの動作確認が格段に手軽になっています。この記事では、Zennの記事を取得する簡
はじめに最近この本を読んだので、この本に出てくる内容の一部を少し深掘りしてみます。脳に収まるコードの書き方―複雑さを避け持続可能にするための経験則とテクニックCode That Fits in Your Head: Heuristics for Software Engin
AWSのサーバー構成図を資料用に書くことが多々あるが意外と面倒くさいので、さくっと画像で出せるとありがたいということで。 プロンプト適当なプロンプトを投げて比較。コンセプトはそれっぽさの検証であり内容的には適当なので参考程度に。もちろん揺れはあるので何回か試せば違った