ぐるなびにあった２億ファイルをAWSにデータ移行しました - ぐるなびをちょっと良くするエンジニアブログ
こんにちは！店舗開発チームの滝口です。 ぐるなびでは、認証・認可のプラットフォーム開発に携わったのち、現在はレストランデータの運用をしつつ、ぐるなび掲載ページや、店舗向け管理画面の開発をしています。 はじめに このたび、オンプレで稼働していた「非構造化データストレージ（通称：UDS）」をAWSに移行しました。 UDS は NAS に保存されているファイルを REST API を介して CRUD 操作できるシステムで、ぐるなびで掲載している店舗の画像や CSS 、Javascript 等の保存に利用されています。 この記事では NAS に保存されたファイルをどのようにして AWS に移行したのか、その移行方式や AWS アーキテクチャを紹介します。 目次 はじめに 目次 UDS 基本情報 今回使った主な AWS AWS を活用して実現したいこと AWS 導入におけるアーキテクチャ AWS へ
Kernel Queue: The Complete Guide On The Most Essential Technology For High-Performance I/O When talking about high-performance software we probably think of server software (such as nginx) which processes millions requests from thousands clients in parallel. Surely, what makes server software work so fast is high-end CPU running with huge amount of memory and a very fast network link. But even the
【全2回】AWS Lambda x FastAPIによるPythonモダンAPI開発のすゝめ 2 - RAKSUL TechBlog
はじめに 対象読者 あまり説明しないこと 前提とするバージョン 参考となるレポジトリ 3. アーキテキチャ及びディレクトリ構造 オニオンアーキテクチャを採用 オニオンアーキテクチャとは 誕生の背景 依存関係逆転の原則の活用 採用理由 参考になった記事 ディレクトリ構造 全体の構成 api schema apiとusecaseの間のデータ構造を提供する役割 schemaはパスオペレーション関数のリクエストとレスポンスの構造を提供する役割 usecase domain infrastructure core container_config exception 参考にしたもの まとめ はじめに ラクスルグループのノバセルで新卒2年目のエンジニアをしています田村(tamtam)です。 第1回では、AWS Lambda x FastAPIによるPythonモダンAPI開発を実現する上で役立つであろ
Push notifications are now supported cross-browser Stay organized with collections Save and categorize content based on your preferences. Push notifications were standardized in 2016 with the release of the Push API and the Notification API, which are part of the W3C's Web Applications Working Group. These APIs provide the necessary functionality for web developers to incorporate push notification
14 Linting Rules To Help You Write Asynchronous Code in JavaScript
Debugging asynchronous code in JavaScript can feel like navigating a minefield at times. You don't know when and where the console.logs will print out, and you have no idea how your code is executed. It's hard to correctly structure async code so it executes in the right order as you intend it to. Wouldn't it be nice if you had some guidance while writing asynchronous code, and to get a helpful me
こんにちは、CTOの奥田です。 新年あけましておめでとうございます。 昨年もたくさんの方にブログをご覧いただき、ありがとうございました。 本年も気を引き締めてより一層良い制作ができるよう努めてまいります。 2020年もどうぞよろしくお願いいたします。 さて2020年1発目のブログはaxiosについてです。 昨今のWebサイトは非同期でアレコレするのが当たり前になっています。 axiosを使えば簡単に非同期処理を実装することができます。 今回はそんなaxiosについてご説明したいと思います。 Table of contentsaxiosとはインストールGET通信POST通信エラーハンドリングaxios APIを使用するさいごにaxiosとはaxiosとはブラウザやnode.js上で動くPromiseベースのHTTPクライアントです。 jQueryで言うところのjQuery.ajaxであり、非
vue.jsを使ってaxiosを学ぶ | アールエフェクト
CDNを利用するとブラウザのコンソールに”You are running a development build of Vue. Make sure to use the production build (*.prod.js) when deploying for production.”メッセージが表示されます。 Vue2の場合 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>vueを使ってaxiosを学ぶ</title> </head> <body> <div id="app"> <h1>{{ message }}</h1> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script s
Ruby Style Guide Ruby is the main language at Shopify. We are primarily a Ruby shop and we are probably one of the largest out there. Ruby is the go-to language for new web projects and scripting. We expect all developers at Shopify to have at least a passing understanding of Ruby. It's a great language. It will make you a better developer no matter what you work in day to day. What follows is a l
Topics API Developer's Guide | Privacy Sandbox | Google for Developers
Topics API Developer's Guide Stay organized with collections Save and categorize content based on your preferences. Learn how to work with the API, including how to use Chrome flags for testing. Implementation status The Topics API has completed the public discussion phase and is currently available to 99 percent of users, scaling up to 100 percent. To provide your feedback on the Topics API, crea
こんにちは。id:shallow1729です。先日一ヶ月ぐらいの工数のかかる大きめのタスクを担当しました。そのタスクは機能に関連するテーブルやエラーになる条件が多く、初めはどこから手をつけたらいいか分からない状態でした。今回紹介する契約による設計とテスト駆動開発は自分がうまくとっかかりを見つけて手を進める上ですごく役に立った開発手法です。うまく実装を進められない時とかに思い出してもらえたらと思います。 大きいタスクの難しさ これはエンジニアとしての経験則ですが、規模の大きい機能の開発はたとえそこにアルゴリズム的な困難さを伴わなくても難しいものになるように思います。 もちろん全体のアーキテクチャを考えるには設計手法の理解が必要ですし、関連するツールが増えるとそれらの理解が必要だったりするので技術的な課題に直面しやすいというのも事実だと思いますが、実際に開発をしている中でそういう技術的な課題感
jQuery is still a useful and pragmatic library, but chances are increasingly that you’re not dependent on using it in your projects to accomplish basic tasks like selecting elements, styling them, animating them, and fetching data—things that jQuery was great at. With broad browser support of ES6 (over 96% at the time of writing), now is probably a good time to move away from jQuery. I recently re
JavaScript to Know for React
JavaScript to Know for ReactJuly 15th, 2020 — 14 min read One of the things I love most about React compared to other frameworks that I've used is how exposed you are to JavaScript when you're using it. There's no template DSL (JSX compiles to sensible JavaScript), the component API has only gotten simpler with the addition of React Hooks, and the framework offers you very little abstraction outsi
週刊Railsウォッチ: フォームヘルパーの改修、Railsの監査ログgem比較、DHHとimport-mapほか（20211129前編）｜TechRacho by BPS株式会社
週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また、タグやカテゴリごとにRSSフィードを購読することもできます（例:週刊Railsウォッチタグ） 🔗Rails: 先週の改修（Rails公式ニュースより） 以下の公式情報から見繕いました。 公式更新情報: Automated shard swapping
Full-stack Rust: A complete tutorial with examples - LogRocket Blog
Mario Zupan I'm a software developer originally from Graz but living in Vienna, Austria. I previously worked as a full-stack web developer before quitting my job to work as a freelancer and explore open source. Currently, I work at Netconomy. Previously on this blog, we covered how to create a CRUD web service with Rust using warp and how to build a frontend web app with Rust using Yew. In this tu
概要 フロントエンド：nuxt.js API：rails apiモード 認証：firebase auth のような構成でrails側にてどのような認証に関わる実装が必要となるのかを調べてまとめてみました。 長くなりそうだったので、設計編と実装編にわけてあります。 なお、今回の内容はあまりrails関係なくなってしまったので、その他のサーバーサイド実装でも基本的な考え方は一緒かと思います。 ご指摘は真摯に受け止めて学習・修正いたしますので、何かありましたらフィードバックお願いします。 ※なお、以下firebase authとfirebaseは同義で使用しています 前提 Firebase authについて とても簡単にいうと、ログイン系の認証をgoogleのfirebaseさんが肩代わりしてくれます。 フロントエンドでログイン処理を動かすとgoogleのポップアップが出てきて、認証が完了すると
Create an async CRUD web service in Rust with warp - LogRocket Blog
Mario Zupan I'm a software developer originally from Graz but living in Vienna, Austria. I previously worked as a full-stack web developer before quitting my job to work as a freelancer and explore open source. Currently, I work at Netconomy. Editor’s note: This guide to creating an async CRUD web service in Rust with warp was last updated on 24 April 2023 to reflect changes to Rust and to include
tower::Service traitについての公式のGuideがとてもがとてもわかりやすかったです。 そこで本記事ではこれを辿りながらtower::Serviceがなにを抽象化しようとしているかの理解を試みます。(libraryのAPIがどうして今のsignatureに至ったのかをここまで丁寧に一歩ずつ解説してくれているのはなかなか見られないのではないでしょうか) versionは現時点の最新版(0.4.13)を対象にしています。 axumやtonicを動かす際にmiddlewareを追加しようとするとtower::Layerやtower::Service traitがでてくるかと思います。 例えば、gRPC serverを実行する以下のようなコードです。 fn trace_layer() -> tower_http::trace::TraceLayer { todo!() } ton
週刊Railsウォッチ: Packwerkの詳しい解説書『Gradual Modularization for Ruby and Rails』ほか（20221101前編）｜TechRacho by BPS株式会社
#46197のコメント（bensheldon）より 「元の振る舞いがアプリケーションのコードで当てにされていたりするでしょうか？」「同じレコードインスタンスを2回destroyすることは普通ないかなとも思ったけど、アプリのつくりによっては削除ボタンを連打したりすると起きる可能性もありそうですね」「なるほど」 🔗 ErrorReporterで複数のエラークラスを扱えるようになった PR: Allow ErrorReporter to handle several error classes by spickermann · Pull Request #46299 · rails/rails 動機/背景 ErrorReporterは、以下のようなエラーハンドリングコードの定型文を置き換えるのが目的。 begin do_something rescue SomethingIsBroken =>
続：Google Chrome + Google Meet 使用時にマイク音量が勝手に下がる現象について - Skyway Walkers
表題の現象について、以前ブログに現象についての記事を書きましたが、対策方法が分かりましたので、それについて書き残したいと思います。 現象 Google Chromeでマイク入力の音量が勝手に下がる現象についてGoogle Meetで検証。色付きバーがマイク入力（音の大きさ）を表してて、大きい音でマイク入力のレベル値が減少していく事が確認できます。 ※ちなみにマイクの種類やドライバによっては、この現象は発生しない（発生しにくい）様子 pic.twitter.com/6PevjH95X0 — Iwatendo (@iwatendo) 2023年1月2日 対策方法 以下のChromeの拡張機能で、マイク音量調整機能(Automatic Gain Control)を無効化 chrome.google.com 設定方法 上記の拡張機能のインストールだけだと、マイクの自動音量調整は無効化にならないので
AWS SDK for JavaScript v2 のサポート終了が間近に迫っていることが発表されています。AWS SDK for JavaScript v3 に移行することをお勧めします。日付、その他の詳細、移行方法については、リンク先の発表内容を参照してください。 JavaScript Promises の使用 AWS.Request.promise メソッドは、コールバックを使用する代わりに、サービスオペレーションを呼び出して非同期フローを管理する方法を提供します。Node.js とブラウザスクリプトでは、コールバック関数なしでサービスオペレーションが呼び出された場合に AWS.Request オブジェクトが返されます。リクエストの send メソッドを呼び出して、サービスの呼び出しを行うことができます。 ただし、AWS.Request.promise はすぐにサービス呼び出しを開始
[iOS] Firebase AuthenticationでSign in with Apple - Qiita
こんにちは、株式会社実験のエンジニアのmogamingです。 今朝、firebase-ios-sdkにSign in with Apple対応がマージされてリリースされました🎉🎉🎉中の方々本当にありがとうございます。感謝しかない！ ちょうど新しいアプリでSNSログインが必要で、FirebaseのSDKに対応が入るのを待ちつつ別の機能を作ってました。せっかくリリースされたので早速対応してみたので、やったことを書きます。iOSアプリでの対応の話しかしません。 参考リンク 基本的にはドキュメントを読めばなんとかなります。読みましょう。 Authenticate Using Apple on iOS FirebaseのExample Sign in with Apple(Apple公式) 手順 Capabilityの設定 Certificates, Identifiers & Profile
![[iOS] Firebase AuthenticationでSign in with Apple - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/7ad8e5fa1e2f04731e178fa5ee1177f5fc2d5caa/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JTVCaU9TJTVEJTIwRmlyZWJhc2UlMjBBdXRoZW50aWNhdGlvbiVFMyU4MSVBN1NpZ24lMjBpbiUyMHdpdGglMjBBcHBsZSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YzlmYmU4MzQ3NDlmYTQxMDNiYjA0NTZlMWU4NzQwMzY%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwX21vZ2FtaW5nJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz03NWZhZTk3ZDNiNjc0ZmVmNzM2MGFlNWJkMGVkY2RiZA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D0eb830f609bd8fcb71d454115e37ae1f)
The evolution of asynchronous programming in JavaScript - LogRocket Blog
Introduction By design, JavaScript is single-threaded, which means that it can only handle one operation at a time. Because there is a single execution thread for our program to run, a question then arises: How do we go about executing a long-running operation without blocking the thread of execution? Well, welcome to asynchronous programming. Asynchronous programming in JavaScript offers a great
Read from and write to a serial port | Capabilities | Chrome for Developers
Using the Web Serial API Feature detection To check if the Web Serial API is supported, use: if ("serial" in navigator) { // The Web Serial API is supported. } Open a serial port The Web Serial API is asynchronous by design. This prevents the website UI from blocking when awaiting input, which is important because serial data can be received at any time, requiring a way to listen to it. To open a
LogRocket’s Galileo AI watches every session, surfacing impactful user struggle and key behavior patterns. Editor’s note: Updated on 29 November 2023, this tutorial covers Axios usage with async/await for better code maintenance and Axios error handling. Axios is a client HTTP API based on the XMLHttpRequest interface provided by browsers. In this tutorial, we’ll demonstrate how to make HTTP reque
週刊Railsウォッチ: Arel::Nodes::NodeにAPIドキュメントが追加、rubocop-mdほか（20230405前編）｜TechRacho by BPS株式会社
こんにちは、hachi8833です。RubyKaigi 2023の各種イベントが発表されていますね。 People are returning back to in-person conference. What about social events? Check out https://t.co/ubqYPF2oKo for tentative schedule of parties and related events! #rubykaigi — RubyKaigi (@rubykaigi) March 10, 2023 参考: Ruby on Rails | endoflife.date ひさびさにLightning Talkも #rubykaigi に帰ってきた〜 🤩 日/英可, 4/19まで!!! :gong: "Your talk can be spoken in eith
Incremental Font Transfer
Incremental Font Transfer W3C Working Draft, 9 July 2024 More details about this document This version: https://www.w3.org/TR/2024/WD-IFT-20240709/ Latest published version: https://www.w3.org/TR/IFT/ Editor's Draft: https://w3c.github.io/IFT/Overview.html History: https://www.w3.org/standards/history/IFT/ Feedback: public-webfonts-wg@w3.org with subject line “[IFT] … message topic …” (archives) G
Strapi APIに認証機能を追加してみる 前回の記事「Strapi (Headless CMS)を使ってみたので使い方まとめ + GraphQL」でHeadless CMS「Strapi」を使って簡易APIを作ってみました。 今回は特定のユーザしかAPIを呼び出せない様に、APIに認証を付けていきたいと思います。 ちなみに「公式サイト」に詳しく説明が載っているので、英語が読める方はこちらを読んで進めることを強くお勧めします。 この認証機能を使ったVueアプリのレポジトリーはこちらです ・ レポジトリ 事前知識 Strapiでは、「ロールと権限」というプラグインを使って認証を行います。（このプラグインは、デフォルトでインストールされいるはずです。） このプラグインでは、「JSON Web Token (JWT)」を使い認証を行います。 JSON Web Tokenとは JSON Web
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Kernel Queue: The Complete Guide On The Most Essential Technology For High-Performance I/O
Push notifications are now supported cross-browser | Blog | web.dev
【Ajax】axiosを使って簡単にHTTP通信 | Will Style Inc.｜神戸にあるウェブ制作会社
Ruby Style Guide
契約による設計とテスト駆動開発で大きいタスクを楽にする - shallowな暮らし
Cheat sheet for moving from jQuery to vanilla JavaScript
Rails API×Firebase authの場合、Railsは何をすべきなのかを考えた【設計編】
🗼 tower::Service traitを理解する | Happy developing
JavaScript Promises の使用 - AWS SDK for JavaScript
How to make HTTP requests with Axios - LogRocket Blog
Strapiに認証機能を追加する（特定のユーザしかAPIを呼べない仕様に変更する） - Qiita