こんにちは、就活支援サービス「ワンキャリア（学生版）」のアプリチームの金（Github： @chihiroanihr ）です。 私たちアプリチームでは、古いJavaScriptコードのTypeScript化に日々取り組んでいます。TypeScriptの型チェックで、実行時エラーの多くをコンパイル時に防げる...そう信じて黙々と作業を続けていたのですが、実際にはそう簡単ではありませんでした。

はじめに ソフトウェアエンジニアの森山です。 CloudFront で API と静的ファイルを別オリジンで扱い Single Page Application（以下 SPA）を ホスティング する構成について解説します。 プライベート API を遮断する設定を追加する際に CloudFront のカスタムエラーレスポンスで躓きました。しかし CloudFront Functions を活用することで上手く切り抜けることができました。 構成 リク エス トのパスを元にCloudFrontでオリジンへのアク

はじめに ども！Claude Codeを執筆に贅沢活用している龍ちゃんです。やっと Playwright MCP を触る機会ができました。話題になってただけあって、 めちゃくちゃ便利 ですね。 前回の記事「 Claude Code SkillでHTML図解を自動生成！時短テクニック 」で、Claude CodeにHTMLで図解を作ってもらう方法を紹介したんですが、 スクリーンショットの手間が面倒 じゃないですか。ブラウザで開いて、サイズ合わせて…って。しかも僕、DevContainer環境でブログ書いてる

G-gen の杉村です。Google が提供できる生成 AI チャットサービスである Gemini アプリ では、Google スライドを生成できます。当記事では、このスライド生成機能について紹介します。 Gemini アプリによるスライド生成 プロンプト入力と Canvas の使用 スライドの生成 Google スライドへのエクスポート 資料を引用した生成 Gemini アプリによるスライド生成 Google が提供できる生成 AI チャットサービスである Gemini アプリ では、 Canvas 機

Q Developerとは # Q Developer は、AWSが提供する 生成AIによる開発支援ツール です。 ChatGPT や Copilot のように「コードを補完するAI」ではなく、 設計・実装・テスト・レビュー・ドキュメント化までを支援する開発プラットフォーム として設計されています。 特徴を一言で言うと、 AWSの開発を、AIと一緒に進められる統合環境 です。 主な機能と特徴 # 項目 概要 自然言語での開発支援 「Lambda関数を作って」「DynamoDBと連携して」と自然言語で指示で

【こんなことで困っていませんか？】 「JavaScriptとTypeScriptが使えて、この1年、プロジェクト評価が平均90点以上の人は誰？」 もし上司にこう聞かれて、あなたの会社はすぐに答えられますか？ 多くの会社では、 社員のスキル情報は「Excel」や「人事システム」 プロジェクトの評価は「SharePoint」や「Confluence」 …というように、大切な情報がバラバラに保存されています。 さらに、「プロジェクトがうまくいった理由」は、担当者の頭の中にしか無いこともよくあります。 情報がこの

こんにちは、SCSKの嶋谷です。 監視ツール(ZabbixやDatadogなど)では、それぞれの管理コンソールから監視対象で発生しているアラートや監視データを閲覧することができます。 Mackerelでもコンソールからアラートや監視データの閲覧が可能で、発生日時やアラート内容などが記載されています。 監視対象で発生している障害を復旧するためには、アラート内容を分析して対応方法を考える必要があります。 近年ではChatGPTやCopilotを利用して、AIに助言をもらうことが多くなっています。 しかし、Ch

こんにちは、クロス イノベーション 本部 AI トランスフォーメーションセンター所属の山田です。 今回はアプリケーションの認可（Authorization）に関して、Casbin というライブラリを使った設計・実装で紹介したいと思います。 認可（Authorization）と認証（Authentication）について 認可の話をするうえで前提として認可（Authorization）と認証（Authentication）の違いについて再確認しておきます。 認可（Authorization）は認証（Auth

※こちらは、社内LT会にて発表した内容になります！マイナビではこういったLT会を定期的に開催しております！ 発表資料は こちら 最近自分の身の回りや自分でも、 生成AIがやってくれるからやる気が出ない 無気力になる なんか自分で考えなくなった気がする いわゆる  「生成AI鬱」  みたいな人が増えてきたような気がしています... 最近色々試してみて若干改善してきたのでそれを共有できればなと思います。 まず初めに自分がどうだったのか とりあえず、モチベーショングラフを作ってみました。 何

こんにちは！みなさん、テストしてますか？ 第2回の前編 では、E2Eテストの基幹部分とも言える 要素探索 の技術の変遷について扱いました。中編では、前編の内容も踏まえつつ、様々な実装技術について説明していきたいと思います。 記事一覧：モダンなE2Eテストの考え方をマスターしよう 【第1回・前編】まずはやってみよう – Playwrightを使ったハンズオン（事前準備編） 【第1回・後編】まずはやってみよう – Playwrightを使ったハンズオン（テスト自動化編） 【第2回・前編】E2Eテストの歴史 -

はじめに window.alert() や window.confirm() など、ブラウザ組み込みのモーダルは使用を避けるべきです。 意外と知られてなさそうだったので共有させていただきます。 なぜなのか 機能しない可能性が高いためです。 モーダルはユーザの操作を強制的にブロックします。このようにユーザの意思に反して特定の操作を行わせるのはUX上よくないとされています。 これはブラウザに限ったことではなく、Androidの標準デザインシステムであるMaterial Designの ガイドライン においても

AWS X-Ray 用の SDK と Daemon は2026年2月25日にメンテナンスモードに入り、2027年2月25日にサポート終了となります。OpenTelemetry ベースの計装ソリューションへ移行することで、AWS 内でアプリケーションのトレースを継続して生成できます。 AWS X-Ray 用の X-Ray SDK と Daemon を使用している既存のアプリケーションは、意図された通りに機能し続けます。ただし、2026年2月25日から2027年2月25日の間、X-Ray SDK とDaemo

はじめに こんにちは。ニフティの山田です。 10/1にReact 19.2がリリースされました。 React 19.2 – React 最近のReactはServer Componentに関わる変更が多いのですが、今回はそれ以外にもActivity・useEffectEventという2種のAPIが追加になっていますので、本記事で解説しようとおもいます。 Activity コンポーネント出し分けの問題 従来、コンポーネントの表示・非表示ををフラグなどの状態に応じて出し分けるには以下の方法がありましたが、いず

こんにちは。New Relic技術担当の井上です。 「システムが遅い」「原因がわからない」「ログはあるけど、何を見ればいいの？」現代の複雑な分散システムにおいて、こうした悩みは日常茶飯事です。そんな中、“オブザーバビリティ”という考え方が注目されています。この記事ではオブザーバビリティとは何か、オブザーバビリティ製品の中で、なぜNew Relicが優れているのかをご紹介をします。 オブザーバビリティとは 「オブザーバビリティ（Observability）」の用語の意味から見ていきます。「観測する（Obse

当記事は、ライオン株式会社様と株式会社G-genの 技術情報発信コラボレーション企画 『SAPと連携するデータ分析基盤の実践とTips』で執筆されたものです。 はじめに 当企画について 自己紹介 当記事について 概要 データマネジメントのプロセス アジリティ、ガバナンス、利活用促進のバランス 設計 3つのレイヤ DataLake DWH Datamart データカタログとメタデータ 実現するためのプロダクト Dataform、BigQuery Looker まとめ はじめに 当企画について 当記事は株式会