レシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話 - クックパッド開発者ブログ
技術部の外村（@hokaccha）です。今回はクックパッドのウェブサイトのフロントエンドを Next.js などを使って作り直している話を書きます。 この記事で紹介する新システムは、スマートフォン向けのレシピページで確認することができます。もし興味があるかたはレシピページをスマートフォンのユーザーエージェントで開いて DevTools などで確認してみてください。 Next.js と GraphQL で動いているのがわかると思います。 ご存じの方も多いかもしれませんが、クックパッドのウェブサイトはモノリシックな Rails で作られていて、10年以上 Rails で開発を続けてきました。10 年以上同じシステムで開発を重ねれば当然レガシーな部分が大量に生まれてきますが、特にフロントエンドはその影響が顕著でした。 どこから使われているかわからない CSS が大量にある、JS のコードは昔なが
SODANE - AWSと各種SaaSを活用したサーバレス・ライブコマースシステムの開発
水曜どうでしょうエアキャラバンin 赤平2020 10/3(土)・4(日)の２日間で開催された「水曜どうでしょうエアキャラバンin 赤平2020」のオンラインイベント会場として、動画を見ながらお買い物ができるライブコマースシステムの開発を行いました。 アーキテクチャ 全体のアーキテクチャは以下の通りです。 それぞれの役割について簡単にご紹介いたします。 サーバサイドやネットワークの技術者が不在なので、昨年に引き続きSaaSとマネージド・サービスをフル活用してのサーバレス構成で構築を行いました。 映像配信部分 AWS側へのアップロードにAWS Elemental のアプライアンスである「AWS Elemental MediaLink」を使用しました。AWS MediaLiveのInputとしてコンソールから直接管理が可能な上、同一のハードウェアを用いることでMediaPackage側でのフェ
AWS Lambdaの裏側をなるだけ詳しく解説してみる - Sweet Escape
AWS Lambdaの環境がどのようになっているか、ユーザが用意したLambdaファンクションがどんな感じで実行されるかってあたりを可能な限り詳しく説明したいと思います。 はじめに 大前提 コールドスタート/ウォームスタート コントロールプレーン/データプレーン アイソレーション AWS Lambdaのコンポーネント群 同期実行かつ初回呼び出し（コールドスタート）、もしくはスケーリング 同期実行かつ再利用（ウォームスタート） 非同期実行 スケールアップ エラーハンドリング リトライ その他 ネットワーク まとめ はじめに この投稿は2020年9月29日の21時から開催予定のイベント（ライブストリーミング）で話す内容です。 serverless-newworld.connpass.com もし間に合えば、かつ時間があればぜひライブ配信のほうにも参加ください。 （2020.09.30 upda
ヤフーの分散オブジェクトストレージ Dragon について
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、データ＆サイエンスソリューション統括本部所属の後藤泰陽（@ono_matope）です。少し時間があいてしまいましたが、9月19日にお茶の水女子大学で開催された WebDB Forum 2017 において、分散オブジェクトストレージ “Dragon” について講演しました。良い機会なので、本エントリでもDragonについてご紹介させていただきたいと思います。 発表資料 WebDB Forumでの発表資料については以下をご覧ください（講演時の内容と一部異なります）。 日本語版 Dragonとは？ Dragonは、ヤフー・ジャパンで開発された分散オブジェクトストレージシステムです。Amazon S3互換のWeb APIを実装
Jack and Jill の最新の動向
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、ヤフーで Android アプリの開発などをしている菅井です。 Yahoo! JAPANのアドベントカレンダー12月8日のAdvent Calendarを担当させていただきます。 弊社ではプログラミング言語ごとや、OS,プラットフォームごとに社内勉強会が盛んに行われており 業務に携わる中で気になったことや、ハマったこと、単に趣味嗜好が似ているもの同士が集まって部署を超えて情報を共有するような文化があります。 それらのイベントは勉強会やライトニングトーク会などの形で行われており、自分も何度か発表しているのですが 社内・社外を問わず多くの人達の発表から新たな見識を広げたり刺激を受けることが多く業務中なのにネタに使えるな？な
2015年に備えて知っておきたいリアクティブアーキテクチャの潮流 - Qiita
はじめに もうすっかり年末なので、これから2015年にかけてアプリケーションアーキテクチャがどのようになっていくのかという個人的な考え/妄想や背景について、「リアクティブ」というキーワードをもとににまとめてみたいと思います。 Google Trendsを見ると"reactive programming"という言葉は2010年前後から、ゆっくりとバズをし始め、現在も上昇を続けています。 また、仕事としては、2010年ごろから大規模なWebサービス開発において、フロントエンド、バックエンド、アルゴリズム改善といった様々な箇所で、リアクティブプログラミングの要素を取り入れながら、アーキテクチャの改善を進めてきました。そのため、こういったアーキテクチャがコード品質の維持や安定性の向上、実際的で複雑な問題の解決にも適応可能であるということを実感として持っています。 近年、そういった要素が様々なツール
DELETE_FLAG を付ける前に確認したいこと。 - Qiita
DELETE_FLAG という思考停止フラグ DELETE_FLAG という boolean の列が DB 設計でよく話題になります。 論理削除という言葉で上手に論理武装し、スキを見せるとすぐに入れたがる人がおり、 一方でそれにつよく反対する人もいます。 自分の経験としては、広義の論理削除はありえると思いますが、実現方法が DELETE_FLAG だとなった時、それはあまり考えてないでなんとなくパターンとして盛り込んでる場合が多いと感じます。 ただし、設計に唯一の答えは無いので、もしかしたらそれが妥当な設計である場合があるかもしれません。 今回は「DELETE フラグがなぜダメなのか？」などという話をするつもりも、アンチパターンだと断言するつもりもありません。 問題は、仕様をきちんと把握すると、「最適な設計は DELETE_FLAG ではない」という場合が有って、その場合は、その最適な設計
Game BaaS Implemented in Ruby
2015年2月9日第四回DeNAゲーム開発勉強会資料 ※当日頂いたQ&Aを追加しました（2015/2/10） Read less
マイクロソフトはどうやってBingをFPGAで実装したか - Qiita
ドワンゴがニコ動の画像配信向けにFPGAエンジニアを募集したり、マイクロソフトはBingをFPGA実装したり、Baiduもディープラーニングの高速化にFPGAを導入したりと、なんだか世の中急にハードウェアくさくなってきた。IoTとは違う意味で。 金融分野ではすでにCPUでは遅すぎてFPGAによるナノ秒単位の株取引が行われているって記事を書いたのは2年前だけど、ここ数年はIntelのCPUのクロックもあまり上がらなくなってきたし、Fusion-ioやNetezzaといった大手御用達のハイエンド鬼速ストレージも、フタを開ければ中身はすでにFPGAに移行済み。IBMが最近出したData Engine for NoSQLという製品ではPOWER8プロセッサにFPGAを直付けしてRedisを高速化したり。いよいよデータセンターにも、先の見えないCPUに代わってFPGAやGPUを導入する波が押し寄せつ
lambda-architecture.net - このウェブサイトは販売用です！ - lambda architecture リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
一般社団法人３Ｄデータを活用する会・3D-GAN トップ
Past Information: お知らせ 1 第5期正社員総会【2015.09.18】とミニセミナーのお知らせ。 詳細はこちら お知らせ 1 第5期正社員総会【2015.09.18】とミニセミナーのお知らせ。 詳細はこちら お知らせ 2 WonderFestival 2015[Summer],「3Dプリンターでマイミニ四駆をつくろう！親子工作体験教室」＠静岡ホビースクエアの写真を掲載しました。 お知らせ 3 3D-GAN 2014冬のセミナー【2014.12.19】お申し込み開始！ お知らせ 4 夏休み 親子3Dプリンター工作講座報告書を公開いたしました。 詳細はこちら お知らせ 5 フィギュア原型師のための 初めての3Dモデリング講座 第11期 お申し込み開始！ お知らせ 6 3D-GAN OnlineShop始めました！！ こちら お知らせ 7 フィギュア原型師のための 初めての3
壁とマッカーサー :: デイリーポータルZ
以前「地 下鉄ホームのその先」という記事を書いたが、その取材中に左のような光景に出くわした。地下鉄東京メトロ千代田線の根津駅の壁だ。コンクリートの壁がムキだしになっていて、何ともいえない廃墟感を漂わせている。貼られていた古いタイルが改装のためすべて剥がされ、期せずしてダンジョンのような風合いとなったというわけだ。
西川善司，PS4にまつわる6つの疑問に答えるそぶりをしてみる〜PS4はPS4.1，PS4.2と進化する!?
西川善司，PS4にまつわる6つの疑問に答えるそぶりをしてみる〜PS4はPS4.1，PS4.2と進化する!? ライター：西川善司 PlayStation 4（以下，PS4）が発表され，まだ絶対量としては少ないものの，具体的なスペックや，ソニー・コンピュータエンタテインメントの戦略らしきものが見えてきた。 本稿では，「PS4にまつわる疑問と，それに答える形での考察」のスタイルで，ここまでに出てきた情報を整理しつつ，まとめてみることにしよう。 Q：PS4のグラフィックス性能はどれくらいなの？ A：PS3の8倍くらい PS4はx86 CPUとPC向けGPUを採用すると発表された PS4のコアプロセッサとしては，AMDのAPUが採用された。 APUとは「Accelerated Processing Unit」の略で，消費電力とパフォーマンスのバランスを最重要視して設計された統合型プロセッサである。
「PlayStation4は夢が無い」という幻想をぶち壊す
最初に言っておくと、増田はSCEが嫌いな方でPS3もVitaも持っていない。 PSPもスパロボの新作が出るまで持っていなかったほどだ。 そんな増田だが、PlayStation4発表でのハードウェアに対する誤解の数々を見てちょっとばかり怒りを覚えたので少し書いておく 「x86」ではなく「AMD64」いきなり「何が違うんだ？」と思う人や「何も違わないだろ？」と言う人も居るかも知れない。 だが後半を語る上でもこれは重要な話なので省略しないでおく。 最近のPCは当たり前のように64bitのメモリ空間を扱えるようになった。 この増田を読んでる人でも64bit OSを使っている人は少なくないはずだ。 これをもたらしたのは、x86 CPUを作ったIntelではなくx86互換CPUを作っていたAMDである。 じゃあIntelは何をしていたのかと言うと、64bit CPUを作っていた。x86を完全に捨てて。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
健康的なMVVM 書いてますか？ ~MVVMアンチパターン集~
MVVMって何？ というか…MV○丸ごと、何？
丘の傾斜を覆うように建つマンション「ルネ上星川」
止まっちゃいけないフロントエンド開発
あの環状２号線はいまこうなっている！
【後藤弘茂のWeekly海外ニュース】 なぜPlayStation 4はAMDアーキテクチャを使ったのか