並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 183件

新着順 人気順

"web API"の検索結果121 - 160 件 / 183件

  • SPA + WEB API のCSRF対策とCORSについて - Qiita

    この記事はSPA + WEB_APIで構築するWEBサービスのセキュリティの脆弱性を考える時に必ず出てくる、CSRF対策やCORSの考察をした記録です。 SPAでWEBサイトを構築する方、または既に持っていて脆弱性がないか調べている時にお役に立てる内容となります。 CSRFについてはこちらのサイトがとてもわかりやすいです。 https://qiita.com/okamoai/items/044c03680766f0609d41 大前提 ブラウザで非同期通信を行う際には、同一生成元ポリシー(Same Origin Policy)によってWebページを生成したドメイン以外へのHTTPリクエストができません。 SPA + WEB_APIのパターンなど異なるドメインのリソースにアクセスしたいという需要があります → 昔はJSONP使ってたがセキュリティだめ → より手軽に、より安全にクロスドメイン

      SPA + WEB API のCSRF対策とCORSについて - Qiita
    • Web APIテスト技法 | 翔泳社

      煩雑なWeb APIのテストにも 品質とリスクを考慮した戦略・手法がある 本書は Mark Winteringham, "Testing Web APIs", Manning Publications 2022 の邦訳版です。 閉じた環境下にあるプログラムのテストなら、その戦略も手法も自ずと見えてくるもの。どこをどうテストすれば品質が上がり、全体にとってのリスクもある程度は把握できます。けれども、それが手の届かない外部に開いており、ある種のブラックボックス化された環境と接続せざるを得ない時、果たして、採用した戦略が正しいのでしょうか。また、正解ではなかった場合のリスクを見積もることは可能でしょうか。 本書ではプロダクトに対する品質とリスクの両面から、ケースバイケース案件として場当たり的なテスト戦略を見直し、Web APIにとって真に効果的なテスト手法の数々を紹介します。 初歩的な事柄から自

        Web APIテスト技法 | 翔泳社
      • ASP.NET Core Web API Logging from a Static Class

        I'm logging just fine using dependency injection on my controllers, now I need to log something from a static class. How can I log from a static class? I can't use dependency injection because it's static and I can't just pass in an existing logger object to the static class because it would have the wrong name of class in the log file. In other words how can I get a logger from the loggerfactory

          ASP.NET Core Web API Logging from a Static Class
        • ディープフェイク顔映像を自動判定するWeb API「SYNTHETIQ」─国立情報学研究所が開発 | IT Leaders

          IT Leaders トップ > テクノロジー一覧 > AI > 新製品・サービス > ディープフェイク顔映像を自動判定するWeb API「SYNTHETIQ」─国立情報学研究所が開発 AI AI記事一覧へ [新製品・サービス] ディープフェイク顔映像を自動判定するWeb API「SYNTHETIQ」─国立情報学研究所が開発 2021年9月22日(水)日川 佳三(IT Leaders編集部) リスト 大学共同利用機関法人情報・システム研究機構、国立情報学研究所(NII)のシンセティックメディア国際研究センターは2021年9月22日、フェイク顔映像判定プログラム「SYNTHETIQ: Synthetic video detector」を開発したと発表した。ディープフェイク顔映像(AIが生成した偽の顔映像)を自動で判定するプログラムである。判定対象となる映像のアップロードから、判定結果を示した

            ディープフェイク顔映像を自動判定するWeb API「SYNTHETIQ」─国立情報学研究所が開発 | IT Leaders
          • Web APIの設計【PDF版】 | SEshop.com

            本製品は電子書籍【PDF版】です。 ご購入いただいたPDFには、購入者のメールアドレス、および翔泳社独自の著作権情報が埋め込まれます。 PDFに埋め込まれるメールアドレスは、ご注文時にログインいただいたアドレスとなります。 Amazon Payでのお支払いの場合はAmazonアカウントのメールアドレスが埋め込まれます。 本製品を無断で複製、転載、譲渡、共有および販売を行った場合、法律により罰せられる可能性がございます。 ご購入の前に必ずPDF利用案内をお読みください。 さまざまなWebを構成する重要な要素「API」 使いやすく拡張性に富み、堅牢なAPIの設計指南書 【本書の内容】 本書は Arnaud Lauret, "The Design of Web APIs", Manning Publications, 2019 の邦訳版です。 SNSはもちろん動画システムや決済システムなど、いま

              Web APIの設計【PDF版】 | SEshop.com
            • GitHub - samuelgoto/WebID: A privacy preserving federated identity Web API

              not to be confused with this WebID whose authors have graciously allowed us to use this as a codename until we find a better one TL;DR; This is an active exploration to proactively preserve and elevate identity federation (e.g. Sign-in with X), forward-compatible with a more private web. This explainer is broken down into: Why is federation under threat? What is under threat? How do we preserve an

                GitHub - samuelgoto/WebID: A privacy preserving federated identity Web API
              • Slack Web API に入門してみよう|sumi|note

                コミュニケーションツールとしてSlackを導入している場合、Slack API を使うと色々な事ができて夢が広がります。ぜひ触ってみて下さい。 Slack Web APIとは?細かい仕様はいろいろありますが、ざっくりこんな感じ。 ・slack からユーザーの情報を取得 ・slackのチャンネル・DMへ投稿本記事ではSlack Web APIについて説明しますが、他にもRTM API と Events APIがあります。下記が日本語サイトでわかりやすいのでご参考に。 間違えやすいBotとの違い間違えやすいのですが、BotとWeb API のBot Token(後述)は別物です。 Botsが出来ること ・slackでキーワードを入力すると回答(カスタム可能) ・slackのスラッシュコマンドをフックにリマインダーやタスクの登録など基本的にはslackでユーザーがした行動に対してなにかしてくれる

                  Slack Web API に入門してみよう|sumi|note
                • ポップオーバー API - Web API | MDN

                  ポップオーバー API は、他のページコンテンツの上に表示するポップオーバーコンテンツを表示するための、標準的な、一貫性のある、柔軟な仕組みを開発者に提供します。ポップオーバーコンテンツは、HTML 属性を用いて宣言的に、または JavaScript を用いて制御することができます。 ウェブでは、他のコンテンツの上にコンテンツを示し、ユーザーにとって重要な情報や導くべき操作の詳細を示すというのが、とても一般的なパターンです。このコンテンツは、オーバーレイ、ポップアップ、ポップオーバー、ダイアログなど、さまざまな名称で呼ばれます。私たちは、このドキュメントを通して、これらをポップオーバーと呼ぶことにします。一般的に、これらは次のようなものがあります。 モーダルというのは、ポップオーバーが示されている間、ページの残りの部分は、ポップオーバーが何らかのアクションを起こすまで(例えば、重要な選択が

                    ポップオーバー API - Web API | MDN
                  • Response - Web API | MDN

                    Response はフェッチ API のインターフェイスで、リクエストのレスポンスを表します。 Response オブジェクトは Response() コンストラクターを用いて生成することができますが、他の API 操作の結果として返される Response オブジェクトに出会う可能性が高いでしょう。例えば、サービスワーカーの FetchEvent.respondWith や、単純な fetch() などです。 Response.body 読取専用 本文のコンテンツの ReadableStream です。 Response.bodyUsed 読取専用 本文がレスポンスで使用されたかどうかを定義する論理値が格納されます。 Response.headers 読取専用 レスポンスに関連した Headers オブジェクトが入ります。 Response.ok 読取専用 レスポンスが成功 (200–2

                      Response - Web API | MDN
                    • SpeechSynthesisUtterance - Web API | MDN

                      私たちの基本的な 音声合成のデモ では、最初に window.speechSynthesis を使用して SpeechSynthesis コントローラーへの参照を取得します。必要な変数の定義後、 SpeechSynthesis.getVoices() (en-US) を使用して利用可能な音声のリストを取得し、それらの選択メニューを構成します。ユーザーは、そこから使用したい音声を選べます。 inputForm.onsubmit ハンドラー内部では、preventDefault() でフォーム送信を停止し、テキスト <input> に入力されたテキストを含む新しい SpeechSynthesisUtterance インスタンスを作成します。その発声にユーザーが <select> 要素で選択した音声を設定し、SpeechSynthesis.speak() (en-US) メソッドを通して発声の発

                        SpeechSynthesisUtterance - Web API | MDN
                      • MediaStream 収録 API の使用 - Web API | MDN

                        MediaStream 収録 API を使用すると、音声や動画のストリームを簡単に記録できます。 navigator.mediaDevices.getUserMedia() と一緒に使用すると、ユーザーの入力機器から記録して結果を即座にウェブアプリで使用するための簡単な方法が提供されます。 音声と映像の両方を別々にまたは一緒に記録することができます。 この記事では、この API を提供する MediaRecorder インターフェースの使用方法に関する基本的なガイドを提供することを目的としています。 MediaStream 収録 API の基本的な使い方を説明するために、ウェブベースのディクタフォン (dictaphone) を作りました。 それは音声の断片を録音してからそれらを再生することを可能にします。ウェブオーディオ API を使用して、機器のサウンド入力を視覚化することもできます。

                          MediaStream 収録 API の使用 - Web API | MDN
                        • COVID-19 Japan Web API - コロナウィルスのデータをオープンなWeb APIで公開 MOONGIFT

                          コロナウィルス(COVID-19)が世界的に猛威を振るう中、オープンデータ活用も多数行われています。データを可視化したり、予測に使ったりといったことも、元データが出てくればこそです。しかし、そうしたデータが見やすい形になっているかは別です。ExcelやPDFで公表している場合もあるかも知れません。 そこで使ってみたいのがCOVID-19 Japan Web APIです。ボランティアベースで集積されたデータをWeb APIで取得できます。 COVID-19 Japan Web APIの使い方 例えば都道府県ごとの感染者数。 日ごとの集計データ。 COVID-19 Japan Web APIでは特に認証などがいらず、データをJSONで取得できます。ダッシュボード的なサービスはすでに数多く公開されています。これらのデータを使い、社会にとって役立つサービスを開発してみるのはいかがでしょうか。 CO

                            COVID-19 Japan Web API - コロナウィルスのデータをオープンなWeb APIで公開 MOONGIFT
                          • PWAのための Web API 20本ノック - builderscon tokyo 2019

                            Abstract これまでWebは様々な進化を遂げてきましたが、これからも進化は止まらないでしょう。 画面上にただ情報を表示するだけの時代は終わりを迎え、今までならネイティブなアプリからしか実行できなかった様々な機能が、Web APIとしてブラウザから提供されています。 PWAという言葉が出てきてから3年以上が過ぎましたが、Web APIはそれを実現するためには欠かせない存在です。Web APIを組み合わせていくことで、今までのWebでは表現できなかったことが出来るようになることでしょう。 例えば「Home Screen Installation」では今までブラウザからでしかアクセスできなかったWebがホーム画面から直接アクセスできるようになり、それに伴い「キャッシュ」や「オフラインモード」など、様々なことが可能になっています。色々なWeb APIが出てくることにより、それらを組み合わせる

                            • Slack Web APIを使ってアカウントに直接メッセージを送る | アールエフェクト

                              Slack Web APIとは Slack Web APIを利用するとSlackワークスペースのユーザの情報へのアクセスやユーザ、チャネルへ自作のプログラムから直接メッセージを送信することができます。 Slack Web APIのアプリケーション作成 Slack Web APIを使用するためには、Slack上でアプリケーションを作成する必要があります。アプリケーションの作成を行わなければSlack Web APIを使用することができません。 Slack apiサイトにアクセスします。SlackにWEB経由でログインする必要があるためSlackのユーザIDとパスワードが必要になります。 slack apiトップページ 真ん中にあるStart Buildingボタンをクリックします。 アプリケーション名の入力画面 Slackアプリケーションの作成画面(Create a Slack App )が

                                Slack Web APIを使ってアカウントに直接メッセージを送る | アールエフェクト
                              • HTMLElement: click() メソッド - Web API | MDN

                                HTMLElement.click() メソッドは、要素のマウスクリックをシミュレートします。 click() を対応している要素(<input> など)で使用すると、要素の click イベントが発行されます。 このイベントは、文書ツリー(またはイベントチェーン)の上位の要素にバブルアップし、click イベントを発生させます。

                                  HTMLElement: click() メソッド - Web API | MDN
                                • ブロードキャストチャンネル API - Web API | MDN

                                  ブロードキャストチャンネル API (Broadcast Channel API) を使用すると、同じオリジンの閲覧コンテキスト(つまり、ウィンドウ、タブ、フレーム、iframe)やワーカー間で、基本的な通信を行うことができます。 BroadcastChannel オブジェクトを作成することで、投稿されたメッセージを受け取ることができます。通信したいフレームやワーカーへの参照を保持する必要はありません。同じ名前の BroadcastChannel を自分自身で構築することで特定のチャンネルに「加入 (subscribe)」し、それらすべての間で双方向の通信をすることができます。

                                    ブロードキャストチャンネル API - Web API | MDN
                                  • GitHub - ml-tooling/opyrator: 🪄 Turns your machine learning code into microservices with web API, interactive GUI, and more.

                                    Turns your Python functions into microservices with web API, interactive GUI, and more. Getting Started • Features • Examples • Support • Report a Bug • Contribution • Changelog Instantly turn your Python functions into production-ready microservices. Deploy and access your services via HTTP API or interactive UI. Seamlessly export your services into portable, shareable, and executable files or Do

                                      GitHub - ml-tooling/opyrator: 🪄 Turns your machine learning code into microservices with web API, interactive GUI, and more.
                                    • Python の Flask Web API に JWT認証(Flask-JWT-Extended)を組み込んだ - Qiita

                                      はじめに 以前に、Python で作成した Flask Web API へ JWT (JSON Web Token) 認証を組み込みましたが、Python のバージョンを3.8系から3.11系に更新したところ、エラーが発生したため、flask-jwt を Flask-JWT-Extended へ切り替えてみました。 旧記事:Python の Flask Web API に JWT による認証を組み込む cannot import name 'Mapping' from 'collections' Python のバージョンを3.8系から3.11系に更新したところ、このようなエラーが発生しました。 ... from collections import Mapping ImportError: cannot import name 'Mapping' from 'collections' .

                                        Python の Flask Web API に JWT認証(Flask-JWT-Extended)を組み込んだ - Qiita
                                      • 【Python】Django REST Framework(DRF)を使ってWeb APIを自作してみる - RAKUS Developers Blog | ラクス エンジニアブログ

                                        こんにちは。d-t-kong と申します。 最近、趣味でDjangoを触っているのですが、Django のライブラリに Django Rest FrameworkというWebAPIを開発できるライブラリがあることを知りました。 これを使えばWebAPIを簡単に作成できるということなので、実際にサンプルのアプリケーションを 作ってAPIを自作してみました。 今回は、その手順やポイントなどを紹介していきたいと思います。 Django REST Frameworkとは RESTful API とは 事前準備 使用環境 プロジェクト・アプリケーションを作成 モデルを定義 データベースを構築 管理アカウント作成 DRFでAPIを作成 REST Framework をアプリケーションに追加 DRFの主要コンポーネントを作成 1.Serializer 2.ViewSets 3.Router APIにアク

                                          【Python】Django REST Framework(DRF)を使ってWeb APIを自作してみる - RAKUS Developers Blog | ラクス エンジニアブログ
                                        • GitHub - fedidcg/FedCM: A privacy preserving identity exchange Web API

                                          As the web has evolved there have been ongoing privacy-oriented changes (example) and underlying privacy principles. With those changes some underlying assumptions of the web are changing. One of those changes is the deprecation of third-party cookies. While overall good for the web, third-party cookie deprecation leaves holes in how some existing systems on the web were designed and deployed. Fed

                                            GitHub - fedidcg/FedCM: A privacy preserving identity exchange Web API
                                          • ブラウザでWeb APIをテストする方法 | SendGridブログ

                                            はじめに Web APIを試したいと思ったとき、皆さんはどのようなツールを利用しますか?有名なツールとしてPostmanがありますが、今回はブラウザの拡張機能を使い、アカウント登録も必要なく手軽に試せる方法をご紹介します。ぜひAPIでSendGridのメール送信をテストする際の参考にしてください。 Google Chrome拡張機能「Talend API Tester」 今回使うのは「Talend API Tester」というGoogle Chromeの拡張機能です。Google Chromeを立ち上げたら、こちらのページから追加可能です。追加するとアドレスバーの右に拡張機能のボタンが表示されるので、クリックして下のような画面に移動します。この画面上で必要な項目を入力し、SendボタンをクリックするだけでAPIリクエストができます。 一般的に、APIでリクエストを行うには以下の情報が必要で

                                              ブラウザでWeb APIをテストする方法 | SendGridブログ
                                            • 社内向けのWeb APIをTypeScriptとExpressで作り直している話 - Adwaysエンジニアブログ

                                              こんにちは。エージェンシー事業部でアプリケーションエンジニアをしている梅津です。 私が所属しているチームでは、日々機能追加や改善を行っているメインプロダクトの他に、社内の別サービスに向けてデータを提供するWeb API(以下、社内向けAPI)が存在しています。 この社内向けAPIはKotlin + Spring Bootで動いているのですが、それをTypeScript + Expressで作り直すというプロジェクトが進行しています。 今回はそのプロジェクトについてお話したいと思います。 社内向けAPIの概要 作り直す背景 何故KotlinやSpring Bootを使っていたのか 技術選定 プログラミング言語 実行環境 フレームワーク ORM アプリケーションのデプロイ先 環境構築 設計思想とディレクトリ構成 実装例 queries/get-awesome-file クエリの実装例 コントロ

                                                社内向けのWeb APIをTypeScriptとExpressで作り直している話 - Adwaysエンジニアブログ
                                              • 情報検索にも使える?テキスト解析 Web API ルビ振り・かな漢字変換 の活用

                                                こんにちは。LINEヤフー株式会社で自然言語処理の開発を担当している伊奈です。 私が属する自然言語処理チームで開発しているテキスト解析 Web API は、Yahoo!デベロッパーネットワークから社外に公開しています。テキスト解析 Web API をより効果的に活用できるように、『テキスト解析 Web API クックブック』を公開しました。 今回はその活用事例集の中から、テキスト解析 Web API の「ルビ振り」と「かな漢字変換」の活用例を紹介します。 テキスト解析 Web API の「ルビ振り」と「かな漢字変換」の使い方 最初に、テキスト解析 Web API の「ルビ振り」と「かな漢字変換」について簡単に紹介します。 テキスト解析 Web API の各機能の入出力のインターフェースをできるだけ共通化するために、JSON-RPC 2.0 を採用しています。具体的には、下記のような入出力イ

                                                  情報検索にも使える?テキスト解析 Web API ルビ振り・かな漢字変換 の活用
                                                • GraphQL Mesh で The Guild が目指す Web API エコシステムの世界観

                                                  The Guild は GraphQL Code Generator や GraphQL Yoga を筆頭に、多くの GraphQL 関連 OSS をメンテナンスしています。これらは一見 GraphQL エコシステムにフォーカスしているように見えますが、The Guild は Web API エコシステム全体の改善を目指しているようです。 その世界観について、GraphQLConf 2023 で The Guild CEO の Urigo から聞いた内容をもとに、僕の解釈を交えて紹介します。 GraphQL Mesh によって全てが GraphQL になる GraphQL Mesh は、様々なデータソースから自動的に GraphQL スキーマを生成して配信するゲートウェイです。別の GraphQL API はもちろん、REST API (OpenAPI, JSON Schema) や gR

                                                    GraphQL Mesh で The Guild が目指す Web API エコシステムの世界観
                                                  • BottleでWeb APIを作成する

                                                    BottleはPythonの軽量Webフレームワーク。 サーバサイドのPython製フレームワークではDjangoやFlaskが有名ですが、中でも1ファイルで実装されているというシンプルな構成の(マイクロ)フレームワークなのだそうです。 手軽にWeb APIを作りたいと思い立ち、今回はBottleを選択。データ形式はjsonで。 基本jsonデータを送受信できればいいので、テンプレートエンジンなどWebページ(html)関連の機能は利用しません。 インストールは公式からファイルをダウンロードするか、またはいつものpipで可能。 ダウンロードする場合:

                                                    • UIT Meetup vol. 14 『来年こそ使いたい! Schema 駆動 Web API』を開催しました

                                                      UIT とは? UIT は、 LINE のメンバーが中心となって発足した、「User Interface × Technology」を掲げるコミュニティです。 LINE の東京オフィスのメンバーからはじまったコミュニティですが、現在では外部コミュニティの方々との Podcast での交流、福岡でのミートアップ開催や、その他のフロントエンドイベントとの共催など、LINE に限らない枠組みでフロントエンドコミュニティの活発化を目的として活動しています。 現在は UIT Meetup 以外にも、現在閲覧されている LINE Engineering Blog での記事の公開や、毎週発信を行う技術 Podcast「UIT INSIDE」にも取り組んでいます。 前回の UIT Meetup は「Front-end Tooling」(前回のセッションレポート)をテーマとするなど、フロントエンドの様々なテ

                                                        UIT Meetup vol. 14 『来年こそ使いたい! Schema 駆動 Web API』を開催しました
                                                      • 【C#】ASP.NET Web API 2のチュートリアルアプリをクリーンアーキテクチャにする - Qiita

                                                        この前クリーンアーキテクチャのルールについての記事を書いたので、今回は現場で利用している技術でクリーンアーキテクチャを実装しました。 書籍で紹介されていた上記クラス図を参考にしています。対象のチュートリアルアプリはこちらです 変更前のクラス図・コード クリーンアーキテクチャにする前のチュートリアルアプリのクラス図・コードです。 クラス図はシンプルなMVCになっています。 コードはControllerで保持しているProductクラスの配列をViewが表示しています。 namespace ProductApp.Models { public class Product { public int Id { get; set; } public string Name { get; set; } public string Category { get; set; } public decima

                                                          【C#】ASP.NET Web API 2のチュートリアルアプリをクリーンアーキテクチャにする - Qiita
                                                        • API・Web API・REST APIの概要や違いについて整理する | みんたく

                                                          普段何気なく使っている技術や言葉について、表面的な知識にせず、しっかりとイメージできるまで自分なりに調べて整理し、理解するシリーズ。 API・Web API・REST APIについてそれぞれの概要や違いなどについて、自分の理解を深めるためにも改めて整理してみました。 APIとはAPIとは「Application Programming Interface(アプリケーション・プログラミング・インターフェイス)」の略語で、ざっくりに言うと「アプリケーションをプログラミングするためのインターフェース」という意味になります。 インターフェイスとは、コンピュータ用語でいうと、「何か」と「何か」をつなぐものという意味を持ちます。例えば、USBは「パソコン」と「周辺機器」をつなぐものなので、インターフェイスの一つです。 つまり、APIとは、この「何か」と「何か」が「アプリケーション、ソフトウェア」と「プ

                                                            API・Web API・REST APIの概要や違いについて整理する | みんたく
                                                          • GitHub - ryo-ma/covid19-japan-web-api: 🇯🇵 Web API to get 🦠COVID-19(coronavirus) information of each prefecture in Japan

                                                            A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

                                                              GitHub - ryo-ma/covid19-japan-web-api: 🇯🇵 Web API to get 🦠COVID-19(coronavirus) information of each prefecture in Japan
                                                            • Storage - Web API | MDN

                                                              Storage.key() 数値 n を渡すと、ストレージ内で n 番目のキーの名称を返します。 Storage.getItem() キーの名称を渡すと、キーに対する値を返します。 Storage.setItem() キーの名称と値を渡すと、ストレージにキーを追加し、または既存のキーに対する値を更新します。 Storage.removeItem() キーの名称を渡すと、ストレージからキーを削除します。 Storage.clear() ストレージからすべてのキーを消去します。 ここでは、localStorage を呼び出して Storage オブジェクトにアクセスしています。始めに !localStorage.getItem('bgcolor') というコードを使用して、ローカルストレージにデータアイテムが含まれているかを確認します。含まれている場合は、Storage.getItem() を

                                                                Storage - Web API | MDN
                                                              • 【ネイティブJavaScriptのみ】 Web APIを活用したアプリ開発(PWA化も)【JS勉強1か月でも開発可】 - Qiita

                                                                はじめに コロナの影響で今年のGWは外出自粛。 ということでオンラインハッカソンに参加させていただきましたのでその記録の記事です。 構想編 何が作りたいか? 「日常生活での無駄を減らせるものが使いたい」ということで 以前より無駄だなと思っていた今日何食べよう(どこ行こう?)問題に焦点をあてることに。 何が作れるか? 現在のスキルとしてHTML,CSS,JavaScriptの基礎の知識(dotinstall一周したくらい)しかない。 JavaScriptで動かせるものを探していたらAPIがJavaScriptが動かせそうと知る。 構想編まとめ 【作成目標】 ・ 今日なに食べよう?と考える不毛時間の削減 ・ 考えるのが嫌になって毎度同じ店に行ってしまう現象の防止(未開拓店舗の発掘) 【アプリ概要】 ・ 今日の気分から適切なレストランを提案 → 周辺の店舗検索 (yes/no診断→店舗検索) ・

                                                                  【ネイティブJavaScriptのみ】 Web APIを活用したアプリ開発(PWA化も)【JS勉強1か月でも開発可】 - Qiita
                                                                • Web API で文字列を可逆圧縮する - 30歳からのプログラミング

                                                                  この記事では、 Web API で文字列の可逆圧縮を行う方法について書いていく。 任意の文字列を圧縮し、そして圧縮された文字列のリテラル表現から元の文字列を復元できることを目指す。 以前書いたように、 Node.js なら文字列の可逆圧縮は簡単に行える。 numb86-tech.hatenablog.com また、 JavaScript でデータの圧縮を行うためのライブラリも、探してみれば色々と見つかる。 だがこの記事では、ブラウザ環境でも動作するコードを、ライブラリに頼らずに実装していく。 完成したコードは成果物の節に載せてある。 この記事に出てくるコードの動作確認は以下の環境で行った。 Deno 1.29.1 TypeScript 4.9.4 Compression Streams API Compression Streams API は、データの圧縮や展開を行うための API で、

                                                                    Web API で文字列を可逆圧縮する - 30歳からのプログラミング
                                                                  • 「NestJS x Prisma on Fargate構成で作るWeb API開発Tips」というタイトルでDevelopersIO 2023に登壇しました #DevIO2023 | DevelopersIO

                                                                    概要 NestJSとPrismaを使って、3ヶ月くらい集中的にWeb API(GraphQL)を構築した際の知見を発表しました。 資料 補足 サンプルコード prismaとKysely構成 prismaはクライアント側の制限が多く、queryRawが増えるなら、SQLに成熟しているメンバーが多いだろうし、マイグレーション周りはprismaでクライアントライブラリはKyselyという選択肢もあります。 まとめ 最後に Ask the speakerで様々なエンジニアの方と課題について議論することができました。オフラインならではで、非常に楽しかったです。 3年振りのオンラインイベントということで、多くのメンバーが開催に向け準備をしていました。私も少しスタッフをしましたが、本当によく計算されていて、多くの支えがあって発表が出来たことを痛感しております。本当にありがとうございます。

                                                                      「NestJS x Prisma on Fargate構成で作るWeb API開発Tips」というタイトルでDevelopersIO 2023に登壇しました #DevIO2023 | DevelopersIO
                                                                    • Nuxtアプリケーションの基本/各フォルダの役割・画面遷移・静的アクセス・WEB-APIからデータを取得 - SE_BOKUのまとめノート的ブログ

                                                                      目次 はじめに Nuxt.jsを整理する方針 Nuxt.js基本要素-拡張子とフォルダの役割 ソースファイルの拡張子は「.vue」 フォルダ構成と各フォルダの役割 サンプルでやることと確認したいポイント 全Vueファイルの共通レイアウトの設定 内部リンクの書き方と画面遷移(ルーティング)などをサンプルで確認 header要素に出力する内容の書き方 assetsフォルダに置いた静的画像ファイルの参照 内部リンクによる画面遷移(NLinkタグ)の書き方 WebApiからデータを取得するなどをサンプルで確認 ソース内のブロック分けと役割 asyncData()内でaxiosを使ってWebAPIからデータを取得・表示 staticフォルダ内の静的データの参照 ルートのページに戻る内部遷移 実行イメージ テスト用:Originのチェックを行わないようにChromeを起動する方法 開発環境:Visua

                                                                        Nuxtアプリケーションの基本/各フォルダの役割・画面遷移・静的アクセス・WEB-APIからデータを取得 - SE_BOKUのまとめノート的ブログ
                                                                      • SaaS各種の管理機能におけるWeb APIの傾向 - Qiita

                                                                        SaaS毎の状況 各SaaS毎の認証方法やSCIM2.0への対応等について概要と雑感を記載する。 詳細は各APIのドキュメントを参照されたし。 Google Workspace Google Workspace 単体のAPIというよりも Google Cloud が用意するAPIのひとつという位置づけとなっており、Google Workspaceのアカウント・ライセンスやグループ、利用アプリの管理や監査ログ確認を行う管理者向けの Google Admin Console に対してアクセスを行うAPI群がGoogle Admin SDKといった形でカテゴライズされている。そのうち基本的なアカウント管理についてはDirectory APIとしてまとめられている。 その為、アクセスの為の設定も他のGoogle Cloud API同様にGoogle Cloud Consoleにて行う。ということは

                                                                          SaaS各種の管理機能におけるWeb APIの傾向 - Qiita
                                                                        • C#アプリでWeb API呼び出しにAzure認証が必要な場合 - Qiita

                                                                          はじめに Web API呼び出しにAzure認証が必要な場合、通常、APIのURLにアクセスすると認証画面にリダイレクトされてしまいます。Webコンポーネトを使って処理してもいいのですが、Microsoftが提供しているMSALライブラリを使うと簡単に処理できるようなので試してみました。 実現したいこと 外部公開していないWeb APIをAzure AD Application Proxy経由で、外部のC#のデスクトップアプリからアクセスする方法を考えます。 MSALライブラリの使い方を検索してもGraph API(マネージドサービス)にアクセスする例しか出てこないため、どうやっていいのかわからなかったのですが、以下の記事に載っていました。 MSALの使い方 サンプルが簡単なので甘くみていたのですが、落とし穴がありました。 .Net Core .Net Coreの場合、OSのブラウザを使用

                                                                            C#アプリでWeb API呼び出しにAzure認証が必要な場合 - Qiita
                                                                          • GitHub - silexlabs/unifile: Unified access to cloud storage services through a simple web API.

                                                                            You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

                                                                              GitHub - silexlabs/unifile: Unified access to cloud storage services through a simple web API.
                                                                            • 『Web APIの設計』を読んだ - 夜は寝る

                                                                              3連休初日。めちゃくちゃ寒いし緊急事態宣言なので、引きこもって本を読んだ。 2020年は、技術書を読んでもブログに書くのをサボっていた。書く時間がムダという説もあるが、すぐに利用する領域でもないかぎり、読んだら次の日にはすべて忘れている。 なんらかアウトプットしておくと少なくともあとで見返せるし多少は整理できるので、久しぶりにメモをとりながら読んだ。ので、ブログに残す。 www.shoeisha.co.jp 社内向けの単機能なAPIとか、特定の外部サービスから叩く用のWebフックAPIはつくったことあるけど、もう少し広めのドメインかつ実環境に公開するWeb APIを0からつくったことがない。 そのため全体像がわかるような本はないかと思っていたところ、本書をみつけた。 感想 タイトルに偽りなく、Web APIの設計に関して包括的な情報が得られるようになっている。 想定したよりも既知の内容だっ

                                                                                『Web APIの設計』を読んだ - 夜は寝る
                                                                              • Web APIを学ぶための学習リソースをまとめてみた

                                                                                プログラミングを勉強しているのは良いものの、業務経験の無い僕のような人は、Web APIについての学習に困ると思います。 まず、以下のような疑問が湧いてきます。 APIってあのTwitterログインとか出来るようにするヤツじゃないの? 「APIを叩く」って何? てか、そもそもWeb APIって何? APIの実装とか、正直分からん。

                                                                                • はてなブログの WEB API を使う - kita127のブログ

                                                                                  はてなブログの WEB API を使う やりたいこと はてなブログが公開している WEB API, Atom Pub API を使用した 記事の作成, 更新をするスクリプトを作成したため覚書記事を作成します. 本記事では Atom Pub API を使用した記事の取得, 新規作成, 更新の方法についてまとめます. 今回作成したスクリプト(TypeScript製)は以下にあります. こちらは GitHub で管理している記事をはてなブログ 側にアップロードするスクリプトになります. 詳細は README.md を参照してください. https://github.com/kita127/kita127-blog autoUp.ts 基本事項 API 使用のために以下の情報が必要になります. user ID ルートエンドポイントのURL https://blog.hatena.ne.jp/use

                                                                                    はてなブログの WEB API を使う - kita127のブログ