レシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話 - クックパッド開発者ブログ
技術部の外村（@hokaccha）です。今回はクックパッドのウェブサイトのフロントエンドを Next.js などを使って作り直している話を書きます。 この記事で紹介する新システムは、スマートフォン向けのレシピページで確認することができます。もし興味があるかたはレシピページをスマートフォンのユーザーエージェントで開いて DevTools などで確認してみてください。 Next.js と GraphQL で動いているのがわかると思います。 ご存じの方も多いかもしれませんが、クックパッドのウェブサイトはモノリシックな Rails で作られていて、10年以上 Rails で開発を続けてきました。10 年以上同じシステムで開発を重ねれば当然レガシーな部分が大量に生まれてきますが、特にフロントエンドはその影響が顕著でした。 どこから使われているかわからない CSS が大量にある、JS のコードは昔なが
GraphQL | A query language for your API
GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. GraphQL provides a complete and understandable description of the data in your API, gives clients the power to ask for exactly what they need and nothing more, makes it easier to evolve APIs over time, and enables powerful developer tools. Ask for what you need, get exactly thatSend a GraphQL q
はじめに - Yahoo!デベロッパーネットワーク
Yahoo!デベロッパーネットワークへようこそ。ここでは、提供APIを使って開発を始めるために必要な手続きをご紹介します。 アプリケーションの開発手順 Yahoo! JAPAN IDを取得 Yahoo! JAPAN IDをお持ちでない場合は、こちらから取得してください。 アプリケーションを登録 次に、アプリケーションを登録し、Client IDを発行してください。Client IDは、Web API利用者、またその使用状況を把握し、スパム行為などの妨害行為を防ぐために使用されます。 ドキュメントを読む Yahoo!デベロッパーネットワーク内には、提供しているWeb APIに関連するドキュメントが用意されています。アプリケーション作成の際にぜひ活用してください。 アプリケーションを作成する Web APIを使用してアプリケーションを作成してみましょう。 アプリケーションを公開する Yahoo
日本の全エンジニアに捧ぐ！現在公開されているAPI一覧【2013年版】 | Find Job ! Startup
2013年のいま、API界隈が熱い！ 今年に入り、官公庁の統計データやNHKの番組情報など、今までなかなか利用できなかったデータがAPIとして扱えるようになってきました。このエントリでは現在公開されているAPIを一覧でまとめます。いま使えるAPIはこれだけ読めば大丈夫。2013年の最新マッシュアップ事情をあますとこなく網羅します！ HOT! API 総務省 次世代統計利用システム（国勢調査、人口推計、就業構造、企業統計、物価統計 etc.） NHK番組表（※未公開） 行政・自治体・公共サービス 郵便番号 郵便番号検索API（郵便番号 → 住所） 郵便専門ネット（郵便番号 → 住所、郵便番号の簡易存在チェック） ぽすたん（郵便番号 → 住所、住所 → 郵便番号） IW3 PROJECT（郵便番号 → 住所、住所 → 郵便番号） 宇宙 Google+ JAXA PR（※現在一部の学生に限定公開
Twitter API Wiki / FrontPage
Welcome to the Twitter API wiki. What are you coding? For the most up to date information, check out dev.twitter.com - our new developers' portal. IMPORTANT: Basic authentication removal is going to occur on August 16, 2010 Twitter API Documentation Getting Started Frequently asked questions API Changelog Known Defects and Enhancements List Long-term Enhancements Support Security Best Practices O
緊急地震速報を使って何か作りたい時の情報ソース
@eew_jp から配信された内容は以下のとおり。 http://twitter.com/eew_jp/status/46085090387828736 緊急地震速報 2011/03/11 14:46頃 三陸沖でマグニチュード8.1の地震が発生しました。予想される最大震度は6。 #earthquake テレビで地震がきた時の話を聞いた限りでは、携帯などへの緊急地震速報の通知も行われていたようだ。 @eew_jp が出しているのは一般向けの緊急地震速報ぐらい信頼できるレベルのもので、一般向けの緊急地震速報とは違い震度3以上のものを通知してくれるが、続報を流すと Twitter の仕組み上混乱の元と成り得るので @eew_jp からは配信しませんよ、ということじゃないかと思った。 2011.05.06 追記 ---- 配信の基準になってるのはよくわからないものの、ツイートとして流された「マグニ
東京電力電力供給状況API
最新状況 時刻：2022/9/7 5時台（5時～6時） 計画停電：実施無し 使用率：53.2% 消費電力：2799万kW 供給可能最大電力：5261万kW ニュース 2012年11月28日、問題の修正作業をしました。 2011年7月1日、以下の新しいAPIを追加しました。 http://tepco-usage-api.appspot.com/quick.txt 5分ごとに更新される速報データのうち、最も新しいデータを返します。データの形式は、「HH:MM,XXXX,YYYY」です。HH:MMは時刻（24時間制）、XXXXは電力消費量（万kW）、YYYYは供給可能電力（万kW）です。5分に1回アクセスしてもいいですよ。 概要 APIなので、プログラマの方向けです。 プログラマじゃない方は、この下の「応用例」をご覧ください。 東京電力の電力使用状況を、使いやすいJSON形式で返すAPIです。
Google Chart API で日本の都道府県に自由に色が塗れる！すごい！
Google Chart API で日本の都道府県に自由に色が塗れる！すごい！ 2011-02-16-3 [WebTool][WebAPI][Geography] Google Chart API のページを見ていたら地図に色塗りできる API があるのを知りました。地域コードと色を指定すると色塗りされた地図画像が返ってくるという API です。世界中の地域の地図が対象です。これは使える！ Map Charts - Google Chart Tools / Image Charts (aka Chart API) - Google Code http://code.google.com/intl/ja/apis/chart/docs/gallery/new_map_charts.html 私としては地域情報＋テキストマイニングの結果を日本の都道府県に色塗りしたいです。さっそく使ってみよっと
Googleの短縮URL「goo.gl」がAPIの提供を開始 - F.Ko-Jiの「一秒後は未来」
待ち望んでいた人も多いかもしれませんが、Googleが提供している短縮URL「goo.gl」がようやくAPIの提供を開始したようです。 » Google Code Blog: Google URL Shortener gets an API 利用するには APIs Console からAPIキーの取得が必要。APIs Consoleの「URL Shortener API」の欄にある「Activate」ボタンをクリックして取得してください。 OAuthもサポートしているようですが、ドキュメントではAPIキーの利用が推奨されています。 (追記) 上記についてコメントでご指摘を頂きましたので、コメント欄をごらんください。 APIで用意されている機能は、 URLの短縮 短縮されたURLの展開 短縮されたURLの統計を取得 ユーザーが短縮したURLの一覧の取得 といったものがあるようです。 APIs
駅データ 無料ダウンロード 『駅データ．ｊｐ』
2019.04.05 三陸鉄道リアス線移管対応/石勝線 夕張支線各駅廃止/Jヴィレッジ駅追加/初台・幡ヶ谷 を京王線から削除 2019.03.17 昨日更新の「浜町アーケード駅」の登録に誤りがありましたので訂正しました 2019.03.16 おおさか東線/ゆりかもめ/長崎電気軌道ほか50件程度更新 2018.04.24 Osaka Metro(4/1)追加/大阪市交通局は民営化に伴う名称・事業所変更 北陸新幹線の事業者コードについて 駅データ．ｊｐの仕様上、１路線には１事業者コードしか登録できません。 北陸新幹線はJR東日本とJR西日本が運営していますが、駅データ．ｊｐではJR東日本の事業者コードのみ登録していますのでご注意ください。 【有料会員登録のお振り込みをされた方へ】 有料会員としてお振り込みをしたら、必ず「ダウンロード」の「有料会員登録」から「お振り込みの報告」をしてください。
駅マスタ検索API ドコイク？Webサービス（β版）
指定した条件で、基点データのうち駅だけを対象に検索することができます。 リクエスト先 URL http://api.doko.jp/v1/getStation.do?[パラメーター] リクエスト/返却 サンプル XML リクエストサンプル http://api.doko.jp/v1/getStation.do?key=*****&format=xml&lat_jgd=35.6686& lon_jgd=139.7593 XML 返却サンプル（クリックすると開きます） <?xml version="1.0" encoding="UTF-8"?> <results status="0" totalcount="11" pagenum="1" pagesize="10"> <landmark> <code>4212</code> <name>新橋駅</name> <dokopcurl>h
Google Maps API を使って、地図のカラーバリエーションを楽しもう。
こんにちは。Google マップのエンジニアリングを担当している池嶋です。今日は、Google Maps API を使って、地図の色を自由に変えられる裏技を紹介したいと思います。 まず、この地図を見てください。 通常の Google マップのように見えますが、全体の色が薄く、赤く色がついている場所があります。赤く色をつけたのは、Google マップのデータベースに「学校」と指定されている場所です。この地図を見ると、たくさんの学校がある事がわかります。 この地図は、特別に作ったデータではなく、先日 Google I/O でも紹介された、Google Maps API で色を変えられる機能を使って作りました。この機能を使うと、自由にカスタマイズした地図を作る事ができます。 例えば、大都市における鉄道や高速道路の分布を地図の上で見る事ができます。
Google Maps Javascript API V3 Overlays - Google Maps JavaScript API V3 - Google Code
Google Maps API Premier Same great maps plus a SLA, support, and control over ads Google Maps Javascript API V3 Overlays Note: The Google Maps Javascript API Version 3 documented within these pages is now the official Javascript API. Version 2 of this API has been officially deprecated as per our deprecation policy. We encourage you to migrate your code to this newly updated and enhanced version!
detectFace(); - 顔検出Webサービス
2018.04.04 detectFace();SDKの提供を終了しました。 2015.02.09 ポストされたjpeg画像にexifのorientation情報が付いている場合、 APIがそれを解釈するようになりました。 (Flash製サンプルでは事前の処理でexif情報が削除されてしまうため、 APIはorientationを認識できません) 2011.06.12 APIに若干の機能追加を行いました。 既存のクライアントとは完全な互換性があります。 入力画像の傾向に応じて検出モードを選択できるようになりました。 詳細はリファレンスを参照して下さい。 サンプルコンテンツ「簡易サンプル」を、 APIの新しい機能を使うように変更しました。 2010.08.26 APIに若干の機能追加を行いました。 既存のクライアントとは完全な互換性があります。 特徴点毎に信頼度が付加されるようになりました。
Social Graph API - Google Code
注æ: ä¸é¨ã®ãã¼ã¸ã¯è±èªã§ã®ã¿ãå©ç¨ããã ãã¾ãã ã¦ã§ããµã¤ãã®ã¦ã¼ã¶ã¼æ°ã®ç¢ºä¿ ã¦ã¼ã¶ã¼ã¯ããã¾ãã«å¤æ°ã®ã¦ã§ããµã¤ãããããããç¹°ãè¿ãã¢ã¯ã»ã¹ãã¦é·æéå©ç¨ãããµã¤ããé¸æãããã¨ã«ãªãã¾ãããããããã¼ã«ã¨ã£ã¦ããã¯ãå¹æçãªã¦ã§ã ã¢ããªã±ã¼ã·ã§ã³ã®ä½æãé£ã
subversionからgithubへの移行
いるもの MacOSXかWindowsのマシン MacならGitXもあると便利 subversionにアクセスできること インターネットにつながる やる気 基本手順 gitは分散リポジトリであり、subversionの履歴が取得できる環境であればローカルのPCでできる。 あまりにもコミット数が多い場合はsubversionのリポジトリがあるサーバでやった方が良いかもしれないが、 githubとの接続もあるのでそれでも普段開発する(gitを使うであろう)PCでやるのが良さげ。 gitとgit-svnをPCに入れる githubにアカウントつくってsshつながるようにする プロジェクト単位で以下をやる githubにプロジェクトを作成 git-svnでローカルリポジトリにcloneをつくる githubへpushする なお、無料アカウントだと300MB縛りがあるのでバイナリをぼこぼこコミットし
Social Website Tutorial (v0.9) - OpenSocial
OpenSocial Foundation Moves Standards Work to W3C Social Web Activity W3C and the OpenSocial Foundation announced today that as of 1 January 2015, OpenSocial standards work and specifications beyond OpenSocial 2.5.1 will take place in the W3C Social Web Working Group, of which the OpenSocial Foundation is a founding member. The W3C Social Web Working Group extends the reach of OpenSocial into the
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ガソリン価格 API
Google APIs & Developer Products - January 2011
1年で70億枚の顔写真をスキャンしたFace.comが顔認識APIを無料で一般公開
