コンテンツ・デリバリ・ネットワークの略で、ウェブコンテンツの配信を最適化するネットワークの仕組み。複数のウェブサーバーを分散配置し、目的のウェブサイトを場合により一時保存、利用する各ユーザーを適切に振り分けることで、利用者にとってはコンテンツの高速化および安定化、運営者にとってはサーバーの負荷の分散をもたらす。
動画などのメディア配信、また非常に多数の訪問者を抱えているなど、大規模、大容量のアクセスがあるサイトで採用される。
昨日は義父の法要で、横浜にある霊園で親族で集まりました。そのあと、親族で新横浜プリンスホテルにある「トップ オブ ヨコハマ 鉄板焼&ダイニング」にて、ステーキランチを堪能しました(とても美味しい!と思いました)。レストランのある41階の窓から視界を遮るものはなにもありません。席からは遠く港まで眺めることができました。ホテルは円柱で、レストランもぐるっと回りを囲む構造です。席によって眺望は異なります。新横浜プリンスホテルが開業したのは1992年です。それまでここは人がいない街でした。同じく新横浜にある多目的ホール「横浜アリーナ」は、プリンスホテルよりも少し前の1989年に出オープンしてます。わた…
3行まとめ CloudRunはX-Forwarded-Forを上書きしてクライアントのIPアドレスにしてしまう User - CDN - CloudRun としている場合、X-Forwarded-Forの値はCDNのIPアドレスになってしまう 解決策はCDN独自のヘッダーを付与してアプリケーション側で読むしか方法がなさそう X-Forwarded-For X-Forwarded-For というヘッダーがあります。多分MDNを見るのが一番早いですが、色々なプロキシを通ってオリジンに到達するようなサーバー構成のときにクライアントのIPアドレスをうまく伝えるようなヘッダーです。 developer.…
この記事は、弁護士ドットコム株式会社の Advent Calendar 2023 の 21 日目の記事です。 皆さん、こんにちは!弁護士ドットコム SRE 室の @et_tei です。国籍は中国で、今年は来日13年目です。今回は FireHOL で公開されているブラックリストからの接続 Akamai でブロックする方法をご紹介します。 背景 Akamai API Client の発行と Akamai NetworkList の作成 API Client の発行 Akamai NetworkList の作成 Lambda 関数の準備 ソースコードの準備 EdgeGrid の準備 Lambda 関…
Cloud Run には セッション アフィニティ という機能があります。説明には 同じクライアントからのリクエストを可能な限り同じコンテナ インスタンスにルーティング。 とあるように、Cloud Runで複数のインスタンスが立ち上がっている状態でも可能な限り同一のインスタンスにアクセスされるようになる設定です。 cloud.google.com この仕組みは簡単で、GAESAという名前のCookieを初回アクセス時に付与してこの値を見てインスタンスを振り分けているようです。 実際に自分の公開しているAPIで試してみた しかし、FastlyなどのCDNなどを噛まして配信している場合はどうなるか…
Fastly はVarnish上に構築されているCDNです。 そのため、VCLを自由に書くことができます。これを使用することで CDN - Orign 間通信にBasic認証を追加することも可能です。 TL;DR FastlyのVCL snippets 設定で以下をvcl_missとvcl_passに追加します。値はuser:passwordをBase64でエンコードする必要があるので気をつけてください。 set bereq.http.Authorization = "Basic hogehoge"; オリジンは、対象のパスに対してBasic認証を追加します。 詳しく Varnish には B…
DOM操作を含めたJavaSprictの基礎を学んだところで、jQueryの学習に入っていきましょう! ■jQueryとは?■ jQueryを使うための準備 jQueryを書く時のルール セレクタ(HTML要素)の指定方法【jQuery("セレクタ")】 メソッド("パラメータ") 繰り返し処理【.each(function)】 複数のセレクタを指定する まとめてセレクタを使用 子要素や孫要素などの条件を追加して指定 メソッドを使った要素の指定【Tree Traversal】 ワンポイント jQuery(function(){})について jQueryの省略 ■jQueryとは?■ JavaS…
Important 追記 2023/10/25 ミドルウェアを使用している際にX-Middleware-Prefetchヘッダを付与して送信すると{}がキャッシュされることで攻撃者は容易にキャッシュを{}にすることができるためこちらの問題にCVEが付きました。 13.4.20-canary.13で修正されているのでアップデートすることで解決するかと思います。 github.com 3行まとめ Next.js 13からMiddlewareを使用しているとgetStaticProps以外を使っていてもprefetchを行うようになった。 Add middleware prefetching con…
JavaScript でプログラムを開発して意気揚々とGitHubで公開し、せっかくだから はてなブログの記事に実装してしまおう! となったところで、さて、記事にコードを埋め込むのはメンテナンス性を損なってしまいます。 GitHub は Raw コードを参照できるページを提供していますが、 CORS の問題があって他サイトでは利用できません。何かいい方法はないでしょうか。 そこで jsDeliver です。 GitHub のページの URL をペーストしたら CDN の URL にして返してくれるツールがあります。このブログの中で動作を確認しています。 はてなブログなら記事に埋め込むこともでき…
経緯 CDNとは 自分が見ている映像はどこからきているのか?verAkamai 自分が見ている映像はどこからきているのか?verCloud Front 合わせ技 トラフィックがいかに異常だったか おまけ:H.264コーデック 参考ツイート 経緯 2022年Wカップは日本がジャイアントキリングを達成して決勝トーナメントに進出。その1回戦は非常に注目されていたが、その中でも特に「本田の解説がおもしろい!」とAbemaTVでのインターネット中継放送が人気であった。 当日は約2000万人(延べ)がAbemaTVの放送を視聴していたようだ。 同時にこれだけの人数に映像を配信する仕組み(バックエンドとフロ…
こんにちは LOVOT の OS を作っているチームのひとり id:atotto です。 LOVOT の OS について、簡単ですがお話させていただきます。 LOVOTとNest(LOVOT ANATOMY より一部抜粋) 早速ですが、かわいらしい LOVOT には、x86系のCPU(メインコンピュータ)、そして、ARM系のCPU(サブコンピュータ)の2つが搭載されています。これだけでも OS の管理が難しいのですが、LOVOT の製品には Nest (巣: 充電ステーション)の x86系のCPU(エッジコンピュータ)もあり、合計 3つの独立した OS が存在しています。(詳しいspecはこち…
この記事は、 KENTEM TechBlog アドベントカレンダー2024 11日目、12月11日の記事です。 みなさんこんにちは! KENTEM第二開発部でフロントエンドを担当しているO・Aと申します😺 この記事では、一般家庭の要らなくなったPCを活用して、自宅で分散型SNS(Misskey)サーバーを構築する方法を、12/9~12/13の5日間に分けて、毎日丁寧に解説していきます。 シリーズ目次 分散型SNSとは何か? Ubuntuの環境構築手順 ドメイン取得とCloudflare Tunnelの設定 ←本記事 Misskeyのインストール Misskeyのセキュリティ対策と基本設定と運用…
現役沖縄フリーランスエンジニアのmahです。 Webサイト運営やアフィリエイトサイトの展開において、多くの運営者が見逃しがちな落とし穴が「隠れリンク切れ」と、一般的なリンク切れの存在です。 これらは、ユーザーエクスペリエンス(UX)、検索順位(SERP)、成果報酬、コンテンツ品質、そして長期的なSEO評価まで、あらゆる側面でネガティブな影響を及ぼします。 「リンクは正常と出ていたのに、実際にはリダイレクト先が空っぽ… 」 「最近、明らかに成果発生が減った気がする。何か問題がありそうだけど放置するしかないのかな…?」 実は、こうした「隠れリンク切れ」は通常のリンクチェッカーや手動チェックでは非常…
目次 目次 はじめに セッション情報 セッション・会場の様子 まとめ おわりに はじめに こんにちは、株式会社エーピーコミュニケーションズの松尾です。 今回は、AWS re:Invent 2024の様子を現地からレポートします!初めてのre:Invent、初参加者の視点で役に立つ情報をお伝えしていきます! 本記事では「 ライトニングトークセッション」にフォーカスしていきます。 re:Inventへ参加する際の参考になれば幸いです。 セッション情報 参加したのは「ライトニングトーク」というタイプのセッションです。20分間の短い時間で行われるプレゼンテーションのようなものです。 私が参加したセッシ…
この記事は、 NTT Communications Advent Calendar 2024 10日目の記事です。 先日、自前のMedia over QUICの実装をIETF 121のハッカソンへ持ち込んで相互接続試験に参加してきました。 その結果、他の参加者の実装との相互接続に成功し、Working Groupのリストに名前を記載いただけました。 本記事では、Media over QUICの概要や動向を紹介し、ハッカソンでの体験について報告します。 はじめに Media over QUICとは? 概要 プロトコルの構成 通信の参加者 何が嬉しいの? メディアのフリーズを防げる 映像や音声以外…
先日、LangChainというLLM用ライブラリについての記事を読みました。 blog.pokutuna.com 記事の内容自体とは関係ないんですが、本文中で以下のような、テキストアニメーションを使用している部分があったのが気になりました。 こちらのブログははてなブログのようですが、本文内でHTMLやJSを書いてそうです。このブログもはてなブログなのできっと同じことができるはず。どんなことができるのか軽く試してみました。 コードを見てみる 前述のブログにて、アニメーションが行われている箇所のHTMLを開発者ツールで見てみると以下のような感じ。 <p class="streaming-text"…
mhidakaアドベントカレンダーの8日目です。7日目はらこらこの本屋の話でした。本屋やってたの!? blog.lacolaco.net 気がついたら12月9日になっていたので1日遅刻してますが、気にせず12月8日の43時を過ごしていこうと思います。 今年の本業の振り返りをしていきますねー。 デジタルメディア事業のお仕事に軸足が移った 昨年まではマネイロ等のオンライン資産運用サービス事業に関するお仕事をしていることが多かった筆者ですが、今年はデジタルメディア事業のお仕事をしていました。 モニクルグループでデジタルメディア事業を行っているモニクルリサーチ社は、月間ユニークユーザー数1300万人、…
英語の学習として情報系の略語に含まれる英単語の勉強をしていきます。 初回の説明はこちらから それでは英語を学んでいきましょう! ①Contents 意味:中身、内容、コンテンツ 例文:The contents of the book were easy to understand.その本の内容は簡単に理解できた。 情報系略語:MCM(Mobile Contents Management)CDN(Contents Delivery Network) ②Identity 意味:身元、同一、素性 例文:He didn't reveal his identity.彼は身元を明かさなかった。 情報系略語…
ストリーミング配信は、録画されたコンテンツを再生するのではなく、リアルタイムで行う配信方法です。これにより、視聴者はインターネットを通じてライブでコンテンツを視聴することができます。 主な特徴と利点 リアルタイム配信: コンテンツがリアルタイムで配信されるため、視聴者はライブで出来事を楽しむことができます。ライブイベントやスポーツ試合、ニュース放送などでよく利用されます。 インタラクティブ性: ストリーミング配信では、チャット機能やコメント機能を通じて視聴者と配信者がリアルタイムでコミュニケーションを取ることができます。これにより、視聴者の参加感が高まり、よりインタラクティブな体験が可能です。…
最近、Unityを6.0.0にアップデートしたり、開発機を変更して開発環境を変えたせいなのか、遭遇する新しいエラーが増えてきたので、今後のためにエラー内容や対処方法についてメモをまとめておこうと思います。 Undefined symbol: _OBJC_CLASS_$_ADClient Undefined symbol: _OBJC_CLASS_$_ADClient 最近、Xcode 16でiOSアプリをビルドすると高確率で出るエラーです。 対処法ですが、下記が参考になりました。 https://discussions.unity.com/t/undefined-symbol-objc-cla…
OBS Studioに関する情報メモを書いてる記事 ※「OBS Studioに関する個人的メモ」を移転しました。(現在は閲覧不可) 記事投稿日 2021年10月6日、最終更新日 2024年12月07日 10時35分頃 文字数が凄く多いのでブラウザの検索機能をお使いください。 記事が見にくくて申し訳ありません。 (将来的に内容を細かく分けて記事にしたいと思っています。) ブラウザ検索ショートカット Windows : Ctrl + F macOS : Command + F この記事は下記環境を使用して作成しています。 ※Linux、特定のデバイスが無いと表示されないソースのことはメモしていませ…
はじめに この記事は、クソアプリ - Qiita Advent Calendar 2024 - Qiitaの7日目の記事です このアドベントカレンダーも今年で10周年で、おめでたい。オレ以外の毎年書いているいかれたメンバーは何人いるのだろうか? 今までの記事のリンク これを数えたらこの記事を入れてクソアプリが13個ある。アドベントカレンダーが10年皆勤賞で参加しているのに、3個多い。どうやら日常でもいらん物を作ってはブログを書いているらしい。1円にもならないというのもかかわらずだ。 さて、遡ること10年以上前、2000年代後、当時SEだった僕は美容室に努めていた地元の友人にこんな約束をした。 …
★3分テクニカルの詳細はこちらのYouTubeで 外為どっとコム総研のTEAMハロンズがお送りする「見通しズバリ!!3分テクニカル分析動画」。この番組は、TEAMハロンズ黒川が注目通貨ペアのテクニカル分析を3分でわかりやすく解説する番組です。 12月6日ドル円ニューヨーク市場動画概要 テクニカル分析(18:20時点) 4時間足ボリンジャーバンド(BB):トレンドレス4時間足一目均衡表:トレンドレス4時間足ストキャスティクス:売りシグナル点灯中 ニューヨーク市場の予想レンジ 148.50-151.00 ニューヨーク市場はトレンドレス、4時間足ストキャスは売りシグナル点灯中。チャート形状的に、上値…
はじめに こちらの記事は、アソビュー! Advent Calendar 2024の6日目(表面)です。 PlatformSREチームの頭島です。 今回はCloudFrontのContinuous Deploymentを使って、フロントエンド(SPA)をS3からk8sに移行したお話です。 前提 アプリケーション構成 インフラはAWS上に構築しており、ほとんどのアプリケーションがAWS上のサービスにデプロイされています。 バックエンドサービス ほとんどのアプリケーションがEKSにデプロイされています。通知サービスなど一部のアプリケーションがLambdaで稼働しています。 フロントエンド(SPA) …
はてなブログで記事を書く際に使えるMarkdown記法 はてなブログでは、記事を書く際の記述形式としてMarkdown記法を選択できる。Markdownはシンプルな文法で構造化された文章を作成できる記法であり、特にテキスト中心のブログを書く場合に便利だ。 この記事では、Markdown記法の基本から応用までを解説し、はてなブログでの活用法を紹介する。 Markdownとは? Markdownは、軽量マークアップ言語の一つで、シンプルなテキスト形式で文書を書くための記法である。特別なツールを使わなくても、通常のテキストエディタで記述可能で、HTMLに変換することでウェブでの利用も容易に行える。 …
https://cdn-ak.f.st-hatena.com/images/fotolife/g/guh202109/20241105/20241105113123.png ●放送目次 8:17 Bloomberg予想「米新規失業保険申請件数・貿易収支」 21:13 前日の市況と有識者の見方 45:16 (宣伝)TEAMハロンズ フォロー&リポスト企画 46:45 (Tips)TEAMハロンズ監修「FX虎の巻」顧客向けにDL公開開始 48:32 (宣伝)TEAMハロンズ タイアップ特典付き口座開設キャンペーン案内 56:40 日銀と市場とのコミュニケーション改善の道のりは遠い印象 1:05:0…