はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

サマリ Twitter の Search APIの仕様が、1.1 → 2 でかなり変わっていました。 仕様の全体像を掴むのに少し苦労したため、メモを残しておきます。 v1.1 と v2 の違い ざっくり言うと サービスレベルの変更 ツイート取得のメソッドの変更 の2つに分けられる。2つをそれぞれ把握しないと面食らう。 v2のサービスレベル 大きく分けて２レベル。 直近７日間のツイートを検索できる エンドポイント 「recent」 https://api.twitter.com/2/tweets/search/recent 過去のツイート全てを対象として検索できるエンドポイント 「all」 https://api.twitter.com/2/tweets/search/all の2つに分かれる。しかし、「all」エンドポイント は、Academic Research Production の

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

とある Web APIを触っていたところ CORS設定により、ブラウザからのAPIリクエストが許可されていない。 しかし、ブラウザからの入力値を受け取り、WebAPIへリクエストを送りたい。 できればJavaScript(Node.js)で構築したい というユースケースがあり、ちょっと試してみました。 やること Webフォームからデータを入力 Node.jsのサーバーへPOSTで送信 Node.js サーバーからWebAPIへリクエストを送り、返り値をWebフォームへ送る 実装 Node.jsでPOST値を受け取るため、Expressでサーバーを立ち上げる POSTで送られたデータをrequest モジュールでAPIへ送信 返り値をPromiseで待受け、ブラウザへ返す という流れで実装しました。 「Webフォームから入力した書籍名を、Google Books APIへ問い合わせし、返り値

Leaflet とは Leafletは、地図データを扱うためのJavaScript ライブラリ。Google Maps PlatoformやYOLPのようなメソッドで、地図情報の操作ができる。 Leaflet のウェブサイト https://leafletjs.com/ Leafletのレポジトリ https://github.com/Leaflet/Leaflet Vladimir Agafonkinというエンジニアによって開発された。 著作権は、Vladimir および各コントリビュータに帰属しているが、BSDライセンスを採用しているため、著作権の表示と免責条項さえ明記しておけば、再利用も再配布も自由となる。 Leafletを使えば、すぐに地図が使えるか No、Leaflet自体は単なるJSライブラリで、地図データを持っていない。 Leaflet で地図を表示するためにはどうすれば良い

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

この文章について PWAを構成する主要技術のひとつ、プッシュ通知(Push API)について調べたメモです。 合わせて、Firebase を利用したプッシュ通知の実装を行ってみました。 誤記などありましたらご指摘ください。 (2019年2月時点のメモとなります) PWAの Service Worker についてはこちらの記事をご覧ください。 プッシュ通知について Web技術を利用した通知用APIは Notifications API Push API の2つがある。PWAの世界で「プッシュ通知」について説明する場合、後者の「Push API」を利用したプッシュ通知を指す場合が多い Push APIを利用したプッシュ通知の仕組み Google のドキュメントを元にまとめると 初期設定： サーバー側でプッシュ通知を行うためのアプリケーション・サーバーキー(VAPID)を準備する プッシュ通知の

この記事について PWAについての理解がふわっとしていたので、おさらいし直した内容を記しました。 2019年2月時点のメモとなりますが、誤記などありましたらどうぞご指摘ください。 Progressive Web Apps とは Google が提唱・推進しているアプリ https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp/?hl=ja 概念はGoogle の説明を参照するとして、仕様面で見ると Web技術 (html、css、JavaScript、および各種 Web API) を利用したアプリ ウェブサイトで公開可能、Appストアを経由せずに配布できる スマートフォンにインストール可能 Service Worker を利用し、アプリプログラムをキャッシュすることで、ネットにつながっていなくても動作可

やること Microsoft Translator テキスト API へ日本語の文字を送り、英語に翻訳されたデータを受け取る JavaScript で実装する 流れ Microsoft Translator テキスト APIを有効化して、認証キーを取得する トークンを取得する トークンを使ってTranslator テキスト APIを叩く サンプルコード 参考情報 Microsoft Translator テキスト API を有効化して、認証キーを取得する 最初に、Translator テキスト APIを利用するため、Microsoft Azureから認証キーを取得する必要があります。詳細は以下に書かれています。 Microsofut Azure アカウントを持っていない場合は、 https://azure.microsoft.com/ja-jp/ で Azure アカウントにサインアップす

※ AWS Lambda と SES の勉強がてら、作ってみました。前記事の続き となります。 IT系勉強会を探すときに、Connpass をよく使っています。 Connpass では、所属するグループが新しい勉強会を登録すると、メールで通知を行ってくれます。 しかし、特定のキーワードや地域名での通知機能は存在しません。このため、自分が所属するグループ外で、面白そうな勉強会が開かれていても、情報を見過ごすことが何度かありました。 そこで、AWSを利用して 自分が興味あるキーワード、地域の勉強会の登録情報を定期的に確認 新しい勉強会が登録されたら、メールで通知する ようにしてみました。 やること Connpass で、自分が興味あるキーワードの勉強会が新規登録・更新されたら、メールで通知する。キーワードは「AWS」「東京都」の2つを含むものとする。 仕様 AWS Lambda で、一日一回「

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Google Books API + Movable Type で書籍管理システムを作る その4です。今回は、Google Books API について、簡単に解説します。 サンプルコードでは、以下のようなことをやっています。 登録フォームから入力されたISBNコードを利用して、Google Books API からデータを取得 取得したJSONデータを、jQueryで取得 取得した書籍データを、登録画面に表示 Google Books API とは Google が提供するAPIの一つです。 Google が提供するサービスの一つに「Google ブックス」があります。 https://books.google.com/?hl=ja 世界中の書籍情報を収め、検索することによって詳細情報が取得できるサービスです。 (ただし、登録状況にはばらつきがあり、日本のベストセラーでも収録されていない

postcf.php <?php // Definition define("API_PATH", "<MTCGIPath><MTDataAPIScript>"); $username = 'username'; $password = 'password'; $siteId = '<MTBlogID>'; // Authentication $tokens = authentication($username, $password); $accessToken = $tokens->accessToken; // Generate Post Data $postData = array( 'entry' => json_encode(array( 'title' => $title, 'date' => $date, 'body' => $body, 'more' => $more, '

Movable Type は強力なスタティックパブリッシング機能を持ち、静的なhtmlによるウェブサイト構築は得意とするところです。 この特性を利用して、Movable Type で出力したhtmlを、Amazon S3に転送。S3をウェブサーバーとして使い、サイトを公開してみます。 この稿でやること Movable Type for AWS(Amazon EC2, 以下 MT for AWS)で、静的htmlのサイトを作る 出力したサイトデータをAWS CLI経由でS3へ転送する S3上でウェブサイトを公開する この構成を利用して嬉しいこと Movable Type + S3の静的ウェブサイトホスティング機能を使って、S3をウェブサーバー代わりに使える。 S3を利用するため、負荷耐性の高いウェブサイトの運用が可能となる。 CMSサーバーを常時起動しっぱなしにする必要が無い。 留意点 S3