並び順

ブックマーク数

期間指定

  • から
  • まで

41 - 80 件 / 212件

新着順 人気順

jsonの検索結果41 - 80 件 / 212件

  • ミラーモードのWSL2.0からWindows上Chromeのremote-dubugging-portに接続する

    簡単、Windows上で稼働しているChromeをWSLから自動操縦する 以前、弊社ブログの「スクレイピングの最終形は実機自動操縦」という記事で、SSHポートフォワードを利用したWindows上のChromeの自動操縦を紹介しました。 Windows上で稼働しているChromeにWSLから接続する この記事では、WindowsのSSHポートを開放したりsshdをWindows側で起動したりと、"SSH越しに別環境に接続する"をWindowsとWSLで実現しています。今回は、wsl2.0のリリースによってより簡単にWindows上のChromeをWSLから自動操縦できるようになったので、その手法を紹介します。 WSL2の新バージョンWSL2.0 2023年09月にWSL2がアップデートされニュースリリースが発表されました。 呼称としては、既存のWSL2と区別してWSL2.0やWSL2.0.x

      ミラーモードのWSL2.0からWindows上Chromeのremote-dubugging-portに接続する
    • Scaling with PostgreSQL without boiling the ocean

      / Shayon Mukherjee / blogScaling with PostgreSQL without boiling the oceanFebruary 9, 2025 ~9 mins “Postgres was great when we started but now that our service is being used heavily we are running into a lot of ‘weird’ issues” This sentiment is frequently echoed by CTOs and senior engineers at high-growth startups when I speak with them. Scaling PostgreSQL successfully doesn’t always require a ful

        Scaling with PostgreSQL without boiling the ocean
      • Ollama

        “Only Apple can do this” Variously attributed to Tim Cook Apple introduced Apple Intelligence at WWDC 2024. After waiting almost a year for Apple to, in Craig Federighi’s words, “get it right”, its promise of “AI for the rest of us” feels just as distant as ever. While we wait for Apple Intelligence to arrive on our devices, something remarkable is already running on our Macs. Think of it as a loc

          Ollama
        • Terraform Plan Analyzer を利用して Terraform Plan の内容を要約してみた | DevelopersIO

          こんにちは! AWS 事業本部コンサルティング部のたかくに(@takakuni_)です。 かなり前ですが、 HashiCorp から terraform plan を分析するモジュール(Terraform Plan Analyzer)が公開されました。 リリース内容から Amazon Bedrock、 Anthropic Claude など生成 AI を利用するようです。 内容 実態としては HCP Terraform で利用する Run Tasks 機能のモジュールで、以下の GitHub にて公開されています。 デプロイしたリソースのエンドポイントを利用し、 Run Task を作成することで、 Terraform Plan の結果を要約して分析可能になります。 やってみる Run Task の作成 実際に Run Tasks 機能のモジュールを使ってみようと思います。 Usage に

            Terraform Plan Analyzer を利用して Terraform Plan の内容を要約してみた | DevelopersIO
          • Iceberg 1.8.0の変更点

            Iceberg 1.8.0が2月13日にリリースされたので変更点をまとめてみます。すべての変更点はこちらのリンクから参照できます。 互換性周りの問題がいくつか見つかっており、特にクエリエンジンの開発者はアップグレードするかどうかは慎重に判断した方が良さそうです。Trinoでは1.8.0はスキップして1.8.1を待つことを検討中です。 RESTカタログでエンドポイントに対する追加のチェックが入ったため、1.8.0から古いRESTカタログに接続しにいくといくつかのエンドポイントでエラーとなります #11756。有名なカタログを例にあげるとPolarisおよびUnityカタログは対象に含まれています。 AWSのSDKが最近新しいintegrity protectionsを導入した(aws-sdk-java-v2#5848)影響でMinIO(2025年より前のバージョン)、Vast、Dell EC

              Iceberg 1.8.0の変更点
            • Dify2CodeをChatGPTで!!|champaya

              この記事の内容はじめまして。champayaです! この記事では、DifyのワークフローをTypeScriptコードに自動変換する方法をご紹介します。 手順はすごく簡単で、これだけです😇 1. DifyのDSLエクスポート ↓ 2. プロンプトとDSLをChatGPTに入力 ↓ 3. 出力されたコードをNext.jsに貼り付けて必要な箇所を修正。 それではやっていきましょう。 実際の手順1. DifyのDSLエクスポートお好きなDSLをエクスポートしてください。 今回はサンプルとして、IF/ELSEとtoolを組み合わせた適当なワークフローを用意しました。 サンプルワークフロー【サンプルDSL】 app: description: dify2codeのサンプル icon: 🤖 icon_background: '#FFEAD5' mode: workflow name: sample

                Dify2CodeをChatGPTで!!|champaya
              • GitHub - Oudwins/zog: Go with Zod inspired simple schema validation

                Zog is a schema builder for runtime value parsing and validation. Define a schema, transform a value to match, assert the shape of an existing value, or both. Zog schemas are extremely expressive and allow modeling complex, interdependent validations, or value transformations. Killer Features: Concise yet expressive schema interface, equipped to model simple to complex data models Zod-like API, us

                  GitHub - Oudwins/zog: Go with Zod inspired simple schema validation
                • Google Apps Script 簡易API編 初心者向け | SIOS Tech. Lab

                  どもども平社員の龍ちゃんです。今回も「Google Apps Script」第4弾!です。今回は、これまでの集大成ともいえる窓口づくりになります。簡単にAPIを構築する手法を紹介します。今回も登場「以下の図」です。こちらでAPIを構築することで、開発の幅が広がります。今回も初心者向けの記事になっています。それでは初めて行きましょう。 前提知識 まずは、Google Apps ScriptでAPIを公開するにあたって必要となる前提知識についてお話します。ここでのお話は読み飛ばしていただいてもかまいません。結論としては、「ウェブアプリでAPIを作ると、協力な制限が付くがお手軽でAPI作成ができる」ということになります。 ウェブアプリ・実行可能APIとの比較 さて!突然ですがGASでAPIを公開する方法は2通りあります。「ウェブアプリ」と「実行可能API」です。実行可能APIという名前のほうがA

                    Google Apps Script 簡易API編 初心者向け | SIOS Tech. Lab
                  • vol.240 オンラインカジノやスポーツベッティングの技術 - engineer meeting podcast

                    `; $el.appendChild(tooltipEl); } $el.querySelector('.tooltip').style.display = 'inline-block'; } }, hideTooltip($el) { if($el.querySelector('.tooltip')) { $el.querySelector('.tooltip').style.display = 'none'; } }, toggleTooltip($el) { if($el.querySelector('.tooltip')) { if($el.querySelector('.tooltip').style.display === 'none') { $el.querySelector('.tooltip').style.display = 'inline-block'; } else

                      vol.240 オンラインカジノやスポーツベッティングの技術 - engineer meeting podcast
                    • MarkdownAIとmicroCMSを無理矢理連携してAIのサイトを作成する - Qiita

                      この記事は何? MarkdownAIは簡単にWebサイトを公開できるサイトですがServer AIを用いることでサイト上にAIを用いたコンテンツを用意することができます MarkdownAIのServer AIにはKnowledgeという機能があり、AIに知識を与えることが出来ます このKnowledgeをmicroCMSで管理することによって柔軟なAI管理を目指します 全体の構成 登場人物 GitHub GitHub Actions GitHub Pages MarkdownAI ServerAI microCMS コンテンツAPI 構成 デプロイまでのフロー microCMSでコンテンツを更新 webhookでGitHub Actionsワークフローを呼び出し node.jsのアプリケーションがmicroCMSコンテンツをAPIから最新のコンテンツを取得 取得したコンテンツをHTMLに

                        MarkdownAIとmicroCMSを無理矢理連携してAIのサイトを作成する - Qiita
                      • ダメダメだったコードを修正してみた【考え方】 - Qiita

                        この記事を書いた目的 以前に社内で先輩に自分が書いたコードを丁寧にレビューしてもらったことがあります。 この時に学んだ教訓を忘れないようにしっかり記事にアウトプットしてまとめようと思ったのが目的になります。 基礎的な内容だったり、当たり前と思ってる人からするとなんてことはない内容かもしれませんが、意外とこういったコードをより良くするための記事や本って少ない気がします,,, (実務で得たリファクタの知見) 私自身も「強い人ってこういった観点でコードをレビューしているんだ」って とても学びになりました。 ぜひ誰かの参考になれば幸いです。 書いてたら長くなったのでコードを書くときにより読みやすいコードを書くための「考え方編」とGolangで書くときにより読みやすく書くための「golang編」に分けました。 この記事では「考え方編」を書いてます。 今回取り扱うサンプルコードについて 今回以下のコー

                        • FileMaker Data API を使う 2025年版 vol.12 - Qiita

                          <?php class BsBuilder { static function MainBegin ( string $logo_svg, string $logo_svg_width, string $heading, string $lead ): void { echo <<<_HTML_ <div class="container"> <main> <div class="py-5 text-center"> <img class="d-block mx-auto mb-4" src="{$logo_svg}" alt="" width="{$logo_svg_width}"> <h2>{$heading}</h2> <p class="lead">{$lead}</p> </div> <!-- / .py-5 .text-center --> <div class="row g-

                            FileMaker Data API を使う 2025年版 vol.12 - Qiita
                          • [ComfyMaster21] ComfyUIのAPI化 – Websocketで外部保存 – つくる人をつくる AICU Inc.

                            こんにちは、AICU media編集部です。 「ComfyUI マスターガイド」第21回目になります。 本記事では、ComfyUIをAPIとして外部から利用する方法を解説します。 前回はこちら 今回は、ComfyUI APIサーバー化する上での基本的な使い方を解説します。15,000文字ぐらいでVSCodeやPythonのインストールから、API経由でWebsocketを使った画像保存まで、自分のPythonコードで実装していきます。今回解説する内容は「かなり玄人向け、システム開発などに用途が限られるかも?」という印象があるかもしれませんが、アニメーションシステムへの応用や、インタラクティブな体験開発、AWSでのインスタンスから画像を保存したり、UnityやUnreal Engineなどのリアルタイム処理のアプリから画像をリクエストしたり、DiscordサーバーやDifiなどのチャットシス

                            • AIが彩る未来の最前線・CES 2025参加レポート / 開発者向けブログ・イベント | GMO Developers

                              こんにちは。新里です。 2025/01/06 から開催されたCESに行ってきました。色々と面白いものに出会えることが出来たので、その中からいくつか紹介したいと思います。 あ、最初に書いておこうかな…全体所感としては、 機能としてAI・推論が入っているモノしかない 人も機械もAI・推論が使えないと生き残れない ハード・AIの共創による多様なプロダクト サービス・機能レベルでほぼ全てのモノで何かしらのAI・推論が使われているものばかりでした(構成単位となるパーツ、モータやセンサ・抵抗などは除いて)。ヒトの機能拡張・フィードバックや寄り添い補助、機械同士の連携強化でデータを活用したAI的な機能・推論はもはやデフォ感ですね。これについては、もう後戻り出来ない世界に入ってきたというのは強く感じます。また、ハードウェアの小型化・高性能化と、AI・推論による恩恵を多くのプロダクトは受けていると感じました

                                AIが彩る未来の最前線・CES 2025参加レポート / 開発者向けブログ・イベント | GMO Developers
                              • OpenAPI ドキュメントを分割し、管理を楽にする|NAVITIME_Tech

                                🎄この記事はNAVITIME JAPAN Advent Calendar 2023の14日目の記事です。 こんにちは、革靴です。 ナビタイムジャパンで、電鉄・バス事業者向けサービスの開発・運用を担当しています。 はじめにREST API を開発する際、OpenAPI Specification(以後 OAS と略)の OpenAPI ドキュメントで仕様を定義することが多いと思います。 私はこれまで、OpenAPI ドキュメントは 1 ファイルに全 API の仕様を定義していましたが、API の数や仕様が増えてくると、OpenAPI ドキュメントのファイルサイズが増加し、以下の問題が発生しました。 編集すべき対象箇所を見つけることに時間がかかる 複数人で開発する際、競合が頻発する これらの問題に対処するために、OpenAPI ドキュメントを分割し、管理するようにしました。今回は、その方法を

                                  OpenAPI ドキュメントを分割し、管理を楽にする|NAVITIME_Tech
                                • Gemini AIを活用して認知症予防・改善アプリを開発【AI Agent Hackathon with Google Cloud】

                                  Gemini AIを活用して認知症予防・改善アプリを開発【AI Agent Hackathon with Google Cloud】 認知症予防・改善アプリ『mimi』 このアプリは AI Agent Hackathon with Google Cloudの参加アプリになります。 プロダクトの概要 今回、AI技術を活用した認知症予防・改善アプリとなる『mimi』を開発しました。 従来の認知症予防・改善アプローチの課題を克服し、個々のユーザーにパーソナライズされた、継続可能な認知機能の維持・向上支援を促すプロダクトを目標としました。 mimiの3大機能 ユーザーの基本情報(年齢、性別)や認知機能レベル(正誤、苦手な問題の傾向など)、生活習慣(運動習慣)などの情報を基に、Gemini APIを用いて最適な認知機能訓練の問題とTo Doリストを自動生成されます 認知機能訓練問題は、テキスト入力型

                                    Gemini AIを活用して認知症予防・改善アプリを開発【AI Agent Hackathon with Google Cloud】
                                  • フロントエンド開発でMock Service WorkerをサーバサイドAPIモックとして使う - Qiita

                                    概要 サーバサイドAPIはまだ実装されてないけど、Webフロントエンドの実装を進めたい 顧客に見せるために作成したモックの実装を、できるだけ実際の実装に流用したい E2Eテストの為だけにビジネスロジックとは関係のない実装を入れたくない Mock Service Workerを使えばそんなお悩みを解決できます Mock Service Workerとは Service Worker APIを利用してブラウザのリクエストをインターセプトすることで、サーバサイトAPIの振る舞いを模倣するモックを構築できるフレームワークです。JSON Serverのようなモックサーバフレームワークとの違いは、単独のサーバを起動するのではなく、Service Workerを常駐してブラウザのリクエストのインターセプトすることでモック用のレスポンスを返却する仕組みになっている点です。 MDN - Service Wo

                                    • Nuxt Auth Utils入門(Google認証編) - くらげになりたい。

                                      この記事を読んで使ってみたいなぁと思い、はや数ヶ月 ちょっと試してみようと、いろいろ調べてみたときの備忘録(*´ω`*) Nuxt Auth Utils でサーバーサイドの認証を(OAuth・マジックリンク・ワンタイムパスワード) Nuxt Auth Utilsとは https://github.com/atinux/nuxt-auth-utils 認証周りのライブラリ クライアントサイド、サーバサイドを含めSSRに対応 20以上OAuthプロバイダーに対応 ※nuxt buildのみ、nuxt generateは非対応 Nuxt Auth Utilsが提供しているもの ユーザセッション周りのServer UtilsやComposable&Component Server Utils(setUserSession()、etc..) ... 保存/取得クリアなどのセッション管理系 Compo

                                        Nuxt Auth Utils入門(Google認証編) - くらげになりたい。
                                      • 「Gemini API」で家計簿更新UXをちょっぴり向上させてみた

                                        ウチでは、家計簿管理をスプレッドシートで行っています。 毎月の食費予算を設定しており、今月の予算残高はいくらか、今年の予算積算状況などを確認することができます。 しかし、普段からパソコンをよく利用しており、仕事でも良くスプレッドシートを利用している私にとってはついでに家計簿を更新することができても、普段からパソコンを開かない、ツールなどに慣れていない人にとっては、家計簿入力のハードルが高すぎたようで、あまり更新されなくなっていました。(スマホでもできますが、小さすぎてやりづらい) そこで今回「LINE Bot」と「Google Apps Script」、「Google AI Studio」を活用し、LINEからスプレッドシートの情報を確認、更新できるようにしました! 今回実現したこと 家計簿として運用しているスプレッドシートの情報をLINEから確認することができる 例)「今月の予算残高は?

                                          「Gemini API」で家計簿更新UXをちょっぴり向上させてみた
                                        • KubernetesはOCI, CRI, CNI, SMI, CSI, CDI, NRIこれだけを理解すればいいから簡単に学習できます - Qiita

                                          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Kubernetesでは、コンテナやその周辺機能を扱うために、さまざまな標準インターフェース(~Iと省略されるもの)が使われています。これらは、コンテナの実行基盤を柔軟かつプラグイン可能にするための仕組みで、それぞれ異なる目的と役割を担っています。ここでは OCI, CRI, CNI, SMI, CSI, CDI, NRI について、概要と目的、Kubernetesにおける役割、相互の関連性、実践例を分かりやすく説明します。 OCI (Open Container Initiative: オープンコンテナ・イニシアティブ) 概要と目的:

                                          • LF-tagを使ってクロスアカウント連携を行うまで(AWS Lake Formation)

                                            はじめに こんにちは!D2Cでデータエンジニアをしております、飯森と申します。 今回はAWSのLake Formationの機能、LF-tagを使って、2アカウント間でDB・テーブルのクロスアカウント連携を行う方法を共有したいと思います。 ここで紹介する方法はあくまで一例ですので、ご了承ください。 流れ 簡単に作業の流れをざっと並べますと、 GlueのData catalog settingsに設定を追加 クロスアカウント連携用LF-tagを作成 作成したLF-tagをDB・テーブルに付与 同じLF-tagへの権限を連携先アカウントに付与 Data lake locationsにテーブルのロケーションバケットを設定 Data locationsにテーブルのロケーションバケットを設定(ここまで連携元で作業) リソースリンクDBを作成(ここから連携先で作業) リソースリンクDBにユーザによる閲

                                              LF-tagを使ってクロスアカウント連携を行うまで(AWS Lake Formation)
                                            • AWS CodeBuild で、Lambda 関数の自動ユニットテストを実行し、結果を S3 に格納する - Qiita

                                              はじめに 前回の記事で、コンテナイメージを使用した AWS Lambda 関数の開発環境を構築しました。 ローカル環境でテストレポートおよびカバレッジレポートを出力できるようにしたので、それを AWS CodeBuild で実行し、テスト結果を S3 に格納できるようにしました。 前提 下記の事前準備ができていることを前提とします。 AWS コンソールにログインできるアカウントを有している ローカルの WSL2 Ubuntu 環境から、AWS CLI コマンドを実行できる(アクセスキーを有している) 今回のゴール CodeBuild で自動ユニットテストを実行するためのカスタムイメージを作成する CodeBuild で Lambda 関数の自動ユニットテストを実行し、テスト結果(テストレポートおよびカバレッジレポート)を S3 に格納する ディレクトリ構成 今回のディレクトリ構成は下記のよ

                                                AWS CodeBuild で、Lambda 関数の自動ユニットテストを実行し、結果を S3 に格納する - Qiita
                                              • 【備忘録】AWS S3 + IAM概要 - Qiita

                                                Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? S3 オブジェクトストレージのAWSリソース バケット オブジェクトの保存場所 オブジェクト バケットの中にあるデータ本体 メタデータ オブジェクトにまつわるデータの情報 バケットポリシー・ACL バケットポリシー:S3バケットへのアクセス権限設定 ACL:バケット・オブジェクト単位でのアクセス権限設定 ブロックパブリックアクセス バケット・オブジェクト単位で意図せず外部公開出来ないようにする設定 IAM AWSリソースに対する操作を認証認可によってユーザ単位で制御する仕組み IAMユーザ AWSの利用者・アプリケーションがAWSリソー

                                                  【備忘録】AWS S3 + IAM概要 - Qiita
                                                • AWS AIF/MLA勉強に役立つ!機械学習パイプラインをまとめてみた - Qiita

                                                  Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに AWS認定 Machine Learning(AIF/MLA) 試験では、機械学習のライフサイクル全体を理解することが求められます。その中でも、「機械学習パイプライン(Machine Learning Pipeline)」の概念は非常に重要で、結構試験でも聞かれてきたイメージがあります。 本記事では、私がAWS AIF/MLAを受けるにあたってインプットした内容をAWSのサービスと関連付けながら、各プロセスを紹介します。試験対策での活用に役立てることができると思います。 機械学習パイプライン(Machine Learning

                                                    AWS AIF/MLA勉強に役立つ!機械学習パイプラインをまとめてみた - Qiita
                                                  • React Router | SSR・CSR・SSGサンプル

                                                    export interface PokeResourceList { count: number; next: string; previous: string; results: PokeResource[]; } export interface PokeResource { name: string; url: string; } import { Link } from 'react-router'; import { Button } from '~/components/shadcn/ui/button'; import type { PokeResourceList } from '../__.poc/types/poke'; import type { Route } from './+types/route'; // clientLoaderは、クライアントサイドでのみ

                                                    • データ品質管理ツール Great Expectations の紹介 - Qiita

                                                      はじめに マーケティング等でデータ活用を行うとき、データの収集や分析だけではなくデータ品質の管理も重要です。活用当初の品質はよくても、 収集元のデータ形式が変更された 収集処理の障害により抜け漏れが発生した 等の理由で徐々にデータの品質が低下する可能性があります。そのため、定期的にデータのバリデーションを行い、品質を管理することが必要です。データ活用プラットフォームのプロダクトの中には品質管理機能を内蔵しているものもあります1が、当該機能がない場合は別途専用のツールを導入することになります。 Great Expectations は、そのような別途導入が必要なケースで利用可能なデータ品質管理ツールの 1 つです。本記事では、Great Expectations について特徴や簡単な利用方法を紹介します。 Great Expectations の特徴 おもな特徴は次になります。 Python

                                                      • 株式会社iimon 様の SaaS のデータ分析事例 : データ分析基盤を導入することで、カスタマーサポートチームがユーザーの解約リスクを発見する時間を8割程度削減し、サービス継続率 99% に貢献 | Amazon Web Services

                                                        Amazon Web Services ブログ 株式会社iimon 様の SaaS のデータ分析事例 : データ分析基盤を導入することで、カスタマーサポートチームがユーザーの解約リスクを発見する時間を8割程度削減し、サービス継続率 99% に貢献 本ブログは 株式会社iimon 様と アマゾン ウェブ サービス ジャパン合同会社が共同で執筆いたしました。 みなさん、こんにちは。AWS アカウントマネージャーの尾形です。 昨今、多くの企業で SaaS (Software as a Service) を導入するケースが増加し、SaaS 市場が拡大してきております。一方で SaaS を提供する側には、お客様に自社サービスを効果的に使っていただくために、利用するユーザーのアクティビティデータを基にした営業活動やカスタマーサポートを実現し、日々サービスの改善が求められています。 本記事では AWS

                                                          株式会社iimon 様の SaaS のデータ分析事例 : データ分析基盤を導入することで、カスタマーサポートチームがユーザーの解約リスクを発見する時間を8割程度削減し、サービス継続率 99% に貢献 | Amazon Web Services
                                                        • Azure CLI v2.69.0 がリリースされました

                                                          SHA256 hashes of the release artifacts509e1e42184b36649a97256cc9f059cd5efa95ae2c7677411beca... Azure CLI v2.69.0 (February 11, 2025) のアップデート内容 ACR az acr manifest list-metadata : タグなしマニフェストのヘルプ メッセージをアップデートしました AKS az aks create/update/delete : 同時実行のための etag 機能をサポートするため、パラメーター –if-match と –if-none-match を追加しました App Config az appconfig kv import/export : Microsoft 機能管理スキーマをサポートしました az appconfig kv

                                                            Azure CLI v2.69.0 がリリースされました
                                                          • 継承によるデータセット実装 - 趣味のPython・深層学習

                                                            継承を活用した複雑なデータセット実装 データサイエンスや機械学習のプロジェクトでは、複雑なデータセットを扱うことがよくあります。このような場合、継承を使ってデータセットのクラスを分けて実装することで、コードの再利用性と保守性を高めることができます。本記事では、継承を活用した複雑なデータセット実装の方法について、具体的な例を交えて説明します。 1. 基本的なデータセットクラス まず、すべてのデータセットに共通する基本的な機能を持つ基底クラスを作成します。 import pandas as pd from abc import ABC, abstractmethod class BaseDataset(ABC): def __init__(self, data_path): self.data_path = data_path self.data = None @abstractmethod

                                                              継承によるデータセット実装 - 趣味のPython・深層学習
                                                            • StorybookをGitHub上にBuildしていつでもみれるようにする - Qiita

                                                              はじめに こんにちは、エンジニアのkeitaMaxです。 今回は、StorybookをGitHub上にBuildしていつでもみれるようにするために、GitHubActionsの設定をしていきます。 参考にする記事 以下の記事を参考に今回は進めていきます。 ymlファイルの作成 GitHubActionsを使用するので、ymlファイルを新しく作成します。 deploy-storybook.ymlを以下のように作成しました。 name: DeployStorybook on: push: branches: - develop - main jobs: build: runs-on: ubuntu-latest steps: - name: Chekcout code uses: actions/checkout@v4 - name: Setup Node.js uses: actions/s

                                                              • Nextjsのバージョンアップのやりかた

                                                                先日、nextjs11 のバージョンアップ情報が発表されました 🎉 今回はバージョンを上げる方法についてみていきます 👀 バージョンアップの方法 package.json でインストールされている nextjs のバージョン確認 下記コマンドを打ちます。 # npm npm i next@latest react@latest react-dom@latest # yarn yarn add next@latest react@latest react-dom@latest package.json をみて、最新版か確認します。 無事、バージョン 11 へアップデートできました。 ver11 は ESLint がデフォルトでサポートされていたり、Image タグの幅と高さが指定しなくてもそれぞれ自動で定義されたりとますます便利になりましたね。 参考 バージョンアップ内容

                                                                  Nextjsのバージョンアップのやりかた
                                                                • LocalStorage で useSyncExternalStore の動きを理解する

                                                                  多くのフレームワークが、日々アップデートされています。新しい機能が提供されたり、不具合にパッチがあてられて修正されたり、いままで困難だった実装が簡単になったり、より高度な開発ができるように常に進化を続けています。 Gaji-Labo が得意とするReactなどはその最たるもので、価値あるプロダクトを創り出すためにはその進化へのキャッチアップを欠かすことができません。 この記事では、先日知り得た useSyncExternalStore というAPIを実例を通して理解していきたいと思います。 useSyncExternalStore とは useSyncExternalStore – React useSyncExternalStore は React 18 から導入されたフックで、外部のストアとの同期を効率的に行うことができます。ライブラリ開発者向けの機能として提供されはじめ、Zustan

                                                                    LocalStorage で useSyncExternalStore の動きを理解する
                                                                  • GemiMo: AIが見守る、心地よい目覚めを実現するスマートアラーム

                                                                    人工知能で睡眠を見守り、最適なタイミングと方法で目覚めをサポートする次世代型スマートアラーム「GemiMo(ジェミーモ)」をご紹介します。 AIが睡眠状態を理解し、最適な目覚めを実現 GemiMoの最大の特徴は、Google製の最新AI「Gemini」による3D姿勢認識技術を活用している点です。カメラを通してユーザーの睡眠状態をリアルタイムで把握し、以下の3つの状態に応じて最適なアラーム制御を行います: 睡眠中:穏やかな環境音「Moonlight Bamboo Forest」で静かに目覚めをサポート もがき中:エネルギッシュな「Feline Symphony」で自然な目覚めを促進 起床時:さわやかな「Silent Whisper of the Sakura」で心地よい朝の始まりを演出 技術的な実装の詳細 1. 睡眠状態の認識(Gemini API連携) class GeminiServic

                                                                      GemiMo: AIが見守る、心地よい目覚めを実現するスマートアラーム
                                                                    • Dify.AI ワークフローからDiscordへ通知を送信する方法

                                                                      Dify.AI ワークフローからDiscordへ通知を送信する方法 Dify.AIは、コードを書かずに強力なAIアプリケーションを構築できるプラットフォームです。Dify.AIのワークフロー機能を使えば、複雑なタスクを自動化し、効率を大幅に向上できます。本稿では、Dify.AIのワークフローからDiscordへ通知を送信する方法について解説します。 Discord Webhook の設定 まず、Discord側でWebhook URLを取得する必要があります。 通知を送信したいDiscordサーバーとチャンネルを開きます。 チャンネル名の横にある歯車アイコンをクリックし、「チャンネルを編集」を選択します。 左側のメニューから「連携サービス」を選択し、「Webhookを作成」をクリックします。 Webhookの名前とアイコンを設定し、「コピー」ボタンをクリックしてWebhook URLをクリ

                                                                        Dify.AI ワークフローからDiscordへ通知を送信する方法
                                                                      • 【グリーエックス様】入稿画面の設計を工夫し、作業効率は4倍に向上。microCMSとNext.jsで高速な表示速度も実現

                                                                        【グリーエックス様】入稿画面の設計を工夫し、作業効率は4倍に向上。microCMSとNext.jsで高速な表示速度も実現 グリーエックス株式会社は、グリーホールディングスのDX事業を担う100%子会社です。クライアント企業のDXに関するコンサルティングとソリューションの提供により、事業の発展に取り組んでいる企業です。同社の運営する複数のメディアでは、microCMSが活用されています。 今回は、グリーエックス株式会社でメディア事業を担当されている、サービス統括本部 開発部の岡﨑俊樹さんに、microCMSの導入経緯や利用状況などをお聞きしました。 導入の背景:メディア規模の拡大にともなって生じた課題導入前にはどのような課題がありましたか? -岡﨑さん 当社で運営しているメディアの規模が大きくなるにつれて、いくつか課題が出てきました。たとえば、CMSの管理画面の使い勝手の問題です。導入前に使

                                                                          【グリーエックス様】入稿画面の設計を工夫し、作業効率は4倍に向上。microCMSとNext.jsで高速な表示速度も実現
                                                                        • MSW(Mock Service Worker)でモックデータを永続化する - Qiita

                                                                          はじめに 最近、MSWというモックサーバーがあることを知り、軽く触ってみたところ、使えそうだなと思ったのと同時にPOSTで登録したデータなど次回起動以降も使いまわせたら便利そうだなと思いました。 今回はMSWでデータを永続化する方法について紹介します。 前提 MSWについてはある程度の理解があることを前提とします。 下記あたりの記事をご覧いただければ、どんなことができるかわかると思います。 実装 永続化の実装としてはこちらのリポジトリのsrc/test/server/db.tsから拝借します。 非常にコードがわかりやすいので特に解説はしないですが、一応、コメントだけつけています。 ※簡略化のため、modelsは必要最低限としています。 import { factory, primaryKey } from '@mswjs/data' const models = { user: { id:

                                                                          • Hono + Prisma + Cloudflare D1のローカル開発環境を構築する - へんてこのブログ

                                                                            やりたいことは、HonoとPrisma(SQLite)とCloudflare D1を組み合わせた開発環境を、ローカルで構築することです。 最終的にはCloudflare WorkersとCloudflare D1で構築したAPIサーバーを立てることが目標ですが、まずはローカルで一通り動くまでやりたい。 プロジェクトの作成 まずはおもむろにHonoプロジェクトを作成します。 yarn create hono 色々聞かれますが、いい感じに答えます。今回はHonoをCloudflare Workersに載せることを見越しているので、Workersを選択します。 色々終わったらとりあえずローカルサーバーを立ち上げます。 yarn dev http://localhost:8787 をブラウザで開いたらいい感じに動いてました。簡単だね。 Prismaのインストール 次はDBを用意したいので、Pris

                                                                              Hono + Prisma + Cloudflare D1のローカル開発環境を構築する - へんてこのブログ
                                                                            • IISでRESTを動かす場合の設定方法

                                                                              これは、InterSystems FAQサイトの記事です。 IISおよびWebゲートウェイの設定方法は以下のとおりです。 (1) IIS構成で以下の設定を行います アプリケーション /rest を作成し、ハンドラーマッピングで * = CSPms のみ定義します。 IIS構成 > Default Website > アプリケーション /rest > "ハンドラーマッピング" をダブルクリック 要求パス:     * モジュール:   CSPms 名前:         CSPGW    (任意の名前) 要求の制限 > [要求のマップ先が次の場合のみハンドラーを呼び出す] のチェックはオフにします。 ※こちらの設定はデフォルトでは「チェックあり」になっていますのでご注意ください。 この構成により、IIS は /rest アプリケーションをWebゲートウェイに転送します。 (2) Webゲート

                                                                                IISでRESTを動かす場合の設定方法
                                                                              • 【Google Map】タイムラインの JSON を KML に変換

                                                                                はじめに Google Map に「タイムライン」という機能があるのはご存じでしょうか。端的に言うと GPS ロガーのような機能なのですが、スマートフォンで Google Map を開いているときの現在位置の履歴を記録することができます。 タイムラインの導入方法は他の記事に譲るとして、このタイムラインという機能、以前はその履歴を KML で出力できたみたいなのですが、2024/12/01 以降、よくわからない形式の JSON でしか取得することができなくなりました(せめて GeoJSON にしてほしい)。 JSON ファイルも Google Map アプリからダウンロードするのではなく、端末の設定アプリ > 位置情報 > 位置情報サービス > タイムライン > タイムラインのエクスポート からダウンロードできるようになっています。 正直この JSON そのままでは使いづらいので、以下に K

                                                                                  【Google Map】タイムラインの JSON を KML に変換
                                                                                • GeForce Game Readyドライバ 572.42 不具合情報。大量のブラックスクリーン報告。特にGeForce RTX 5090 / RTX 5080に影響。ほか、引き続きHDR有効でブルースクリーン。今回も地雷ドライバか [Update 1] | ニッチなPCゲーマーの環境構築Z

                                                                                  GeForce Game Readyドライバ 572.42 WHQLの不具合情報です。NVIDIA公式の既知の不具合と、海外のGeForceフォーラムで目に付いたユーザー報告を意訳しています。ユーザー報告は全ての環境で発生するものとは限らず、環境依存の可能性もあります。同様の不具合にお悩みの方の参考になりましたら幸いです。 NVIDIA公式: 既知の不具合 (リリースノート + フォーラム)一部のVulkanおよびDirectXアプリにおいて、表示がわずかに乱れる場合があります [New]HDRを有効にしてゲームをプレイするとIRQL_NOT_LESS_OR_EQUAL 0xaのブルースクリーンエラー(ブルースクリーンオブデス / BSoD)が発生する場合がありますGeForce RTX 5000シリーズ環境でSteamVRを使用すると、一部のアプリで表示がカクつく(スタッターが発生する)

                                                                                    GeForce Game Readyドライバ 572.42 不具合情報。大量のブラックスクリーン報告。特にGeForce RTX 5090 / RTX 5080に影響。ほか、引き続きHDR有効でブルースクリーン。今回も地雷ドライバか [Update 1] | ニッチなPCゲーマーの環境構築Z