先取りVue 3.x !! Composition API を試してみる - Qiita
Vue.js v3.xのRFC（Request for Comments） となっているComposition API を色々触ってみたのでまとめます。 Vue Composition API とは？ Introducing the Composition API: a set of additive, function-based APIs that allow flexible composition of component logic とある通り、コンポーネントのロジックの柔軟なコンポジションを可能にする関数ベースのAPIです。 型推論の改善と、合成関数によるロジックの整理が可能になっています。 @vue/composition-apiを追加することで、Vue2系でも使用することができます。 環境構築 vue-cli でプロジェクトを作成します。 ポイントはManually sel
React + microCMSで実現するZOZOTOWNキャンペーンページのノーコード化 - ZOZO TECH BLOG
はじめに 2020年新卒入社で、現在ZOZOWEB部所属の武井です。ZOZOTOWNのWebフロントエンド開発を担当しています。私は入社以来オフィスに2度しか出社したことがありませんが、そのうちの1度はスタッフインタビュー記事の撮影のときでした。アートがたくさんある素敵なオフィスですが、それ以降出社できていません。まさか新卒1年目からフルリモート勤務をすると思っていませんでしたが、先輩スタッフが仕組み作りをしてくださっていたおかげで快適に働けています。 さて、本題です。ZOZOTOWNではタイムセール、ショップ限定クーポン、抽選プレゼントなどのキャンペーンを期間限定で実施しています。このキャンペーンをより際立たせるためにキャンペーンページを作成し、ホーム画面やメルマガなどを通じてお客様にお届けしています。しかし、このキャンペーンページの作成が必要になった場合、エンジニアが都度実装しており、
Open API × Rails × TypeScriptでのスキーマ駆動開発｜Offers Tech Blog
プロダクト開発人材の副業転職プラットフォーム Offers を開発している、株式会社 overflow にて EM をやっております磯崎と申します。 日々プロダクトを開発している中で、様々な格闘があるかと思いますが、その中でも大分格闘してきた Open API を用いたスキーマ駆動開発について今回は書いてます。 この構成で運用してよかったと今のところは思ってますが、色々面倒な事や落とし穴にも直面してきました。自分たちの中に溜まっている知識を書き記していくのでどこかでお役に立てればハッピーです ☺️ 最初に API を定義、その後開発を進めていくスキーマ駆動開発 そもそもスキーマ駆動開発とは、はじめに API を定義し、それを元にフロントエンド・バックエンドと開発を同時に進めていく開発フローです。 フロント実装においては通信部分で、「何を送信すべきか」、「何が返ってくるのか」を予め決まった状
日本の祝日APIをリリースしました - ケンオールブログ
アップデートのお知らせ(2022/03/15) 2022/03/15(火)にケンオールをアップデートしました。 アップデート内容は以下のとおりです。 新API: 日本の祝日API 郵便番号逆引き検索API: 品質の改善 祝日や休日のAPIについて、機能要望アンケートを募集中です！ 新API: 日本の祝日API 日本における祝日は、内閣府が毎年CSVデータを公開しています。 しかし、システムで祝日データを利用するとき、CSVをダウンロードし、それをシステムにロードするというのは意外と手間がかかります。 手動で更新する場合、手順自体を検証した上で運用ドキュメントを執筆する必要があります。 さらに、手動運用によるオペレーションミスのリスクも毎年つきまとうことになります。 自動化する場合、特別に祝日が移動するケースなどに対応できるようにしなければいけません。結局のところ手動でも更新できるようにして
チームのSlackを自動監査してくれるSaaSがまぁまぁ便利 | ロードバランスすだちくん
シンジです。ゆーても史上最強の監視系ツールはNetskopeなのですが、とりあえずSlackだけにフォーカスして超低価格でお手軽監査ができるので紹介します。 lighthousebot Enhanced Slack Security with real-time monitoring & alerts | Lighthouse https://www.lighthousebot.com/ もともとはGSOFTという会社のメンバーが、こんなんあったらいいんじゃねってノリで作ったSaaSで、シンジが使ってた数ヶ月の間に機能フィードバックしまくったら全部実装されたので、勢いはすごくあると思います。UIもかなり見やすくなって良い感じ。 実際の画面をお見せしましょう TOPページから早速Slackと接続できます 管理者が接続しないとAPI叩いても全く見えないので、必ず管理者が接続して下さい。 ダッシ
gRPC-JSON proxy - 世界線航跡蔵
grpc-gateway という gRPC からJSON APIへの変換プロキシ生成機を書いた。 これを使えばシステム内部ののmicroservicesはgRPCで通信しつつ公開APIはJSON APIで提供する、みたいなことが簡単になる。 なお、gRPCそのものについては mattnさんの記事 が参考になる。 背景 gRPCの良い点はいくつもある。 データはデフォルトでprotocol buffersで直列化される。ベストではないにせよ十分にコンパクト且つ高速だし、サイズで言えばJSONとは比べるべくもない。 簡単に複数の言語でサーバーのテンプレートやクライアントを生成できる。通信の詳細はgRPCにまかせて開発者はサーバーロジックの実装に注力できる。 design by Googleという安心感。 gRPCの素晴らしさは認めるものの、一方では欠点もある。まず、クライアントライブラリの多く
Facebook API v2.0で、フレンド数やフレンド一覧を取得する方法
Facebook公式のFAQより引用 FacebookのAPIのバージョン変更に伴い、アプリ経由の投稿権限「publish_actions（旧publish_stream）」使用の際には審査必須となった件に代表されるようにv2.0では結構クリティカルな仕様変更があります。 個人的にpublish_actions周りの次に大きな仕様変更だと思っているのが、ユーザーのフレンドリスト取得周りのAPIの縮小・廃止です。 事実上、2014/4/30以降に新たに作成されたアプリではFacebookの全フレンド一覧は取れません。また、それ以前に作られたアプリでも、2015/4/30以降は取れなくなります。 ※一応取る方法あります（後述）が、おそらく限定的な用途でのみ使えます。 なお、全フレンド数は、v2.0でも取ることが出来ます。あまりこの情報は見ないので、まとめときます。 ちなみに、フレンドリスト周り
HMACを利用した安全なAPIキーの送受信
(Last Updated On: 2018年10月9日)Webアプリケーションの機能をサービスとして提供する場合、ランダムな値の秘密のAPIキーを鍵とすることが多いです。 // 何らかのAPIを呼び出す http://example.com/api/v2/get_something?api_key=qwertyuiop シンプルな方法で使いやすいですが、鍵となるAPIキーをそのまま使っているので鍵が漏洩する可能性があります。HMACやHKDFを使うと鍵となるAPIキーを直接使わないでAPIへのアクセスを認証できます。 HMACを使ったAPIキーによる認証 前提条件： $api_keyは暗号学的に安全な鍵。例：$api_key = base64_encode(random_bytes(32)); 鍵となるAPIキーを直接GETやPOSTで渡さなければ、鍵が漏れる心配がなくなります。HMAC
開発効率を上げる！Swaggerで作るWEB APIモック - ZOZO TECH BLOG
こんにちは。バックエンドエンジニアのじょーです。 みなさんは、開発初期の段階でWeb API（以下API）の実装が追いつかずクライアント側が開発できないという経験をしたことはありますか？ クライアント側はAPIがないと開発が滞ってしまうことがありますが、かといってAPIの開発も始まったばかりではすぐに必要なAPIを提供することができません。その問題を解決し、両者でスムーズに開発をすすめるために有効な方法の1つに、APIモックの作成があります。 弊社では、開発初期の段階でWeb APIのモックを作成し、スムーズに開発できるようにしています。 以前は、Apiaryをモック作成ツールとして利用していましたが、記法やエディターに使いづらい点があり最近Swaggerに移行しました。 本記事では、Swaggerを使ったAPIモックの作成方法と手順、また気をつけるべき点などを紹介します。 目次 Swag
翻訳: WebAPI 設計のベストプラクティス - Qiita
これは Enchant の開発者である Vinay Sahni さんが書いた記事「Best Practices for Designing a Pragmatic RESTful API」1を、ご本人の許可を得て翻訳したものです。 RESTful な WebAPI を設計しようとすると、細かなところで長考したり議論したりすると思います。また、他の API に倣ってやってはみたものの、本当にそれでいいのか、どうしてそうしているのか分からない、何てことも少なくはないと思います。 この記事では、そのようなハマリどころについて Vinay さんなりの答えを提示し、簡潔かつ明快に解説してくれています。 今後 WebAPI を設計される方は、是非参考にしてみてください。 なお、誤訳がありましたら編集リクエストを頂けると幸いです。 まえがき アプリケーションの開発が進むにつれて、その WebAPI を公
Most Trusted Cryptocurrency Market Data API | CoinMarketCap
The world's cryptocurrency data authority has a professional API made for you.Get Your API Key NowCompare API Plans A new suite of powerful, flexible, and accurate cryptocurrency market data endpoints. From demanding enterprise use cases to economical pricing plans for startups, there is a plan for you.
Zaif APIドキュメント
暗号資産は、日本円やドルなどのように国がその価値を保証している「法定通貨」ではありません。インターネット上でやりとりされる電子データです。法定通貨と異なり、国などによりその価値は保証されているものではありません。 暗号資産は、価格の変動により損失が生じることがあります。暗号資産の価格が急落したり、突然無価値になってしまうなど、損をする可能性があります。 暗号資産は移転記録の仕組みの破綻等により、その価値が失われる場合があります。 秘密鍵やパスワードを失った場合、保有する暗号資産を利用することができず、その価値が失われる可能性があります。 当社が倒産した場合には、預託された金銭及び暗号資産を返還することができない可能性があります。 暗号資産の取引を行う場合、取引内容をよく理解し、ご自身の判断で行ってください。 暗号資産や詐欺的なコインに関する相談が増えています。暗号資産を利用したり、暗号資産
ビットコイン取引所【bitFlyer Lightning】
下記のPrivate API 新規注文を出す POST /v1/me/sendchildorder 新規の親注文を出す（特殊注文） POST /v1/me/sendparentorder すべての注文をキャンセルする POST /v1/me/cancelallchildorders *0.1 以下の数量の注文は、すべての板の合計で 1 分間で 100 回を上限とします。 上限に達するとその後 1 時間は 1 分間で 10 回まで注文を制限します。 システムに負荷をかける目的で注文を繰り返していると当社が判断した場合は、API の使用を制限することがあります。ご了承ください。 認証 Private API の呼出には認証が必要です。 ログイン後、開発者ページ において発行した API key と API secret を使用します （API key をご利用いただけるのは、bitFlyer
郵便番号検索 REST API
無料 私自身が業務でWebサービスを構築している際に、無料で手軽に使えて安定しているサービスが欲しいと思っていましたがどれも有料のサービスやユーザ登録が必要だったりして利用が面倒でした。 そこで、誰でも手軽にアクセス数を気にしないで使えるサービスを作りたかったので作りました。 寄付はGithubから 利用規約 アクセス制限無し CloudflareのCDNを利用しているためほとんどのデータはCDNでキャッシュされています。CloudflareのCDNの利用料が無料なのでこのAPIサービスも無料で提供できています。 Cloudflare CDN
YouTubeの動画を背景に利用する（YouTube IFrame API）
某イカゲームの公式サイトなどでやってる手法です。 同じ件に遭遇するだろう同士の為にサンプル含めてメモっておきます。 See the Pen YouTube Background by Tenderfeel (@Tenderfeel) on CodePen. サンプルをjsdo.itからCodePenに移動 利用するAPIは YouTube IFrame API です。 この公式のサイトにAPIを利用して動画を表示するサンプルがあるんで、それを適当にコピペすれば基本的な表示はできる感じになってます。 以下からは段階を追って冒頭に載せたCodePenのソースを適当に解説しています。 公式のリファレンス見てもよく分かんないという方向けです。 2018年9月25日以降の挙動について 以下2点の大きな変更があり、YouTube動画を背景に設定して利用することは実質できなくなっています。 showin
Amazon API Gateway＋AWS Lambda＋Amazon Elasticsearch Serviceでサジェスト機能を実装する | DevelopersIO
Amazon API Gateway＋AWS Lambda＋Amazon Elasticsearch Serviceでサジェスト機能を実装する はじめに Elasticsearch検証担当の藤本です。 概要 ElasticsearchはSuggesterというサジェストを実装するための検索APIを提供しています。 検索方法は単純な文字列の一致だけでなく、Elasticsearch（Lucene）が持つ検索エンジンを活用でき、RDMS＋ロジックによりゴリゴリ実装せずとも、よりユーザーが望む検索結果、結果順序を提供することができます。 今回はSuggesterの内、Completion Suggestterで実装しましたが、Suggesterは複数あり、更には設定オプションも豊富なため、多くの要件を満たせるでしょう。 ちなみに現在（v2.1）、SuggesterはCompletion sugg
Googleアナリティクス API リファレンス日本語訳（一部）
Googleアナリティクス API 公式リファレンスが英語なので自分が使ったもののまとめ データエクスポートAPI（data export）では、アナリティクスアカウントデータを使用してアプリケーションを作成できます。 既存のアナリティクスのプロファイルからデータをリクエストしてレポートを取得することができます。 以下のその際に指定するデータ項目の日本語訳。 ディメンションga:socialNetwork （ソーシャル ネットワーク）ga:socialActivityUserPhotoUrl （ユーザーの写真の URL）ga:socialActivityEndorsingUrl （推奨 URL）ga:socialActivityUserHandle （ソーシャル ユーザーのハンドル名）ga:socialActivityPost （ソーシャル アクティビティの投稿）ga:socialActi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
COTOHA API | NTTコミュニケーションズが開発した日本最大級の日本語辞書を活用した自然言語処理、音声処理APIプラットフォーム
PHP - HMAC Authentication
AWS Lambda と API GatewayでRails使わずに済んだ話
