S3 + API gateway + Lambda (+ Aurora) による Serverless 申請フォームの構築 - BASEプロダクトチームブログ
はじめに はじめまして、CSE (Corporate Solution Engineering1）の上野です。 今回は BASE Partners という事業で使用していた Google フォームを S3 + API gateway + Lambda (+ Aurora) を使用した Serverless 構成のフォームに移行するというプロジェクトについてお話します。 変更前の構成図と構築した構成図としては以下のようになります。 変更前 変更後 BASE Partners について BASE では新規のショップオーナー様を紹介・支援いただくオフィシャルパートナーを募集するパートナープログラムを運営しています。 それらの申請には初期的には Move fast に行うため、Google フォームと Google スプレッドシートが使用されていましたが、ありがたいことにパートナー様やご紹介いただ
Cloudflare、ヘッドレスブラウザ＋Puppeteerがすぐ使える「Workers Browser Rendering API」発表
Cloudflare、ヘッドレスブラウザ＋Puppeteerがすぐ使える「Workers Browser Rendering API」発表 Cloudflareは、同社が提供するCloudflare Workersの新機能として、ヘッドレスブラウザとそれをコントロールするPupeteerを呼び出せる「Workers Browser Rendering API」（以下、Browser Rendering API）のクローズドベータを発表しました。 We’re excited to announce a private beta of the Workers Browser Rendering API. With browser automation, you can programmatically do anything that a user can do when interactin
デジタル庁から推奨APIゲートウェイとされた「Kong Gateway」。その背景と機能、最新情報、クラウドネイティブ対応など関係者に聞く［PR］
デジタル庁から推奨APIゲートウェイとされた「Kong Gateway」。その背景と機能、最新情報、クラウドネイティブ対応など関係者に聞く［PR］ ソフトウェア同士が連携するとき、その間にほぼ必ず存在するのがAPIです。マイクロサービスのような緻密なサービス間連携から、日本政府が官民連携などを目指して整備を進めるデータ連携基盤まで、APIによる連携はこれまでになく多様な役割や機能が期待されています。 そうしたAPI連携において欠かせないAPIゲートウェイの代表的な実装であるオープンソースの「Kong Gateway」は、標準でプロキシ、ルーティング、ロードバランシングやヘルスチェック、認証認可、流量制限とリクエスト/レスポンス編集など、システムが外部に対してAPIを公開する際に求められる機能に加えて、Kubernetesにもネイティブに対応しマイクロサービスでも利用可能な機能を備えています
AWS Glue で機密データを処理出来る Sensitive data detection API に日本向けのデータパターンが追加されたので試してみた | DevelopersIO
AWS Glue で機密データを処理出来る Sensitive data detection API に日本向けのデータパターンが追加されたので試してみた いわさです。 AWS Glue では、データに含まれる機密データを処理するための Sensitive data detection API という機能があります。 これまで日本語圏のデータはサポート範囲が限定的だったのですが、本日のアップデートでいくつか日本および英国のデータタイプがサポートされるようになりました。 本日は日本のダミーデータを用意して検証を行ってみました。 Glue Studio でジョブを作成 Sensitive data detection API の利用方法です。 AWS Glue Studio で Detect Sensitive Data アクションが用意されていますのでそちらを利用します。 以下のように Gl
Go end-to-end with this tutorial covering every part of a simple API’s journey. Gone are the days when you had to create a separate backend for your website. With Next.js file-based API routing, you can make your life easier by writing your API inside a Next.js project. Next.js is a React meta-framework with features that simplify the process of building production-ready web apps. You will see how
c/c++を触れた方があるエンジニア志望の者なのですがwebのapi作成のためにrustを身につけたいのですがどのように学習したら一番身につきますか？
回答 (6件中の1件目) リクエストされたのでお答えします。気にせず思いつくままに適当に勉強するのがいいと思います。 正直にいって、あなたにとってなにが一番いい方法かなんてわかりません。そんなこと誰にもわからないでしょう。でも断言しますが「どういうふうに学習するのが効率がいいのか」とあれこれ悩む時間、これが一番のムダです。べつに最適な方法じゃなくてもいいから、なんでもいいからなにかしら始めるべきです。手を付けるべきです。で、動きながらあれこれ考えて必要なら軌道修正するんです。これは最適ではないかもしれませんが、現実的には一番マシな方法論です。 これ、プログラミングに限らずダイエットで...
ホテルの客室検索APIのアーキテクチャ設計時に考えたこと
{ "runtime": "nodejs14.x", "handler": "index.js", "launcherType": "Nodejs", "shouldAddHelpers": true } 詳しくは後述しますが、ここでのポイントは、 .vercel/output/functions というディレクトリ構造が存在する その直下に index.func というディレクトリが存在する index.func の内部に .vc-config.json という関数の設定ファイルが存在し、ランタイムなどが定義されている index.func の内部に関数の実体である index.js というファイルが存在する などです。こうした要件を備えた .vercel ディレクトリは、vercel deploy --prebuilt コマンドによって Vercel へと直接デプロイすることができます
AWS CDK で API Gateway の 4XX/5XX エラーを表示する CloudWatch Dashboard をつくってみた | DevelopersIO
C# で Web API を作って呼ぶ
今日はゆる～く以下の記事を .NET 6 でやっていこうと思います。 今回は、元記事にあるとおり HttpClient クラスを使った方法で行こうと思います。 swagger.json からクライアントを生成したりといった方法もありますが、HttpClient を使った方法がとりあえず一番つぶしが効く方法であるのでやり方を知っておいて損はないです。 Web API から作ってみよう 元記事では Web API は存在するものとしてやってますが、今回は Web API を作るところからやろうと思います。 Visual Studio 2022 で ASP.NET Core (空) のプロジェクトを作ります。 これは一番少ないコード量で Web API が作れる Minimal API と呼ばれるタイプのプロジェクトになります。 とりあえず question プロパティを持つ以下の JSON を
Amplify x Next.js の API Routes で AWSクレデンシャル情報を取得してみた | DevelopersIO
TypeScriptとPrismaとPlanetGraphQLで作るGraphQL API【43分くらい】
はじめに この記事を読んでいる皆さんはGraphQLやTypeScriptを(そしておそらくPrismaも)ご存知だと思います。しかしPlanetGraphQLについて耳にしたことがある方は皆無ではないでしょうか。 PlanetGraphQLは、TypeScriptやPrismaと組み合わせることで、手早く多機能で柔軟なGraphQL APIを作ることを目指したライブラリです。このチュートリアルでは、簡易なTODOアプリ用のGraphQL APIを作ることで、PlanetGraphQLの全体感を紹介できればと思います。 読者にはnode.jsとTypeScriptについて基本的な理解があることを前提としています。GraphQLやPrismaについては実際に利用されたことがない方もいらっしゃると思うので、PlanetGraphQLと合わせてチュートリアルの中で解説していこうと思います。 最終
React-Hook-Form APIを使って、ボタンによるフォーム値の操作を行ってみた | DevelopersIO
自動のAPI分析・可視化でAPIモニタリングが捗る！F5の新SaaS「Distributed Cloud WAAP」を触ってみた〜APIセキュリティ編〜 | DevelopersIO
この記事について 今年の7/27にGitHub Projectベータと呼ばれていたものがGAになりました。 新しくGAになったProject(以下ProjectV2と書きます)は、 フィールドを用いて、アイテムに様々なメタデータを追加できる カードに設定した様々なメタデータごとにかんばんを作ることができる アイテムのグループ化・ソート・フィルタが簡単にできる 日付・各種メタデータを軸として指定したグラフを作ることができるので可視化が簡単 といった、classic Projectではできなかったあれこれが一つのProjectでできるようになっており、とても便利になりました。 そしてProjectV2がGAした今、一部例外を除いてclassic Projectを新規作成するというのはできなくなっています。 そのため、ProjectV2への移行というのは今後どんどん進んでいくと思われます。 Yo
はじめに このツイートに結構反響があったので、雑になるがとにかく自分の考えをダンプする。もともと書いていた記事はうっかりやらかしてデータロストした、泣きたい。 話をわかりやすくするために、ALB+ECS（Fargate）を使ってWebAPIと対比して説明しているが現実はもっと複雑である。 引用リツイートをもらえた部分などについてもアンサーっぽいことも書いていく。 AWS利用費と人件費の話 AWS上にWebAPIを構築する際に、AWS利用費の削減をモチベーションとしてApiGW+Lambda構成が、採用されることがある。確かにAWS利用費は下がるがApiGW+Lambda構成を設計〜運用するためにはAWSに関する知識の中でもとくに専門的な知識が必要になる。こういった人材を雇用または外部へ発注し続けることは人件費に跳ね返ってくる。 ApiGW+LambdaがWebAPIのための構成として唯一無
Next.jsのISRを独自に構築する ~ Cloudflare Workers編（Cache APIの注意点） ~
Next.jsにはIncremental Static Regeneration（以降: ISR）というレンダリングの仕組みが存在します。ところがこれを利用するにはVercel上でNext.jsを使用しないと完璧な動作をしないことは知られています。ですが、このISRの仕組みは従来のSSRよりサーバの処理コストはもちろん、キャッシュという仕組み上レスポンスにも非常に効果のあるものです。 今回はこのISRを独自に構築するための技術を記事として起こしていきます。 本記事の続きとなるものはこちらに記載しておりますので、合わせて御覧ください。 【前提条件】 ISRが何という説明は本記事では行いません。 システム構成上、1記事ですべてを説明するにはボリュームが大きいので複数記事に分けさせて頂きます。 本記事で詳細するシステム構成には一部成約が存在します。 使用するNext.jsもしくはそれに準ずるもの
独自 CA で発行したサーバ証明書を使用して API Gateway の mTLS を設定してみた | DevelopersIO
はじめに テントの中から失礼します、IoT 事業部のてんとタカハシです！ API Gateway では mTLS による認証をサポートしています。元々は、ACM で発行したサーバ証明書のみに限定されていましたが、昨年（2021年）の8月から、独自 CA で発行したサーバ証明書についても mTLS で使用することが可能になりました。 今回は、独自 CA で発行したサーバ証明書を使用して、API Gateway で mTLS を設定する手順を試してみます。せっかくなので、AWS の環境上に何もリソースを作成していない状態からの手順を記載していきます。 尚、本記事を作成するにあたり、下記の記事を参考にしました。 手順 ドメインを取得する API Gateway で mTLS を設定するためには、カスタムドメインを作成する必要があります。となると、まずはカスタムドメインを作成するためのドメインを用
Build a REST API with Rust and MongoDB - Actix web Version
Demola Malomo for Hackmamba Posted on May 26, 2022 • Updated on Aug 6, 2022 REST API has become the De Facto for connecting and transferring data from one source to another. It offers a set of guidelines and architectural patterns for designing and developing web services. This post will discuss building a user management application with Rust using the Actix web framework and MongoDB. At the end
Metaが新VRヘッドセット「Project Cambria」の最新デモを公開、Googleが「ARCore Geospatial API」提供開始 ー 週間振り返りXRニュース
Home » Metaが新VRヘッドセット「Project Cambria」の最新デモを公開、Googleが「ARCore Geospatial API」提供開始 ー 週間振り返りXRニュース Metaが新VRヘッドセット「Project Cambria」の最新デモを公開、Googleが「ARCore Geospatial API」提供開始 ー 週間振り返りXRニュース 「週間振り返りXRニュース」では、Mogura VR News / MoguLiveで掲載したニュースの中から見逃せない注目記事をピックアップ。読者の皆さんに、VRやAR、MR、そしてメタバースに関する最新情報をギュッと縮めてお届けします。 目次 1.Meta、新VRヘッドセット「Project Cambria」で現実とバーチャルを融合した新たなデモを披露(5.13) 2. Googleが空間スキャン無しでARコンテンツを
An API for fast, beautiful web fonts Stay organized with collections Save and categorize content based on your preferences. Over the years, a lot has changed with web fonts technology. What used to be a niche practice that required an image of text or a Flash plug-in (and that compromised your website’s search engine optimization) is now a standard practice across the web. Once upon a time, you ha
Lambda Function URLs をGoでお試し。実行時間の上限（タイムアウト）やWeb API構築周りで気になること | フューチャー技術ブログ
Lambda Function URLs をGoでお試し。実行時間の上限（タイムアウト）やWeb API構築周りで気になること はじめにTIG DXユニット真野です。2022/04/06にGAになったと発表された、Lambda Function URLsは、AWS Lambdaに直接HTTPSエンドポイントを追加できるというもので、API Gateway（やALB）無しでWeb APIやサイトを構築できると話題になりました。 Announcing AWS Lambda Function URLs: Built-in HTTPS Endpoints for Single-Function Microservices （4/14公開の日本語訳）AWS Lambda Function URLs の提供開始: 単一機能のマイクロサービス向けの組み込み HTTPS エンドポイント 私も業務でAPI
Building with the GitHub API
I have a long history of building things with the GitHub API. Many years ago when running the Docker open source project, where we needed tools for GitHub tasks automation (icecrime/poule) and project health metrics (icecrime/vossibility-stack). Today with Echoes, which integrates with GitHub (among others) to help engineering leaders create high performing organizations. We will look in this post
Intro 従来の History API を改善する Navigation API の仕様策定と実装が進んでいる。 これは、 History API の使いにくかった部分を補うだけではなく、「JS で画面遷移をする」という現状のミッシングピースに取り組み、 SPA が抱える多くの問題だけでなく MPA すら改善する可能性がある。 この API の目的と仕様を解説しつつ、実装のメモを残す。 画面遷移と SPA の軌跡 Web は HTML の取得と描画を繰り返す、画面遷移(Navigation)を前提としたアーキテクチャ(のちに SPA からの逆算で MPA と呼ばれる)が基本であり、ブラウザなどの実装もそれに最適化されている。 一方「アプリケーション」の設計手法をそのまま Web に持ち込んだ SPA は、この Navigation によってもたらされる UX の低下を防ぐ部分がある一方
管理画面や生存期間の短い試験機能など「あんまり頑張りたくないけどanyを多少減らす程度には型ほしい」みたいな時などにちょこちょこ使ってるテクニックが溜まってきたのでまとめてみる。 今回はnext.jsのAPIに絞って記述しているが、おそらく他でも使えるはず。 レスポンスの返り値をAwaited<ReturnType typeof someFunction>で怠ける APIのレスポンスが定まり切らなかったり流動的な部分で動的にする場合、Awaited<ReturnType typeof ...>の組み合わせが便利。 // こんな関数があるとして // const getFooData = async (id): FooData // const getBazData = async (id): BazData // 型を取れるようにレスポンスの関数を切り出し const someComple
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
JSer.info #587 - TypeScript 4.7 Betaがリリースされました。 Announcing TypeScript 4.7 Beta - TypeScript TypeScript 4.5 Betaで導入されNightlyでテストされていた、Node.jsのECMAScript Moduleサポートを再び有効化されています。 これに関連してpackage.jsonのexportsフィールドのサポート、"module": "nodenext"、.mts/ctsの拡張子のサポートが追加されています。 また、Node.jsではファイルがモジュールかどうかはpackage.jsonのmoduleフィールドなどによって暗黙的に異なります。 そのため、ファイルがモジュールかどうかを判定方法を制御できるmoduleDetectionオプションも追加して、強制的(force)にモジ
Open API × Rails × TypeScriptでのスキーマ駆動開発｜Offers Tech Blog
プロダクト開発人材の副業転職プラットフォーム Offers を開発している、株式会社 overflow にて EM をやっております磯崎と申します。 日々プロダクトを開発している中で、様々な格闘があるかと思いますが、その中でも大分格闘してきた Open API を用いたスキーマ駆動開発について今回は書いてます。 この構成で運用してよかったと今のところは思ってますが、色々面倒な事や落とし穴にも直面してきました。自分たちの中に溜まっている知識を書き記していくのでどこかでお役に立てればハッピーです ☺️ 最初に API を定義、その後開発を進めていくスキーマ駆動開発 そもそもスキーマ駆動開発とは、はじめに API を定義し、それを元にフロントエンド・バックエンドと開発を同時に進めていく開発フローです。 フロント実装においては通信部分で、「何を送信すべきか」、「何が返ってくるのか」を予め決まった状
Mock Service WorkerでAPIをモックして開発をスムーズに進められた話 - Classi開発者ブログ
Google Forms APIが正式リリース Googleフォームの作成や編集、集計をプログラミングで制御可能に
2022年3月17日 JavaScript Web Animations APIとは、他のライブラリーを使わずにアニメーションを実装できるJavaScriptの仕様です。CSSアニメーションと違い、様々な関数やイベントと組み合わせてより柔軟に、より豊かな表現が可能となります。今回はそんなWeb Animations APIを使ってみましょう！ ↑私が10年以上利用している会計ソフト！ Web Animations APIの基本の書き方 基本的な考え方や構造はCSSアニメーションと同じですが、アニメーションの内容やどう動かすかの指定は、配列やオブジェクトで記述していきます。基本形はこんな感じ： JavaScript 動かす要素.animate(動かす内容, 動きの詳細); 動かす内容（キーフレーム） animate() の第一引数には動かす内容、キーフレームを指定します。CSSと同じ形でプロ
A simple-yet-powerful API traffic viewer for Kubernetes to help youtroubleshoot and debug your APIs. Think of TCPDump and Wireshark reinvented for Kuberneteswith multi-protocol and TLS support.
上の資料でも書いてるんですが、要点を言うと以下のようなことを主張している。 API の設計手法として、以下の2つのパターンが考えられる ・Resource-based API ・Usecase-based API Usecase-based というのは要はクライアントの要求にそのまま沿った形で API を作るということだ。しかし、UI やその他クライアントの要求というのは変わりやすいものなので、そのたびにいちいち API を変更しないといけないとか、API に一貫性がなくて使いにくいとか、1つの endpoint で多数の要求に対処する "神API" が作られてパフォーマンスが悪化する、というような問題が起こる。 したがって、注意深く RESTful API を設計すると Resource-based になる。ここで言っている Resource というのはテーブル設計にやや近いが、そのまま
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画像生成AI「DALL・E 2」のAPI提供開始 アプリに機能搭載可能に
How to Build and Consume an API in Next.js
Next.js API Routes に Zod を組み込む
Vercel というプラットフォームを抽象化する Build Output API について
ノーコードで屋外のAR体験を作成できるサービス、Googleの「ARCore Geospatial API」活用
ここさえ抑えればGitHub API v4がわかる! GraphQL入門
WebAPIを構築する際にAPI Gateway+Lambdaを選択するべきか？
「Visual Studio Code API」を現役エンジニアから学ぶ！ 拡張機能開発の入門書が発売／シンタックスハイライトやスニペット作成の壁を経験をもとに解説【Book Watch/ニュース】
An API for fast, beautiful web fonts | Articles | web.dev
iOS15.5で再生速度を調整するためのApple Music APIが再導入 - iPhone Mania
Rails API + React による開発ではまった点 - Qiita
React + Unsplash APIで画像検索アプリを作ろう
Navigation API による「JS での画面遷移」と SPA の改善 | blog.jxck.io
なるべく怠けるAPI周りの型付け on next.js
「YouTube.js 1.4.0」がリリース、Innertube APIのフル機能ラッパ最新版
2022-04-13のJS: TypeScript 4.7 Beta、RedwoodJS 1.0、Sanitizer API
素のJavaScriptだけでアニメーションを実装するWeb Animations API
Mizu - API Traffic viewer for Kubernetes
RESTful API との比較で GraphQL API を作ることの難しさ｜qsona