fetch,async/awaitでAjax通信 - Qiita
await - JavaScript - MDN - Mozilla async functionの実行を一時停止し、関数のPromiseの結果を待つ。 fetchはPromiseを返すので相性が良い。 サンプル お天気のAPI（OpenWeatherMap）を叩くサンプル。 まずは定数を準備。 const API_KEY = '${API_KEY}'; const CITY = 'Tokyo'; const URL = `http://api.openweathermap.org/data/2.5/forecast?q=${CITY},jp&units=metric&APPID=${API_KEY}`;
最新Ajaxリクエスト通信、Fetch APIについてメモ - Qiita
はじめに 別投稿でも明かしているが、現在javascript環境でテキストエディタを作成しており、その機能実現のためいろいろ調べた中で、いまさらながら知ったjavascriptの最新事情もあった。 今回はその中で今後最も使いそうなAjaxリクエストに関する機能（API）、Fetch APIを自分の覚書を兼ねてまとめたい。 Ajaxリクエストの変遷 ここでは別に世界的な歴史等を紹介するつもりはなく、あくまで自分自身がこれまで使ってきた感覚としてのAjaxリクエストを実現するための機能を振り返る。 XMLHttpRequestや自前のAjax関数時代 誰もが解説サイトを読んで実装したことがあるであろう時代のコード。大体次のような感じかと思う。 function myAjax() { var http = null; try{ http = new ActiveXObject('Msxml2.X
フェッチ API の使用 - Web API | MDN
フェッチ API は、リクエストやレスポンスといったプロトコルを操作する要素にアクセスするための JavaScript インターフェイスです。グローバルの fetch() メソッドも提供しており、簡単で論理的な方法で、非同期にネットワーク越しでリソースを取得することができます。 コールバックベースの API である XMLHttpRequest とは異なり、Fetch は Promise ベースであり、サービスワーカー で簡単に使用できる優れた代替手段を提供します。Fetch は、CORS やその他の HTTP 拡張機能などの高度な HTTP 概念も統合します。 基本的なフェッチリクエストは、以下のコードを見てください。 async function logMovies() { const response = await fetch("http://example.com/movies.
トークンを利用した認証・認可 API を実装するとき Authorization: Bearer ヘッダを使っていいのか調べた - Qiita
トークンを利用した認証・認可 API を実装するとき Authorization: Bearer ヘッダを使っていいのか調べたAPIOAuthWeb TL;DR HTTP でトークンを利用した認証・認可をする手法として RFC 6750 がある OAuth に限らず、トークンを利用して認証・認可する機構の一部として Authorization: Bearer ヘッダを使うことができる 使い方について詳しくはこの記事の下のほうに書いた 要求 トークンを利用した認証・認可機構を持つ API を作りたい クライアントがトークンを HTTP リクエストに含めて送信し、サーバはトークンを検証してリソースへのアクセスを許可したい Authorization: Bearer トークン ヘッダでトークンを送る API あるよね、ああいうやつ 疑問 Authorization: Bearer ヘッダは OA
スプレッドシートをWeb開発の万能ツールに変えるおすすめサービス厳選まとめ！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、Googleが提供しているスプレッドシートを表計算ではなく、Web開発の即戦力になる万能ツールへと変えてしまうサービスを厳選してご紹介しようと思います。 スプレッドシートのデータを活用して、Webコンテンツを作成したりデータベースとして活用するなどさまざまな開発手法に応用できるので、ご興味ある方はぜひ参考にしてみてください！ ■スプレッドシートのデータを即座にAPIで提供する！ 【 SwiftSheet 】 SwiftSheetはExcelやスプレッドシートなどで管理しているデータを、即座にRESTful APIとしてホスティングしてくれるのが大きな特徴です。 CSVで保存したファイルをアップロードするだけという簡単な操作のため、ユーザー登録や課金などは一切不要です。 たとえば、お店のリストをスプレッドシートで管理しているとします。 こ
JSでのスクロール連動エフェクトにはIntersection Observerが便利 - ICS MEDIA
ウェブのリッチな表現としてスクロールに応じたエフェクトがあります。これまでJavaScriptのscrollイベントで実装していましたが、Intersection Observer APIを使うとより効率的に実装できます。ブラウザーのサポートも拡充し、今後は標準となる技術でしょう。 ▼スクロールで目次の色が変わるエフェクト 本記事ではIntersection Observer APIの使い方と実践例を解説します。 特定の位置で発火する従来の手法 これまで、特定の位置で発火するイベントにはscrollイベントを使う必要がありました。以下のコードは、あらかじめページ上部からの距離を取得し、スクロール量が規定に達したところで発火させる手法です。 window.addEventListener("scroll", () => { const srollVal = window.pageYOffse
anypicks.jp - anypicks リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
HTMLとCSSのファイルを解析し、未使用のCSSをお掃除してくれる便利なツール -DropCSS
CSSファイルを軽量化するには、最適化・軽量化などの便利ツールがありますが、未使用のCSSを掃除することも重要です。HTMLとCSSのファイルを解析し、未使用のCSS（CSS4までサポート）を掃除してくれるツールを紹介します。 DropCSS -GitHub DropCSSの特徴 DropCSSの使い方 DropCSSのパフォーマンス DropCSSの特徴 DropCSSは未使用のCSSを掃除してくれる、わずか60行のスクリプトです。 HTMLとCSSを入力として受け取り、使用されたCSSのみを出力として返します。 対象となるセレクタはcss-selectのおかげで、実質的に考えられるすべてのセレクタの削除が達成されます。 参考: サポートされているセレクタ CSSTreeを使用すると、特別な処理を行わなくても、メディアクエリを他のすべてのブロックと同じように透過的に処理および削除できます
Googleしごと検索（Google for Jobs）とは｜対応方法と成功掲載事例まとめ【3/11最新】 | 株式会社ウェブ企画パートナーズ
（なぜひらがな？） 急なリリースでしたので、まだ対応の準備ができていない企業も多いのではないでしょうか。 弊社で早速対応させてみたところ、無事 Google for Jobs への掲載が確認できましたので、対応手順や注意点などを共有します。 いち早く、そしてとりあえず対応させたい！という方に向けた内容になっています。 Google for Jobs とは？ そもそも Google for Jobs とはなんぞや、という方のために簡単にご説明します。 表示位置 検索結果に表示されます。仕様についてはまだ情報が足りませんが「○○ 求人」や「派遣」といった、何かしら求人に関連したキーワードで検索した際に以下のように表示されます。 Googleのサービスですので、今のところYahooやBingで検索した際は表示されていません。 ※Yahooの場合は別で「Yahooしごと検索」（またひらがな）という
Google MAPのサイト埋め込み、APIキー必須で有料になる！？ | 初代編集長ブログ―安田英久
Googleマップ（グーグルマップ）をホームページに埋め込みする際、「Maps Embed API」などのプログラムを使っていたら、APIキー必須で新しい料金プランに。ただし、［地図を埋め込む］ボタンで取得したiframeによるものならば、この変更の影響を受けない仕組みになっています。どの方式で埋め込まれているのか、チェックツールで調べてみましょう。 GoogleマップをWebサイトに埋め込んでいる場合、グーグル側の仕様変更により「APIキー」が必須となり、対応しない場合は7月16日から表示されなくなります。ただし、実はすべての埋め込みGoogleマップが対象ではなく、そのままで問題ない場合もあります。 結論としては、次のような切り分けです。 通常のGoogleマップから［地図を埋め込む］でページに設置したマップ ―― そのままで問題なしグーグルの「Static Maps API」「Map
新しい Search Console をご紹介します
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
ヤマト運輸、各種APIを提供するサイト「YBM For Developers」を開設 | EC業界ニュース・まとめ・コラム「eコマースコンバージョンラボ」
ヤマトホールディングス株式会社傘下のヤマト運輸株式会社（以下、ヤマト運輸）は、12月14日より、ヤマト運輸が運営するビジネス向け会員制サービスのポータルサイトヤマトビジネスメンバーズに「YBM For Developers」を開設することを発表した。 YBM For Developersでは、全国に張り巡らされた宅急便ネットワークを活用したサービスや、個人向け会員制サービス、法人や個人事業主の業務支援サービスなど、ヤマトグループが提供する荷物の発送・受け取りを便利にする多彩なサービス機能を、様々なクラウドサービスなどと連携できるAPIを公開する。 荷物の発送、受け渡しがより便利に EC自宅外受け取りAPIでは、ECサイトでの購入時に、全国のヤマト運輸営業所と計25,000拠点以上の取扱店を、商品の受け取り場所として選択できるようになり、ユーザーは自分の生活スタイルに合わせて商品を受け取るこ
APIドキュメントを支える技術 - Qiita
最近のウェブ開発では各機能ごとをAPIでつなぎ込む時代になっています。 そのため、各チームが開発をしていく上で、 他のチームにAPIの仕様を伝える方法をきちんとまとめておく必要が出てきています。 そんな中でAPIドキュメントにどのような役割が求められていて どのような選択肢があるか、一旦自分の把握している知識をまとめています。 (ここで書いているAPIは、httpでアクセスしたら、JSON形式でレスポンスを返すウェブサービスのAPIを指しています) APIドキュメントを用意する上で、すぐにぶつかる壁 APIドキュメントを用意する場合に、何も考えずにExcelやwikiにまとめると、早い段階で メンテナンスのコスト の問題にぶつかります。 『APIドキュメントを書く時間がない』 『本当にドキュメント通りの結果が返ってくるか、試してみないとわからない』 『実際に返ってくるAPIとレスポンスが違
GoogleVideoIntelligence APIで動画の情報解析が『誰でもできる』時代へ | Ledge.ai
サインインした状態で「いいね」を押すと、マイページの 「いいね履歴」に一覧として保存されていくので、 再度読みたくなった時や、あとでじっくり読みたいときに便利です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
［API］ API仕様書の書き方 - Qiita
Engadget | Technology News & Reviews
JSON Serverで作るダミーAPI
ArcGIS Maps SDK for JavaScript | Overview | ArcGIS Maps SDK for JavaScript 4.30 | Esri Developer
TechCrunch
Apple、WebGPUという新しい3Dグラフィックス標準を提案
