この記事は移行しました！最新の内容はこちらをご覧ください😀 API開発時にPOSTでメソッド渡さなければいけなくてその度にHTML書いて送信して〜ってのをやってたのですが、 いい加減毎回作るの面倒なので汎用的なのを作りました！ 画面こんな感じ ポイント！ APIのURLが書き換えられる Methodも切り替えできる パラメータ名と値が書き換えられる パラメータが足りなければ add で追加できる パラメータは [] で配列にも対応 ソース <html> <head> </head> <body> <h1>JSONでデータを送信する</h1> <p>Url: <input type="text" id="url" name="url" size="100" value="https://example.com/api/hoge"></p> <p>Method: <input type="t
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Qiita初投稿で至らない点もあるかと思いますので、何かあればコメントにお願いします🙇♂️ はじめに 色々ソフトを漁るのが好きなのですが、おすすめソフト紹介を見てみてもMacのソフトばかりで、Windowsだったとしてもメジャーなソフトを紹介している人が多いなぁって思ったので備忘録がてら軽く紹介していこうと思います。 もしも他にもおすすめのソフトがあれば教えて頂けると嬉しいです！ 一部機能制限版を紹介しているものもありますが基本的にフリーソフトです。 タイトルにマイナー寄りと銘打ったものの社内向けに書いた資料がもとになっているのでメ
はじめに こんにちは、D2Cのエンジニアの吉田です。 本日は私たちのチームが普段 Web API 開発で実際に利用している Step CI を用いたAPI自動テストの構築例を紹介しようと思います。 Step CI の簡単な使い方や利点をまとめ、CI/CDパイプラインとの統合についてまとめます。 Step CI とは Step CI はオープンソースのAPI自動テストツールです。 言語にとらわれず、YAML形式で簡単にAPIテストを記述することが可能です。 この記事ではRESTベースのAPIテストを紹介しますが、GraphQL、gRPC、tRPC、SOAPといった異なるタイプのAPIテストを1つのワークフローでテストすることができます。 他にもCI/CDに組み込むことも可能で、Github ActionやBitbucket Pipelinesと統合することで継続的に自動テストを実行することが
<?php //POSTで受け取り $message = ($_POST['message'] ?? "no message"); $datetime = ($_POST['datetime'] ?? "no datetime"); //変数代入 $response['status'] = 'OK'; $response['message'] = $message; $response['datetime'] = $datetime; //jsonで返す echo json_encode($response); 基本的な使い方 APIにリクエストを投げる 特に説明はいらないと思いますが、URLを入力し、Methodを選択（ここではPOST）、送るパラメータをセットし、[Send]ボタンをクリックします。すると、レスポンスがBodyに表示されます。まあ、これだけでも十分便利です。 ただ、今回
こんにちは、臼田です。 皆さん、WAFWAFしてますか？(挨拶 今回はタイトル通りAWS WAFを完全に理解するための情報を全部詰め込んだブログです。長いです。 そもそもWAFってなんだっけ？という話から初めて「全部理解した」と言えるようになるまでをまとめています。直近AWS WAF v2がリリースされたため、この変更点を中心に機能の説明をします。 Developers.IOではWAFを扱った記事がたくさんあるので、細かいところはブログを引用します。いわゆる元気玉ブログです。 おさらい的な部分も多いので変更点が気になる方は適当に飛ばしてください。 そもそもWAFとは AWS WAFの前にWAFの話をします。WAFはWeb Application Firewallの略でWebアプリケーションを保護するためのソリューションです。 一般的なWebアプリケーションに対する攻撃手法としてSQLインジ
こんにちは！ LINE APIのコンサルティングやプリセールスをしてます、たくあんです。 みなさん！ LINE APIを簡単に試せるって言ったらすごく興味わきませんか？！ 今回は簡易にプラットフォーマーが提供するAPIやSaaSサービスへリクエストが実施できるツール「POSTMAN」を利用してLINE APIをリクエストするところまでを記載していきます。 お試しいただく前に、LINE公式アカウントや前準備が必要です。 以下のnoteにて開設からMessagingAPI化を説明しているので前準備が出来ていない方は以下へジャンプしてみてください！ ▼「POSTMAN」とは・・・Web APIのテストクライアントサービスのひとつです。 色々なクライアントの動きをテストできるようスクリプト拡張や、テストスイートシナリオの作成などの機能があります。 転載：こちら 以下のページアクセスいただき「POS
slackのメッセージを送ると勤怠管理システムに打刻ができる仕組みを作りました。 構成図は以下の通りです。 「開始」や「終了」のメッセージを送ると、その時刻で打刻が完了する仕組みです。 slackとAWSで完結するのものでも良いかとも思いましたが、スプレッドシートへの記録を挟むことでメンバーみんなが確認しやすかったり、無料で利用できるというのもあったためGAS・スプレッドシートも利用しました。 【作成の手順】 １ slackに送った勤怠情報をスプレッドシートに記録させる ２ lambdaから勤怠管理システムに打刻する ３ GASからLambdaを起動する slackに送った勤怠情報をスプレッドシートに記録させるslackのout going webhookと、GASのWebアプリケーションとして導入を利用して連携させる。 まずはスプレッドシートとGASの設定をする。 Google ドライブ
CakePHP Advent Calender 2019 最終日の記事です。 SREチームの金澤です。 2019/12/16にCakePHP4がリリースされました。 ランサーズでは、CakePHP2.10の現システムをCakePHP3に移行中ですが、 同時に、管理画面のソースを別リポジトリに分割し、 CakePHP4で新規構築するプロジェクトも進めています。 CakePHP3で開発をしていたのですが、 CakePHP4が正式リリースされたので、CakePHP4にmigrateしました。 今回、その手順を記録しておきたいと思います。 composer.jsonのCakePHP4対応 CakePHP4.0にアップグレードするためにcomposer.jsonを修正します。 案の定ですが、単純に "cakephp/cakephp": "^4.0", として、composer updateしても依存
概要 このページでは、プッシュ通知の基本的な使い方について説明していきます。 設定の流れ ニフクラ mobile backendのプッシュ通知機能は、 Googleが提供しているFirebase Cloud Messaging（以下、FCM）と連携することで、通知の配信を行っています。 Androidアプリでプッシュ通知を受信するまでの設定は以下のような流れとなっています。 google-services.jsonとFirebase秘密鍵の設定 ニフクラ mobile backendでの設定 アプリでの設定 google-services.jsonとFirebase秘密鍵の設定 FCM対応したプッシュ通知を送信する場合、google-services.jsonをアプリに配置してただくのと、Firebaseプロジェクトの秘密鍵をmobile backendにアップロードしていただく必要があり
はじめに MacからWindowsにリモート接続(GUI)するときに、MicrosoftのRDP(Remote Desktop)を使っているのですが、Mac側が日本語レイアウトなのに、Windows側でUSレイアウトとして認識されてしまいます。 このRDPが日本語レイアウトであることをWindows側に伝えてくれない問題については、 https://qiita.com/hidecha/items/33624f6ae57d41f3cd86 に非常に詳しく書いてあります。これ自体は、Microsoftが対応してくれないとどうしようもないようです。 また、私も以前バックスラッシュキーについて https://qiita.com/KNaito/items/174404ea42470d00c063 で記事を書いたのですが、この時使っていたKarabinerというソフトは、現OSであるHigh Sie
WCF のサービスを作成し、 jQuery から GET/POST で呼びだそうとしたら、思いの外苦労しました。ですので、同じようなことをしようとしている方向けに方法を掲載しておこうと思います。 WCF のサービスは、jQuery から GET/POST でリクエストを受けて、レスポンスを JSON 形式で返すようにします。なお、.NET のクラスインスタンスを JSON に変換するのに、オープンソースの JSON.NET を使用しています。 GET/POST 共通部分 WCF サービス まず、WCF サービスを JavaScript から呼び出せるように、Service1.svc (svc ファイル) を「マークアップの表示」から表示して、以下の色付けした部分を追加します。 <%@ ServiceHost Language="C#" Debug="true" Service="WcfSe
こんにちは、渡辺です。 HTML5のCanvasを簡単に高機能化してくれるJSライブラリ「Fabric.js」を紹介します。 Canvas上に描いた絵をマウス操作で動かしたり、拡大縮小する機能が標準で付いていてスゴい便利なライブラリです！ まず、このライブラリの主な特徴についてです。 ■特徴 ・インタラクティブ性 Canvas上に描いたものをマウスやタッチで自由に操作できます（ドラッグ、拡大縮小、回転）。 ・Canvasに描いた内容をオブジェクトとして扱える Canvasに描いたものをgetメソッドやsetメソッド経由で設定変更できます。 ・Canvasのシリアライゼーション・デシリアライゼーションのサポート Canvas上の内容をJSONまたはSVGに変換でき、再度インタラクティブな描画内容を復元することができます。 ■準備 1. ライブラリのダウンロード https://github.
渡辺です。 みんな大好きAWS CLIのセッション資料「(DEV301) Automating AWS with the AWS CLI」を読んでみました。 [slideshare id=53748614&doc=dev301-151009173049-lva1-app6892] AWS CLI AWS CLI（Command Line Interface）は、Amazon Linuxでは標準でインストールされているAWSの各種サービスを操作することの出来るコマンドです（他のOSはインストーラなどが提供されている）。 コマンド単体ではインタラクティブにひとつの操作しかできませんが、シェルスクリプトを作成することでかなりの作業を自動化することができます。 シェルスクリプトと親和性が高いため、簡単なタスクであればシェルスクリプトとして作成し、cronなどで運用すると便利です。 良いシェルスクリ
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTMLファイルからPOSTでJSONデータを送信する</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("#response").html("Response Values"); $("#button").click( function(){ var url = $("#url_post").val(); var JSONdata = { value1: $("#value1").val()
すごい今更なことなのですが、JSONにはコメントを付けることができないということをつい最近になって気付きました...。 ならコメントを付けなければ良い話ではありますが、個人的にJSONを利用する場合は設定ファイル等で利用することが多いのもあって可能であればコメントを残したいと思うことがあったり、単純に付ける方法はないのかが気になって少し調べてみたので備忘録です。 コメント付けたいならわざわざJSONにこだわらなくてもYAMLにするとかコメント使えるHjson使えばって感じですが、あくまでJSONでコメントを付ける方法になるのでそういった意見はスルーでお願いします。 コメント用にデータをつくる #1 単純に使用しなければいいということで、コメント用として出力などはしないデータをつくってしまう方法です。 例えば下記のように実際に使用しないという意味も含めて先頭に「_（アンダースコア）」を、キー
以前、CakePHPでjQueryのAjaxを使う方法というエントリーを書きましたが、 今回はJSON形式の配列を返却するAPIを作ってみます。 ここ一年間、APIを設計したり使ったりしましたが、自分なりのノウハウをまとめてみようと思います。 JSON形式で返すメリットjavascriptでオブジェクトとしてそのまま扱えるPHPから他の言語へデータの受け渡しが容易JSONはXMLなどと比べ軽量JSONを返すWebAPIはjavascriptとの相性も良く,Ajaxでのやりとりにも使えます。 PHPの場合はjson_encode、json_decodeで等でJSONと配列を簡単に変換できます。 $json = json_encode(array('あ', 'い', 'う')); echo $json; // ["\u3042","\u3044","\u3046"] ※["あ","い","う"
APIを作っていく まずは楽曲の一覧を通常通り画面で表示させますと 以下の通りになります。 これらの楽曲をJSON形式で取得するAPIを作成します。 JSON形式のレスポンスを返す際のコードのポイントは3つで 画面の表示はいらないのでオートレンダリングをOFFにする。・・・① レスポンスオブジェクトにレスポンス形式をセットする。・・・② レスポンスBodyにJSONデータを格納する。・・・③ になります。 以下、コードです。 define('BAD_REQUEST_CODE',400); define('NORMAL_REQUEST_CODE',200); define('AUTHORIZED_API_TOKEN','authorized_key_string'); class SongsController extends AppController { // index , view
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
