PostmanやInsomniaなどの代替となるオープンソースのAPI開発ツール・「RecipeUI」
RecipeUIはPostmanやInsomniaなどの代替となるオープンソースのAPI開発ソリューションです。 デスクトップ版とWeb版が用意されており、デスクトップ版はWindows、MacOS（intel及びAppleの両chip）、Linux（Debian）がサポートされています。 APIリクエストで失敗前にエラーをキャッチする、オートコンプリート、APIプレイグラウンド、認証なしでの実行、リクエストの保存設定でワンクリックで再実行可能、リクエスト作成時にドキュメント自動生成などの機能が組み込まれているそうです。 主流はPostmanだと思いますし、InsomniaもOSSのAPIクライアントではあるのですが、一部のAPIは扱いにくく、多くの場合ドキュメントは複雑ですぐに実行できるサンプルも無いため、このような不満を解消するために開発したそうです。同じように困っていた開発者の方はお
YouTubeをHPに反映！プラグインYourChannelの使い方
今回は、WordPressにYouTubeを埋め込むことが簡単にできるプラグイン「Your Channel」の使い方をご説明いたします！！ Your Channelって？ WordPress にYouTubeを表示する時は、YouTubeの共有ボタンや埋め込みコードなどを利用して表示したりしますよね？ だけど、新しい動画をYouTubeで投稿する度に、 WordPressの投稿もするのは面倒くさい。 そんな時に便利な WordPress のプラグインが「Your Channel」です。 「Your Channel」があれば、YouTubeに新規投稿した動画を自動的にサイトにも表示が可能に！！ では、早速、 WordPress のプラグイン新規追加で「Your Channel」を検索！！ インストールが完了して有効化ができたら、一旦 WordPress から離れて下記の設定を進めていきましょ
REST APIと通信をしてみる
Dioが更新されたので使ってみた 最近、Flutterでお仕事探しているんですけど、どこもREST API使っているみたいで、Firebase使ってない企業もあるみたいで困りました😇 でも師匠がREST APIの方が簡単だとおっしゃっていたので、また暇というわけではないのですが、キャッチアップしてみました。 今回は、Dioと呼ばれているパッケージを使います。こちらのパッケージは一時期メンテナンスがされなくなるのが話題になっていましたが、ある日突然更新されました！ httpと違ってあまり情報がないので、調べながら色々今後は試していこうかなと思います。今回は、httpメソッドのGETを使うだけです。 今回使用したREST API アメコミのヒーローのデータがJSON形式で送信されてくるようです。 今回はとりあえず、海外の動画参考に勉強してみました。 import 'package:dio/d
【Flutter】dioを使ってAPI通信をする！サンプルを用いて解説｜TERUPRO
import 'package:coffee_list_dio/model/coffee.dart'; import 'package:coffee_list_dio/view/home_page.dart'; import 'package:coffee_list_dio/view_model/provider.dart'; import 'package:flutter/material.dart'; import 'package:flutter_riverpod/flutter_riverpod.dart'; void main() { runApp(const ProviderScope(child: MyApp())); } class MyApp extends ConsumerWidget { const MyApp({Key? key}) : super(key: key
Instagram APIでハッシュタグを収集しダッシュボードを作る方法
以前のブログでTwitter APIを使ってデータを取得する方法や、Googleデータポータルを使ってダッシュボードを作る方法などを解説しました。 今回は、自社商品や特定のキーワードでどのようにInstagram上で投稿されているのか、いち早く把握・共有するために、上記のような画像付きダッシュボードを作るところまでを解説していきます。 Instagram APIとは TwitterだけでなくInstagramにも無料のAPI機能が提供されています。こちらもTwitter APIと同じく下記のような問題を感じました。 運営元のFacebookのオフィシャル解説が分かりづらい 日本語で解説されたサイトはアカウント取得方法がほとんどでTwitterAPIに比べて記事数が少ない 最近APIの仕様変更があったようで用語や解説が乱立していて、もう何がなんだか分からない あえて難しくしているのではないか
【実装解説】Instagram graph APIでハッシュタグ検索と投稿情報取得！ - 旅アトリーチ
Instagram graph APIのハッシュタグ検索について Instagramのハッシュタグ検索のAPIは2つあり、それぞれ取得できる情報が違います。 人気投稿取得API: 該当のハッシュタグが付いた投稿を人気順に取得できる 最新の投稿取得API: 該当のハッシュタグが付いた24時間以内の投稿を取得できる それぞれを自分の目的に合った形で使っていくことになります。 ハッシュタグが付いた人気投稿の取得API 人気投稿の取得APIは、エンドポイント {ig-hashtag-id}/top_mediaのAPIです。 公式ドキュメント 人気投稿の取得APIを使うと、指定した数だけ、Instagramのロジックに基づいた人気上位の投稿を取得できます。 人気順位のロジックは、Instagramアプリでハッシュタグ検索をしたときと同じです。 私は1回で3,000投稿近くまで取得したことがあり、その
[API] Instagaran Graph API で写真や動画を取得するぞ！
はじめに Instagramの情報を使いたいなと思ったとき、使用できるAPIが下記２種類（※2023年1月6日時点)ありますが、この記事ではInstagramグラフAPIについて記載します。 ・ InstagramグラフAPI ・ Instagram基本表示API InstagramグラフAPIを使用するには「アクセストークン」と「InstagramビジネスアカウントID」が必要になります。 そこで、「アクセストークン」と「InstagramビジネスアカウントID」の取得方法と「APIによる写真/動画取得方法の一例」をまとめます。 流れ InstagramとFacebookのアカウント作成 Instagramアカウントをプロアカウントに変更 Facebookでページを作成 InstagramアカウントとFacebookアカウントを連携 Meta for Developersのアカウント作成
![[API] Instagaran Graph API で写真や動画を取得するぞ！](https://cdn-ak-scissors.b.st-hatena.com/image/square/2e22d9c35432d44d367d9125f718e5b262f86339/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--uA-hsfdC--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BAPI%25255D%252520Instagaran%252520Graph%252520API%252520%2525E3%252581%2525A7%2525E5%252586%252599%2525E7%25259C%25259F%2525E3%252582%252584%2525E5%25258B%252595%2525E7%252594%2525BB%2525E3%252582%252592%2525E5%25258F%252596%2525E5%2525BE%252597%2525E3%252581%252599%2525E3%252582%25258B%2525E3%252581%25259E%2525EF%2525BC%252581%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3AYuki%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzg0NGM3NjFlZmEuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
Instagram Graph APIを使い、ハッシュタグ検索と投稿データ取得をしてみた
instagram graph api Instagram Graph APIを使い、ハッシュタグ検索と投稿データ取得をしてみた 2022年2月3日 ZOZOTOWNなどのファッション通販サイトの人気アイテムランキングデータを集計して、ファッションブランドの人気度をグラフ化したり、集計値でブランドランキングをしている「TrendinG（トレンディング）」というサイトを1年前頃からやっていました。 ファッション＆ブランドの情報サイトとなれば、ブランド関連のInstagram投稿画像の表示もできたら良さそうとは思っていたものの、InstagramのAPIをこれまで触ったこともなく、しかも、Instagram APIの提供元があのFacebook（今はMetaですね）で、かなりクセがありそうな気もしていたこともあり、今までやらずにおりました。 そんなとき、先日ふとこのサイトのドメインパワーを見て
LINEでメッセージの送受信を行おう！ Messaging APIの基本的な使い方から解説
Messaging APIの概要 LINEでチャットメッセージの送受信をするためには、Messaging APIを使って行います。Messaging APIを利用したメッセージの送受信でのシステムとの関係は図1のようになります。 図1：LINE Messaging APIでの処理の流れ Messaging APIではチャットメッセージだけではなく、LINEでの友だち登録や、ブロックをした際もメッセージを受信します。 また、メッセージの送信ではテキストだけではなく、リンクやボタンなどを含んだメッセージ形式も可能です。そして、それらの操作イベントも同様にメッセージとして受信します。 送信タイミングという観点では（1）のようなサービス側が任意のタイミングで送信する場合と、（2）のようにメッセージを受信したタイミングで返信する場合があり、これらでは利用するAPIが異なります。そして、利用料金にも関
Reqres - A hosted REST-API ready to respond to your AJAX requests
It’s all in the details Hosted on Heroku Which means 99.99% Uptime SLA. All you need is the base URL, and you're away: https://reqres.in/api/ The API is CORS enabled, so you can make requests right from the browser, no matter what domain, or even from somewhere like JSFiddle or JSBin. Language agnostic A generic API that conforms to REST principles and accepts a content type of application/json An
flutterアプリからAPIをPOSTで叩いてパラメータを渡す（サーバに保存する） - Qiita
これをPOSTで呼び出す。API側では、渡されたパラメータをサーバのログに吐き出すようにしてあるので、 パラメータが確実に渡ったことをログで確認する。 IPアドレスは、自PCに起動したVirtualBox（仮想サーバ）のアドレスである。 APIのソース 今回はCakePHP3で実装した。id, name を受け取る。 public function flutterPostTestApi() { $id = $this->request->getData('id') ?? null; $name = $this->request->getData('name') ?? null; if (empty($id)) { $this->badRequest('id is empty. This message from API.'); } $response = []; $response['id
FileReader.readAsDataURL() - Web API | MDN
readAsDataURL メソッドは、指定されたBlob または File の内容を読み込むために使用されます。読み込み操作が終了すると、readyState が DONE となり、loadend が発生します。このとき、result 属性には、ファイルのデータを表す、base64 エンコーディングされた data: URL の文字列が格納されます。 メモ: blob の result は、先に Base64 でエンコードされたデータの前にある Data-URL の宣言を削除しておかないと、直接 Base64 としてデコードすることができません。 Base64 でエンコードされた文字列のみを受け取る場合は、先に結果から data:*/*;base64, を削除しておく必要があります。
Svelte学習帳 PHP REST-API編
Svelte学習帳 PHP REST-API編 概要 SvelteKitでWebアプリケーションを作ります PHPでREST-APIを作ります fetchで通信します データベースに保存したり読み込んだりします はじめに これは、ローカル環境でREST-APIの練習をするサンプルコードです。 SveltKitで作成したWebアプリケーションに表示されているパラメータを、REST-APIでデータベースに保存します。 以前に投稿した記事「続・コードを書いてステータス画面を表示する」の続編になっています。 参考：続・コードを書いてステータス画面を表示する 動作要件 SvelteKitが動作すること PHP ビルトインサーバーが動作すること PHP Composerが動作すること STEP00 準備します ここでは2つのプロジェクトフォルダを作成します。 SvelteKitのプロジェクトを作成する
素のJavaScriptだけでアニメーションを実装するWeb Animations API
2022年3月17日 JavaScript Web Animations APIとは、他のライブラリーを使わずにアニメーションを実装できるJavaScriptの仕様です。CSSアニメーションと違い、様々な関数やイベントと組み合わせてより柔軟に、より豊かな表現が可能となります。今回はそんなWeb Animations APIを使ってみましょう！ ↑私が10年以上利用している会計ソフト！ Web Animations APIの基本の書き方 基本的な考え方や構造はCSSアニメーションと同じですが、アニメーションの内容やどう動かすかの指定は、配列やオブジェクトで記述していきます。基本形はこんな感じ： JavaScript 動かす要素.animate(動かす内容, 動きの詳細); 動かす内容（キーフレーム） animate() の第一引数には動かす内容、キーフレームを指定します。CSSと同じ形でプロ
Instagram Graph API v10.0 を使ってインスタの投稿を埋め込む方法
どうもこんにちは塚本です。 2020年3月2日にInstagram APIがInstagram Graph APIに変わり 投稿をWeb上で読み込む方法が変わったかとおもいます。 それに伴って、 「Instagram Graph API v6.0 を使ってインスタの投稿を埋め込む方法」 というブログを書いていたんですが、もう今はバージョンが10になっているようです。 GUIも少し変わっているようなので、登録手順の更新と アクセストークン3とInstagram Business AccountのIDの自動取得ツールをつくってみました。 お急ぎの方へ、 自動取得ツールはこちらです → Instagram Graph API Acquisition tool ※ APIのバージョンがv13.0になっていたので、最新の記事を書き直しました。 Instagram Graph API v13.0 を使
SNSの投稿をWEBサイトに埋め込むことができるツール | EmbedSocial エンベッドソーシャル
EmbedSocial エンベッドソーシャルとは、Instagram, Facebook, Twitter, Google Reviewの 写真・動画・レビューなどを簡単にWEBサイトに組み込むことができる、SaaS型のウィジェット作成ツールです。全世界で50,000人以上の ユーザーが1,000,000以上のウィジェットを作成し（2019年7月現在）活用しております。 2020年はInstagram APIの変更やTwitterによるInternet Explorerサポート終了も発表されましたが、EmbedSocialではこれらの変更に全て対応し、今まで同様に各ソーシャルメディアから投稿を収集し、WEBサイトに埋め込んで表示させることができます。 目次 SNS投稿埋め込みツール EmbedSocialとは？ 新Instagram API対応・Internet ExplorerでのTwi
2020年 旧Instagram API廃止の影響および新APIのポイントと対応策 | EmbedSocial エンベッドソーシャル
2020年6月29日、インスタグラムの旧APIが廃止されます。6月30日以降、新しいAPI(Instagram Basic Display APIおよびInstagram Graph API）に対応をしていないワードプレスのプラグインやフリーツール使ってウェブサイトに埋め込んだインスタグラムの画像が表示できなくなる可能性が高く、確認や対応が必要です。そこで今回は旧インスタグラムAPI廃止と新API導入の影響と新APIに対応しているツールについて解説します。 (2020年6/23日追記：インスタグラム最新発表に伴い、旧API廃止日付を3月31日から6月29日に更新しました） (2020年2/25追記：インスタグラム最新発表に伴い、旧API廃止日付を3月2日から3月31日に更新しました） 目次 2020年6月29日にインスタグラムAPIの何が変わるのか？ インスタグラムがこのAPIを変更する理
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
任意のtextboxでChatGPTを使えるブラウザ拡張・「GPT Everywhere」
ChatGPT APIとは？【登録方法 & 使い方】｜サクッと始めるチャットボット【ChatGPT / Python】
Svelte3で問い合わせフォーム作ってみた!｜Svelte｜Javascript｜開発ブログ｜株式会社Nextat（ネクスタット）