レシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話 - クックパッド開発者ブログ
技術部の外村（@hokaccha）です。今回はクックパッドのウェブサイトのフロントエンドを Next.js などを使って作り直している話を書きます。 この記事で紹介する新システムは、スマートフォン向けのレシピページで確認することができます。もし興味があるかたはレシピページをスマートフォンのユーザーエージェントで開いて DevTools などで確認してみてください。 Next.js と GraphQL で動いているのがわかると思います。 ご存じの方も多いかもしれませんが、クックパッドのウェブサイトはモノリシックな Rails で作られていて、10年以上 Rails で開発を続けてきました。10 年以上同じシステムで開発を重ねれば当然レガシーな部分が大量に生まれてきますが、特にフロントエンドはその影響が顕著でした。 どこから使われているかわからない CSS が大量にある、JS のコードは昔なが
新管理画面のAPIにGraphQLを採用した話 - 一休.com Developers Blog
一休.com レストランを開発している所澤です。この記事は一休.comアドベントカレンダーの10日目の記事です。 先日、一休.comレストランの管理画面をリニューアルしました。 この記事ではその際にAPIの実装方法として採用したGraphQLについてフロントエンド視点で利点や使い所について述べます。 GraphQLについて以下の記事がわかりやすかったです。 「GraphQL」徹底入門 ─ RESTとの比較、API・フロント双方の実装から学ぶ - エンジニアHub｜若手Webエンジニアのキャリアを考える！ 短いまとめ 新しくAPIサーバーを書くなら是非GraphQLで！ というくらい良かった Apolloのエコシステムに乗り切らなくてもいい。ふつうのRESTfulなAPIサーバーの代わりに、くらいの気軽さでGraphQLを採用してもいい プロジェクトの概要 今回リニューアルした一休.comレ
新規アプリでGraphQLを全面採用した話 - エムスリーテックブログ
この記事は エムスリー Advent Calendar 2019 の17日目の記事です。 こんにちは、エムスリーエンジニアリンググループ マルチデバイスチームの金丸 (@maru333) です。 アナと雪の女王2 は最高でしたね。ただ、劇中の波のシーンが実写か3DCGかを考えだすと気になって夜も眠れません。 さて今日のAdvent Calender では、新アプリを開発する中でGraphQLを試行錯誤しながら色々試した話をしたいと思います。 栃木の大谷資料館 巨大地下空間に行った時の写真。ここはPV撮影や映画撮影など様々な事に使われる空間で、今ドラクエをやっているのでドラクエっぽいなと思って上げました (本文とは一切関係ありません) GraphQLで言うと、弊社主催でGraphQLの勉強会を9月に開催しており、そこからのアップデートを主にご紹介するつもりです。 勉強会の内容はこちら (Gr
Full stack open
You can discuss the course and related topics in our dedicated group on Discord https://study.cs.helsinki.fi/discord/join/fullstack and on Telegram: https://t.me/fullstackcourse. Please join the conversation! See here how to ask questions in a proper way Parts 0-8 and 13 of the course material is written by Matti Luukkainen. The content of part 9 is written by developers from Terveystalo. Part 10
gqlgen
gqlgen What is gqlgen? gqlgen is a Go library for building GraphQL servers without any fuss. gqlgen is based on a Schema first approach — You get to Define your API using the GraphQL Schema Definition Language. gqlgen prioritizes Type safety — You should never see map[string]interface{} here. gqlgen enables Codegen — We generate the boring bits, so you can focus on building your app quickly. Still
GraphQL 始めました。始めるにあたって読んだ資料、Tips
Apollo 公式キュメントを翻訳しました https://apollographql-jp.com/ GraphQL を始める 社内の新しいプロジェクトで GraphQL を使用することにしたので、資料を読んで実装し始めました。それにあたって、有用だった資料と、実装の tips をここにまとめます。 Gatsby で GraphQL の問い合わせに慣れる 本サイトは Gatsby という React ベースの静的サイトを作成するために最適なアプリケーションを使用していますが、Gatsby はデータを取得するために GraphQL を標準で使用します。そのためのチュートリアルも丁寧に用意されており、この過程を通じで私は GraphQL のクエリを書いてデータを取得するという流れに慣れました。 この時点での私の理解は「API を Axios 等で叩く代わりに、GraphQL というシステムが
GraphQL & Apollo for Angular Developers – Graphcool Blog
GraphQL & Apollo for Angular DevelopersNew tutorials available on How to GraphQL: Apollo 2.0 & AngularAfter the React & Apollo tutorial update to Apollo Client 2.0 last week, we’re very excited to release a brand tutorial track: Angular & Apollo How to GraphQL is a tutorial site covering a wide range of topics all around GraphQL. Starting with a basic introduction, discussing advanced topics and f
Apollo Client Developer Tools | Apollo GraphQL Blog
Last week I got the chance to work with Sashko and David on a project idea that the Apollo team has been thinking about for a while now: Apollo Client Chrome DevTools. We were able to start executing some of our ideas thanks to a company-wide engineering hack week, and today we’re excited that the first version of the DevTools is now available on the Chrome Web Store, and can be used with Apollo C
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Meetup #10 Lightning talks
The Next Generation GraphQL Headless CMS
Atomic Layout
How to GraphQL - The Fullstack Tutorial for GraphQL
MediumからReact.jsとGraphQLへの移行