GraphQLを導入する時に考えておいたほうが良いこと | メルカリエンジニアリング
はじめに こんにちは、ソウゾウSoftware Engineerの@sue71です。連載：メルカリShops 開発の裏側 Vol.2の13日目を担当させていただきます。 以前メルカリメルカリShopsの技術スタックと、その選定理由でBFFの実装にGraphQLを採用していることをお伝えしました。メルカリShopsをリリースしてから約半年たった今、これまでを振り返ってGraphQLサーバーを実装する上での課題やあらかじめ考えておくと良い項目をまとめてみました。また、本記事ではメルカリShopsでGraphQLの実装としてApolloを採用しているため、Apolloの利用が前提の話もいくつか混在しています。予めご容赦ください。 GraphQLの説明や、メルカリShopsの実装方法に関しては以前こちらの記事で紹介しています。こちらも是非ご覧ください。 パフォーマンス課題 GraphQLは、アプリ
Can I email…
Apple Mail macOS iOS Gmail Desktop Webmail iOS Android Mobile Webmail Outlook Windows Windows Mail macOS Outlook.com iOS Android Yahoo! Mail Desktop Webmail iOS Android AOL Desktop Webmail iOS Android Samsung Email Android Mozilla Thunderbird macOS Windows ProtonMail Desktop Webmail iOS Android Fastmail Desktop Webmail HEY Desktop Webmail Orange Desktop Webmail iOS Android LaPoste.net Desktop Webm
SEO記事は見出し構成が命！コツや作り方を徹底解説 - gokui
SEOを意識した記事作りで最重要な「見出し構成」。上位表示するかどうか、8割くらいは見出し構成時点で決まってしまいます。 しかし、一般的に言われている、SEOを意識した見出し作りはこんな感じでしょうか？ タイトルや大見出しにKWをなるべく入れる KWは左詰めで書く 上位表示してるサイトを参考にする 確かに間違ってはいないです。しかし、解像度が圧倒的に低すぎます。このくらいのことはどのサイトも当たり前にやっているので、差別化が難しく、上位表示できるかはギャンブルです。 #106では、見出し作りをロジカルに捉え、再現性のある手法/手順を追求しています。 このページでは、見出しの重要性や見出し作りの心構えを解説。その後に具体的な作り方を解説していきます。 SEO記事で見出し構成が重要な３つの理由 まずは見出し作りがいかに重要かを3つの観点から、再認識しておきましょう。 執筆作業の準備として 検索
【ECS】ECSに関するIAM Roleを整理する【AWS】 - Qiita
はじめに ECSには4つのIAM Roleが出てきます。それぞれAWS Management Consoleや公式ドキュメントには説明がありますが、実際の設定・挙動と突き合わせてどうなっているか分かりにくいため、整理しました。 なお、本稿では情報過多を避けるため、一旦、Service IAM role (Service-Linked Role) の説明は省いています。 3つのIAM Role ECSで稼働するコンテナの動作には、主に以下の3つのIAM Roleが関わってきます。それぞれの役割、利用されるタイミングを説明します。 Container Instance IAM Role Task Execution Role Task Role TL;DR ※ Launch Typeによる挙動の違い 参照。 解説 Container Instance IAM Role Fargateを利用しな
ActiveRecord の接続管理の仕組み
ActiveRecord がデータベースとの接続をどう管理しているのかを調べたメモ。主に active_record/connection_adapters 以下の話。現時点での main ブランチの HEAD を参照した。 詰まったときに調べる箇所のあたりを付けられるよう全体観を持ちたいという目的だったので、細かい部分まで把握しきれていはおらず、ご了承ください。 ActiveRecord の使い方のおさらい まず最初にユーザーとして、ActiveRecord でデータベースにクエリを発行する際の流れを簡単におさらいする。 まずデータベースの接続情報を database.yml に記載する。ここではメインとなる primay DB と animals DB の 2 つがあり、またそれぞれに primary (master) と replica があるとする (この例は Active Rec
Rails 7.0でアセットパイプラインはどう変わるか | Wantedly Engineer Blog
Rails 7.0ではフロントエンドサポートが刷新されます。新たなライブラリが多数導入され、選択肢が増えるため、「Rails公式のものを選べばOK」という戦略が通用しなくなります。 本稿では、Railsでフロントエンドを書くための選択肢について、その歴史と実装を踏まえて比較検討します。 結論から言うと(まだアルファ版なので今後も状況が変わる可能性はありますが、) 新規アプリケーションではSprocketsの役割は無くなりそうです。新しいライブラリとして Propshaft, importmap-rails, jsbundling-rails, cssbundling-rails が登場し、主要な選択肢として以下が提供されます。 (各ライブラリの詳細については後述します) Propshaft + importmap-railsデフォルトの選択肢。Node.jsが不要。トランスパイルを含め、複
S3ウェブホスティングとS3 + CloudFront構成の料金比較 - Qiita
はじめに S3単独でウェブホスティングするより、S3 + CloudFront構成の方が安くなるという話を聞いたので、机上で計算して確認しました。 料金は、東京リージョンの2019/11/30現在で計算しています。 S3の料金 ざっくりした費用。 オプションを設定したり、データ量が多くなると単価が変わる。 種類 料金
Faster async functions and promises · V8
Show navigation Asynchronous processing in JavaScript traditionally had a reputation for not being particularly fast. To make matters worse, debugging live JavaScript applications — in particular Node.js servers — is no easy task, especially when it comes to async programming. Luckily the times, they are a-changin’. This article explores how we optimized async functions and promises in V8 (and to
Node.js でコマンドの実行結果を1行ずつ取得する方法 - Yukii's Blog
Node.js でサーバー側の軽いツールを作ろうとすると、コマンドを実行して、その結果を1行ずつ、それもストリーム処理で、行が取得できた端からその行を await したくなる。 具体的には、コマンドの実行結果の標準出力を、 Async Generator として for await of して行を取得したい。 どうやるかが自明ではなかったので、それについて調べたメモ。 答え: readline と child_process.spawn を使う まず、 Node.js にてコマンドを実行するためには、子プロセス作成系の組込みモジュールである child_process を使う。 その中で、 exec の関数は、実行結果の最終的な文字列を全部まとめて取得するしかできないので、 spawn の方を利用するべき、となる。 spawn 関数の結果は、コールバックにて Buffer が chunk
Mac で mds_stores が重い問題に正しく対処する - Yukii's Blog
Mac 動作が重たく、のアクティビティモニターで CPU 利用率が高いときに、プロセスを調べると、原因は mds_stores のプロセスである場合がしばしばある。 このプロセスは、 Mac 提供する spotlight 機能の実現にあたり、その検索インデックスを作成するためのプロセスであるということが調べると分かる。 この問題の対処方法を調べると、主に spotlight 機能自体を off にする方法などが hit するが、あまり根本の対処になっておらず、正しい対処法は何かを調べてみたのでその備忘録。 正しい対処: 変更が多発するディレクトリを spotlight の対象外にする spotlight は、インデックスに反映されていないファイルがあれば、それを直ちにインデックス化しようと試みる。 これは、元々そんなに spotlight で検索したくないようなファイルに対して行われてしま
useAsyncData とそれを実現する Nuxt 3 の非同期処理の機構 - Yukii's Blog
Nuxt 3 から、これまでの asyncData と fetch がそれぞれ useAsyncData と useFetch に置き換わった。そして、 useFetch は内部で useAsyncData を利用するため、実質 useAsyncData のみで非同期機構が実現されている。 本質的に、 SSR / rehydrate の機構とページ遷移の機構について、フレームワークとしてのリアーキテクチャの結果であり、その機構についての自分の理解を dump する。 ページ遷移時の非同期処理のリアーキテクチャ Nuxt 2 までは、 asyncData() や fetch() を定義すると、 SSR 時にはそれらが完了するまでレスポンスコードの生成を await し、CSR (ページ遷移)時には asyncData についてはページ遷移のフックとして、 fetch については create
Google Search Status Dashboard
This page provides status information on the services that are part of Google Search. Check back here to view the current status of the services listed below. If you are experiencing an issue not listed here, please contact Support. Learn more about what's posted on the dashboard in this FAQ. For additional information on these services, please visit https://developers.google.com/search/help/statu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Logrepo: Enabling Data-Driven Decisions - Indeed Engineering Blog
Don’t worry, Nobody is Replacing Node.js, not Even Bun and Even less Deno
"[vite]: Rollup failed to resolve import" の対応 - Yukii's Blog
Bing Webmaster Tools - Yukii's Blog
世界中の起業家の思考プロセスを遡って事業案を探す方法 | デライト・ベンチャーズ
pwd とは何かと、cwd やシンボリックリンクとの関係 - Yukii's Blog
CircleCI 上の BASH_ENV 環境変数について - Yukii's Blog
Nginx の log_format を変更したけれども反映されずハマった話 - Yukii's Blog