並び順

ブックマーク数

期間指定

  • から
  • まで

201 - 240 件 / 316件

新着順 人気順

mapの検索結果201 - 240 件 / 316件

  • 【JavaScript】querySelector よりもパワフルに DOM からノードを取得しよう!【XPath】 - Qiita

    const getNodesByXPath = (xpath) => { const result = document.evaluate( xpath, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null ); return [...Array(result.snapshotLength)].map((_, i) => result.snapshotItem(i)); }; const nodes = getNodesByXPath('//div'); nodes; // [div, div, div, ...] 3. XPath とは 3.1. 概要 XPath とは XML 文書(HTML 含む)のさまざまなノードを指し示すことができるパス文字列のことです。 XPath は XML Path Language の略

      【JavaScript】querySelector よりもパワフルに DOM からノードを取得しよう!【XPath】 - Qiita
    • 大規模サービスのデータベースエンジンを MySQLからAurora MySQLへの移行 〜リードレプリカ, DNSを利用した最小ダウンタイム移行方法〜 - メドピア開発者ブログ

      バックエンドエンジニアの徳富(@yannKazu1)です。先日、メドピアのメインサービスであるmedpeer.jpで使われているデータベースエンジンを、MySQLからAurora MySQLへと移行しました。今回はその移行のプロセスについて詳しくお話しします。 移行したデータベースの簡単なインフラ構成 移行方針 今回移行するデータベースは複数のアプリケーションから参照されており、ダウンタイムによるユーザー影響が大きいため、移行方針の検討の段階で重視したのは、ダウンタイムの最小化でした。これを達成するために、DNSのCNAMEレコードと、Auroraのリードレプリカを活用し、移行させることにしました。 DNSのCNAMEレコードの使用 データベースエンドポイントをアプリケーションに直接記述する代わりに、DNSのCNAMEレコードを利用して間接的に参照するようにしました。これにより、データベー

        大規模サービスのデータベースエンジンを MySQLからAurora MySQLへの移行 〜リードレプリカ, DNSを利用した最小ダウンタイム移行方法〜 - メドピア開発者ブログ
      • 無料で利用できるオープンソースの世界地図フォーマット「Protomaps」

        クラウドストレージ上に静的なファイルとして配置できるオープンソースの世界地図フォーマットが「Protomaps」です。Protomapsは特別なサーバー実装なしにタイルデータを配信することが可能で、オープンデータソースのOpenStreetMapをベースマップとしているので、完全無料で導入できます。 Protomaps | A free and open source map of the world https://protomaps.com/ Protomaps Documentation | Protomaps Docs https://docs.protomaps.com/ Protomapsは主に、「PMTiles型式」「ベースマップ」「PMTilesファイルを作成・提供・操作するためのツールとライブラリのエコシステム」の3つで構成されています。 PMTiles型式はZ/X/Y座

          無料で利用できるオープンソースの世界地図フォーマット「Protomaps」
        • 「オタクくんグーグルマップでこういうの探すの好きでしょ?」ついつい眺めてしまう廃線跡

          紫布(しのぶ)@駅メモ @stmm0422 @MUSASINO_EXP 一時期ヒマさえありゃ見てましたw 東京兵器補給廠、川崎河岸、武蔵野グリーンパーク、川寒川、松田の砂利線、都電砂町線などなど。 千葉や大網や塩尻の移転前の駅や線形も、今でも航空写真で判別できるんですよね👓 2023-08-30 23:58:19

            「オタクくんグーグルマップでこういうの探すの好きでしょ?」ついつい眺めてしまう廃線跡
          • Cloud Run + Litestream で RDB を使いつつ費用を格安に抑える

            前から気になっていた Litestream を Cloud Run で使ってみたので、そのメモです。 Litestream とは? サンプルコード 手順 動作確認してみる 制限事項 おまけ まとめ 参考 Litestream とは? Litestream は、 SQLite のデータベースファイルを Amazon S3 や Google Cloud Storage などのオブジェクトストレージにリアルタイムでレプリケートすることができるオープンソースのツールです。 例えば通常 Cloud Run で DB エンジンとして SQLite を使用しようとしても、コンテナが破棄されると同時に毎回 SQLite のデータベースファイルも消えてしまうため、データを永続化することができません。 しかし Litestream を使用すれば、 SQLite のデータベースファイルをオブジェクトストレージに

              Cloud Run + Litestream で RDB を使いつつ費用を格安に抑える
            • KING OF PC GAMER - 沖縄で島猫と遊ぶ日々・(ΦωΦ)隠居編

              Everything’s gonna be alright. take it easy. ---------------------------------------------------- ガソリン税を一時的に下げる「トリガー条項」が 発動されないのは何故でしょう? それは利権が絡んでいるからです。 甘い汁を吸う人間がいるからです。 その利権システムを作り出したのは、 自民党です。 ---------------------------------------------------- 甘い汁を吸っているのは自民党・ もしくは自民党関係団体です。 ちなみに石油元売りなどで組織する石油連盟は、 自民党への政治献金の金額が 業界団体で第6位です。 自民党は国民が苦しんでも、 知らん顔して、利権を守ります。 金持ち優遇ですね。 潰しましょう。自民党を。 ------------------

                KING OF PC GAMER - 沖縄で島猫と遊ぶ日々・(ΦωΦ)隠居編
              • GitHub - fujiapple852/trippy: A network diagnostic tool

                Trace using multiple protocols: ICMP, UDP & TCP IPv4 & IPv6 Customizable tracing options: packet size & payload pattern start and maximum time-to-live (TTL) minimum and maximum round duration round end grace period & maximum number of unknown hops source & destination port (TCP & UDP) source address and source interface TOS (aka DSCP + ECN) Support for classic, paris and dublin Equal Cost Multi-pa

                  GitHub - fujiapple852/trippy: A network diagnostic tool
                • GIS に欠かせない Shapefile を深堀ってみる - Qiita

                  1. はじめに 地理情報システム (GIS) で、使用するデータとして「Shapefile 形式」でデータ提供されていることがあります。この記事では、この Shapefile が、どのような構造となっているのかについて、説明していきます。 1.1. トポロジ構造とは Shapefile について説明していく前に、まずは GIS データ等でよく利用される「トポロジ構造」について説明しておこうと思います。 例えば、トポロジ構造を持つファイルとして、次のようなものがあります。 .gdb: ESRIのファイルジオデータベースは、トポロジを含む複雑な空間データを格納することができます。 .topojson: トポロジを保存するための拡張 GeoJSON 形式で、隣接する地物間の境界を共有することでファイルサイズを削減します。 .gml: 地理マークアップ言語 (Geography Markup La

                    GIS に欠かせない Shapefile を深堀ってみる - Qiita
                  • Chrome の 組み込み AI Gemini Nano を試してみる

                    インストールが完了したらアドレスバーに chrome://flags と入力して設定画面を開きます。以下の 2 つのフラグを設定します。 Enables optimization guide on device: Enabled BypassPerfRequirement Prompt API for Gemini Nano: Enabled また、あらかじめ Gemini Nano のモデルをダウンロードしておく必要があります。アドレスバーに chrome://components/ と入力して Optimization Guide On Device Model の「アップデートを確認」をクリックします。 Gemini Nano を使ってみる それでは、Gemini Nano を使ってみましょう。以下のコードをコンソールに貼り付けて実行します。 const canCreate = aw

                      Chrome の 組み込み AI Gemini Nano を試してみる
                    • HaskellとRustを足して2で割ったような関数型言語Fixを作っている話 - Qiita

                      はじめに ここ1年ぐらいかけて、Fixという名前のプログラミング言語を作っています。 コアとなる機能の実装がある程度落ち着き、実際にFixを使ってプログラムを書けるようになってきたので、そろそろ言語の紹介をしてみようと思います。 本記事はFixのチュートリアルではなく、どういう思想で設計されていて、どういう特徴を持つ言語なのか、という点を紹介するものです。 意見・提案・助言などをいただけるとうれしいです。 リポジトリはこちらです。 ※ コメントやコミットメッセージは一応拙い英語で書いていますが、日本語でissueを立てたりdiscordで意見・質問してもらっても大丈夫です。 ※ 急いで作った部分もあるため、コンパイラのコードは結構汚いです。ご容赦ください。 現状、Fixをローカルで実行するためにはLLVMのインストールが必要で時間がかかりますが、Fix playgroundを使えばブラウザ

                        HaskellとRustを足して2で割ったような関数型言語Fixを作っている話 - Qiita
                      • 一休レストランの XState 導入記 - 一休.com Developers Blog

                        このエントリーは 一休.comのカレンダー | Advent Calendar 2023 - Qiita の22日目の記事です。 レストランプロダクトUI開発チームの鍛治です。 一休レストランのフロントエンドを担当しています。 一休レストランでは Next.js App Router Remix を採用しています。 user-first.ikyu.co.jp 昨年の終わり頃から始まった一休レストランのリニューアルですが、フロントエンドは Nuxt v2 (Vue 2) から Next.js App Router (React) に、という大きな切り替えで、不慣れだった我々は React 初心者がひっかかる落とし穴を全部踏み抜いてきました。 例えば、チュートリアルに従って useState で変化する状態を定義して、最初はそれで全てがうまくいっていました。機能追加していく過程でいつの間にか一

                          一休レストランの XState 導入記 - 一休.com Developers Blog
                        • Terraformのループ記法を基礎から学ぶ | 外道父の匠

                          Terraform のコーディングにおいて、似た構成の複製をどのように表現するかは結構重要な課題です。放っておくと汚いコピペだらけになっていくからです。 色々な目的とやり方があると思いますので、その表現を実現するためのパーツにでもなればと思い、学習用教材的に書いてみるやつでございます。 目次 説明はそんなに多くないですが、コードのせいで縦長になったので目次を置いておきます。Terraform バージョンは v1.5.7 で動作確認しています。 単体の複製 count for_each セットの複製 module count + module 条件分岐 三項演算子 入れ子 ループ構造 for 複製の方法 階層構造 Pythonの入れ子ループ Terraform の入れ子ループ 続・階層構造 単体の複製 あるリソースに対して、単体の場合は count や for_each を使うことで、lis

                            Terraformのループ記法を基礎から学ぶ | 外道父の匠
                          • #安野たかひろ 1ヶ月の都知事選挙戦を支えたチーム体制を公開&当日に向けた意気込みを聞いてみた!|#安野たかひろ 事務所(公式)

                            いよいよ明日7月7日は、東京都知事選2024の運命の投開票日となりました。安野陣営もこれまで、東京全土での54回にわたる街頭演説や14,000箇所の看板の100%カバーするポスター貼りなど、チームの力で選挙戦を進めてまいりました。 この記事では、安野たかひろの1ヶ月に及ぶ選挙戦を支えてきたチーム体制をご紹介しようと思います(告示日前も事前運動にあたらない準備活動は認められています)。 チーム安野の全体像この選挙戦は、大小合わせて16個のチームで役割を分担し進めてきました。チームは大別すると「デジタル民主主義実現」「認知拡大」「専門性によるサポート」の3グループに分かれ、その中に個別チームがあるような形となっています。 チームあんのの構成図(安野本人が作成の図をベースに作成)とはいえ実際のコミュニケーションはグループのリーダーが全体を取りしきるわけではなく、安野の描くグランドデザインのもと、

                              #安野たかひろ 1ヶ月の都知事選挙戦を支えたチーム体制を公開&当日に向けた意気込みを聞いてみた!|#安野たかひろ 事務所(公式)
                            • 多摩川の河川敷の地上絵の謎に迫る

                              1992年三重生まれ、会社員。ゆるくまじめに過ごしています。ものすごく暇なときにへんな曲とへんなゲームを作ります。 前の記事:東京23区 円めぐり〜でかい円を求めて〜 > 個人サイト ほりげー 航空写真に写る地上絵 多摩川のことが好きすぎるあまり、Google Mapの航空写真モードで多摩川を眺めていた。そのとき、あやしい模様を発見した。 場所は川崎市幸区の古市場という地区。周囲に陸上トラックやグラウンドが整備されている中、あきらかに異様な模様が浮かぶ。多摩川の地上絵と呼ばせてほしい。 トレースしてみた。これが何らかの絵だとしたら……古代生物? 幅は430mもある。ナスカの地上絵が10m~300mらしいので、それよりもはるかに大きい。 いったい誰が、何のために描いたのか。個人的にはジョギングコース説を挙げたい。なぜなら、すぐ近くに本格的なジョギングコースがあるのだ。この地上絵はそこから派生

                                多摩川の河川敷の地上絵の謎に迫る
                              • 石川県輪島市や富山県高岡市などの被災後衛星画像、宇宙ベンチャーが公開

                                宇宙ベンチャーのアクセルスペース(東京都中央区)は1月2日、石川県輪島市や七尾市周辺、富山県富山市、砺波市、高岡市、氷見市周辺の地震被災後の衛星画像を政府や報道機関向けに無料公開した。 撮影時刻は2日午前10時4分。輪島市の輪島港や七尾市の熊木川河口などで、土砂で濁ったような水が海に向けて流出しているのが分かる。

                                  石川県輪島市や富山県高岡市などの被災後衛星画像、宇宙ベンチャーが公開
                                • React Server Componentsを理解したい

                                  はじめに App Router はこれまでの React や Pages Router による書き方と大きく異なります。これは、React Server Components(RSC) というアーキテクチャが導入され、開発の考え方が大きく変化したからです。そのため、App Router を理解するためには RSC の理解が必要になります。 しかし、私は RSC の理解に苦戦しました。 この記事は、そんな私が RSC の理解を深めるために様々な記事から学んだ内容を言語化したものです。 まず初めに、CSR や SSR といったこれまでのレンダリング手法について復習し、これらが抱える問題を確認します。その後、その問題を解決する RSC が何者なのか?を理解します。 CSR の復習 React では CSR 戦略が用いられてきました。 CSR では、クライアントが受け取るのは次のような中身のない空

                                    React Server Componentsを理解したい
                                  • Rustでシンプルなロードバランサーを作成してみた - Qiita

                                    はじめに この文章はGoでシンプルなL7ロードバランサーを作成するというKasun Vithanageさんの記事を参考にRustでL7ロードバランサーを書いてみたという記事です。ロードバランサーについて、ちゃんと勉強するならそっちを見た方が良いかもしれません。 またこの記事を書いている途中にactix-webのexampleのレポジトリがガッツリとactix-web 2.0-alpha.3に書き換えられました。actix-webの2系はfuturesの0.3系を使っております(actix-webの1系はfuturesの0.1でした)。多いに参考にさせてもらっております。途中までサンプルなしで2.0-alpha.1を強引に動かしていたので非常に助かりました。 成果物 https://github.com/rchaser53/rlb 実装する内容について NginxのようなL7ロードバランサー

                                      Rustでシンプルなロードバランサーを作成してみた - Qiita
                                    • Vue.js と Nuxt の 2023年まとめ

                                      2023年は Vue.js および Nuxt のアップデートがとっても活発な一年でした。 これだけ多くの、そして多様な進展があると、1年を振り返っておかないと何があったか忘れてしまいそうです。 というわけで Nuxt, Vue.js, Vite 関連の情報をピックアップして🏃‍♂駆け足で振り返ってみます。 (数が多かったので、おもに公式周辺のアカウントから告知されたものが中心です。漏れがあったらすみません。教えていただければ追加します) 🗓2023年1月 2022年の春先に正式に Vue.js 3 がデフォルトのバージョンとなり、2022年11月に Nuxt 3.0 がリリースされました。 年が明けて2023年1月の主だった情報です。 🔼Nuxt 関連 2023年1月17日に公開された Daniel Roe @danielcroe氏による公式ブログ記事 Nuxt: A vision

                                        Vue.js と Nuxt の 2023年まとめ
                                      • React Server Componentsを理解する | POSTD

                                        私も年を取ったと感じるのは、今年Reactが10年目を迎えたからです。 混乱していた開発コミュニティにReactが初めて紹介されてから10年、以来いくつもの進化を遂げてきました。Reactチームは、急進的な改革ということに関しては躊躇しませんでした。問題に対して、より良い解決策が見つかれば、それを実行してきました。 数か月前、Reactチームは最新のパラダイム・シフトであるReact Server Componentsを発表しました。史上初めて、Reactコンポーネントがサーバーでのみ実行できるようになったのです。 このことに関連してオンライン上では、きわめて大きな混乱が起きています。それが何なのか、どのように機能するのか、利点は何か、そしてSSR(Server Side Rendering)などとどのように連携するのか、多くの人が多くの疑問を抱いています。 私はReact Server

                                          React Server Componentsを理解する | POSTD
                                        • イランのライーシー大統領が事故で死亡|中東情勢ウォッチ

                                          イランのエブラーヒーム・ライーシー大統領が搭乗したヘリコプターが5月19日に墜落、20日に大統領含めた搭乗者9人全員の死亡が確認された。同乗者にはアブドゥルラヒヤーン外相、ラフマティー東アゼルバイジャン州知事、アリー=ハーシェム東アゼルバイジャン州最高指導者代理等がいた。墜落の原因やライーシー大統領等の直接の死因は不明であるが、事故当時に現場付近では濃霧が発生しており、墜落した機体は大破していることから、事故による死亡の可能性が高いと見られている。一部メディアでは暗殺の可能性も指摘されており、イスラエルの関与を疑う声もあるが、現時点で暗殺説を支持するような証拠は出てきておらず、憶測の域を出ていない。 ライーシー大統領一行は、イランとアゼルバイジャンとの国境に建設されたギズ・ガラーシー・ダムの竣工式にアゼルバイジャンのアリエフ大統領とともに出席、その帰路としてイラン北西部の都市タブリーズに戻

                                            イランのライーシー大統領が事故で死亡|中東情勢ウォッチ
                                          • xz-utils backdoor situation (CVE-2024-3094)

                                            xz-backdoor.md FAQ on the xz-utils backdoor (CVE-2024-3094) This is still a new situation. There is a lot we don't know. We don't know if there are more possible exploit paths. We only know about this one path. Please update your systems regardless. This is a living document. Everything in this document is made in good faith of being accurate, but like I just said; we don't yet know everything abo

                                              xz-utils backdoor situation (CVE-2024-3094)
                                            • UUIDv7 in 32 languages

                                              UUIDv7 is a 128-bit unique identifier like it's older siblings, such as the widely used UUIDv4. But unlike v4, UUIDv7 is time-sortable with 1 ms precision. By combining the timestamp and the random parts, UUIDv7 becomes an excellent choice for record identifiers in databases, including distributed ones. Let's briefly explore the UUIDv7 structure and move on to the zero-dependency implementations i

                                                UUIDv7 in 32 languages
                                              • 【コード付き】Pythonを使った偏微分方程式の数値解法【入門】 - LabCode

                                                本記事では、偏微分方程式の数値解法の基本を、分かりやすい具体例とともに掘り下げていきます。偏微分方程式には解析的な解が存在しない場合が多いため、Pythonを活用してこれらの複雑な問題にアプローチする方法を学びます。 本記事を足がかりに数値解析の旅を始めてみませんか? 注1) 本記事は丁寧に解説しすぎたあまり、大変長くなっております。まずはご自身が興味のある部分だけをお読みいただくことを推奨します。 注2) 差分法の一部の話だけにとどめています。誤差や境界条件などの詳細な議論は冗長化を避けるためにご紹介していません。 偏微分方程式の数値解法とは 偏微分方程式の数値解法は、偏微分方程式(PDE: Partial Differential Equations)の解を近似的に求めるための手法のことを指します。これらの方程式は、多くの場合、解析的な解が見つけられないため、数値的な手法が必要となりま

                                                  【コード付き】Pythonを使った偏微分方程式の数値解法【入門】 - LabCode
                                                • 祖父の「銃声」で人々を守りたい。クマよけアプリ「BowBear」に込められた北の猟師の知恵【フォーカス】 レバテックラボ(レバテックLAB)

                                                  TOPフォーカス祖父の「銃声」で人々を守りたい。クマよけアプリ「BowBear」に込められた北の猟師の知恵【フォーカス】 株式会社Wism 代表取締役 渡邊尚希 本業は映像企画ディレクター・映像編集者。東京生まれ東京育ちだが、中高時代には、毎年の冬休みに祖父の住んでいた北海道・更別村へ遊びに行き、狩猟の手伝いを行う。祖父の遺志を継ぎ、クマよけアプリ「BowBear」の開発に2022年に着手し、同年にWismを設立。祖父の波乱な人生史を本人からよく聞かされていたが、方言の特徴が強いためによくわかっていない点も多い。 各地で「クマ」の被害が後を絶ちません。2024年2月8日付環境省資料「クマ類による被害防止に向けた対策方針」によれば、2023年度において、ヒグマの出没に関する北海道警察への通報件数は12月16日時点で4055件。また本州に生息するツキノワグマの人的被害件数は1月末時点で197件

                                                    祖父の「銃声」で人々を守りたい。クマよけアプリ「BowBear」に込められた北の猟師の知恵【フォーカス】 レバテックラボ(レバテックLAB)
                                                  • 遠くのビルを同定するときはニトリを探せ(展望台趣味~相模原、厚木編)

                                                    1971年東京生まれ。デイリーポータルZウェブマスター。主にインターネットと世田谷区で活動。 編著書は「死ぬかと思った」(アスペクト)など。イカの沖漬けが世界一うまい食べものだと思ってる。(動画インタビュー) 前の記事:そうめんつゆに入れてうまい缶詰はどれだ(デジタルリマスター) > 個人サイト webやぎの目 グリーンタワー相模原 「相模原」がよく分かっていない。 東京を西に進んで多摩川を越えると川崎・横浜、そこを越えるとだいたい「相模原」。そういう認識である。 そんな広くて平らな地、相模原に塔がある。 グリーンタワー 相模原 公園に塔が突然あらわれる。かまぼこ型の窓が欧風でいかめしい雰囲気だ。

                                                      遠くのビルを同定するときはニトリを探せ(展望台趣味~相模原、厚木編)
                                                    • プロと読み解くRuby 3.3 NEWS - STORES Product Blog

                                                      テクノロジー部門CTO室の笹田(ko1)と遠藤(mame)です。今年の 9 月から STORES 株式会社で Ruby (MRI: Matz Ruby Implementation、いわゆる ruby コマンド) の開発をしています(Rubyのこれからを STORES で作る。Rubyコミッター笹田さん、遠藤さんにCTOがきく「Fun」|STORES People )。お金をもらって Ruby を開発しているのでプロの Ruby コミッタです。 本日 12/25 に、恒例のクリスマスリリースとして、Ruby 3.3.0 がリリースされました(Ruby 3.3.0 リリース)。クックパッド開発者ブログで連載していたように、今年も STORES Product Blog にて Ruby 3.3 の NEWS.md ファイルの解説をします(ちなみに、STORES Advent Calendar

                                                        プロと読み解くRuby 3.3 NEWS - STORES Product Blog
                                                      • まるで現代の伊能忠敬――その極みにはAIもまだ辿り着けてない!? 地図データ整備の最前線を盛岡で見た【地図と位置情報】

                                                          まるで現代の伊能忠敬――その極みにはAIもまだ辿り着けてない!? 地図データ整備の最前線を盛岡で見た【地図と位置情報】
                                                        • Node.jsのTypeScriptサポートについて

                                                          README.md Node.jsのTypeScriptサポートについて Created: 2024-07-28 Node.jsのTypeScriptサポートに関する議論を時系列でまとめたものです。 Start Issue: Support typescript with --experimental-strip-types · Issue #208 · nodejs/loaders SWCを使ってTypeScriptの型を削除することで、Node.jsのTypeScriptサポートを実現するという提案からスタートした。 最初の懸念としては、Node.jsのLTSは3年保守する必要があるので、依存によってNode.jsのLTSサポートが難しくなるという話。 具体的には次のような懸念があった SWCがSemverではないこと TypeScriptがSemverではないこと SWCについては、

                                                            Node.jsのTypeScriptサポートについて
                                                          • ついに JavaScript に groupBy が実装されたぞ!!! - Qiita

                                                            JavaScript標準でgroupBy関数が実装されています。2023年11月現在Safari以外の主要なブラウザで実装済みで、SafariもTechnology Previewのようです。 (現在MDNの日本語の記事は古い情報のままになっており、現行と異なるので注意! →更新していただきました。ありがとうございます!) Proposal の Stage はすでに 4 / Finished なので規格として確定済みです。 基本的な使い方 よくあるgroupByです。配列(Iterable)とキーを抽出する関数の二つを指定すると、キーで配列をグループ化します。 const ret = Object.groupBy([ { name: '山田太郎', address: '東京' }, { name: '山田次郎', address: '愛知' }, { name: '山田三郎', addre

                                                              ついに JavaScript に groupBy が実装されたぞ!!! - Qiita
                                                            • 【OpenTelemetry】オブザーバビリティバックエンド8種食べ比べ

                                                              sumirenです。 技術顧問やSREをしています。 背景 2024年現在、OpenTelemetryが盛り上がっており、ベンダへの依存度を下げてテレメトリを収集・送信することがトレンドになってきているように思います。多くの企業様で、OpenTelemetry対応のオブザーバビリティバックエンドを選定されているのではないでしょうか。 一方で、E2E自動テストツールなどもそうですが、デベロッパーツールは画面やUXの情報がパブリックな情報として出回ることが少ないように思います。オブザーバビリティバックエンドの場合、シグナル3種に関してOpenTelemetryベースでもフルに機能が活用できるのかという疑問もあります。 そうしたこともあり、オブザーバビリティバックエンドは実際にトライアルしてみないと選定しづらいです。監視など狭義のオブザーバビリティ外の機能や、OpenTelemetryの範囲外の

                                                                【OpenTelemetry】オブザーバビリティバックエンド8種食べ比べ
                                                              • 【Next.js14】CSR・SSR・SSG・ISRの違いと実装方法 - Qiita

                                                                Next.jsでは、レンダリング手法をCSR・SSR・SSG・ISRの中から選ぶことができます。 本記事では、それぞれの特徴に触れつつ、実装方法を紹介します。 CSR (Client Side Rendering) クライアントからのリクエストに対して、サーバーは空のHTMLとJavaScriptを返します。 このJavaScriptがブラウザ上で実行されることにより、実際に表示するHTMlをレンダリングします。 メリット サーバーとの通信が初期遷移時のみに抑えられる ページ遷移が高速 デメリット 初回読み込み時に全てのデータを一括して取得するので、ページが表示されるまでの時間が長い(アプリケーションの規模が大きくなればなるほど、時間が長くなる) JavaScriptはブラウザで実行されているので、ページ表示までの時間(JavaScriptの実行時間)が使用しているマシンスペックに依存して

                                                                  【Next.js14】CSR・SSR・SSG・ISRの違いと実装方法 - Qiita
                                                                • バグバウンティ入門(始め方) - blog of morioka12

                                                                  1. 始めに こんにちは、morioka12 です。 本稿では、バグバウンティの入門として、主に Web アプリケーションを対象にした脆弱性の発見・報告・報酬金の取得について紹介します。 1. 始めに 免責事項 想定読者 筆者のバックグラウンド Start Bug Bounty Bug Bounty JP Podcast 2. バグバウンティとは バグバウンティプラットフォーム Program Type Private Programs VDP (Vulnerability Disclosure Program) Asset Type 3. プログラムの選び方 Scope OoS (Out of Scope) 4. 脆弱性の探し方 (初期調査編) Subdomain Google Dorks Wayback Machine Wappalyzer JS Analyze [Blog] Java

                                                                    バグバウンティ入門(始め方) - blog of morioka12
                                                                  • 海岸線、250メートル動く 輪島市の漁港付近―東大など・能登地震:時事ドットコム

                                                                    海岸線、250メートル動く 輪島市の漁港付近―東大など・能登地震 2024年01月04日18時59分配信 地震による隆起に伴い、約250メートル海側に移動した海岸線=3日、石川県輪島市(東京大地震研究所提供) 最大震度7を観測した能登半島地震で、東京大地震研究所などは4日、能登半島北西部の現地調査結果を公表した。石川県輪島市の鹿磯漁港で約3.9メートルの隆起が観測されたほか、同漁港近くの砂浜では隆起に伴い、海岸線が海側に約250メートル移動していた。 震源断層、長さ150キロか 輪島市西部が4メートル隆起―政府調査委 同研究所の石山達也准教授らは2日から調査を開始。3メートルを超える隆起は、鹿磯漁港から南側約4キロにわたる海岸沿いで確認された。 また、志賀町赤崎漁港の隆起は約0.25メートルにとどまったものの、漁港施設への津波被害が確認された。倉庫の外壁などの痕跡から、津波の高さは約4.2

                                                                      海岸線、250メートル動く 輪島市の漁港付近―東大など・能登地震:時事ドットコム
                                                                    • Ruby のメソッド定義時に仮引数があるとき、それをカッコでくくらないのは私だけなの? - STORES Product Blog

                                                                      テクノロジー部門で Ruby インタプリタの開発をしている笹田です。RubyKaigi 2024 楽しみですね。 さて、Ruby のメソッドを定義するとき、仮引数がある場合、カッコを省略することができます。 def foo(x, y) end def bar x, y end bar の定義の方法ですね。私は好んでこの書き方をしてたんですが、同僚の遠藤さんに「そんな書き方をしているのは今時笹田だけだ」と言われてショックを受けたので、ちょっと調べてみました。 ちなみに、カッコがないと使えないメソッド定義の方法があるので、その時には涙を呑んでカッコをつけます。 def foo(kw:) # 必須キーワード引数 end def bar(&) # 無名ブロック引数 end 補足1:Ruby では「メソッド呼び出し時にカッコをつけるかどうか」にいろいろな論争がありますが、ここでは「メソッドを定義する

                                                                        Ruby のメソッド定義時に仮引数があるとき、それをカッコでくくらないのは私だけなの? - STORES Product Blog
                                                                      • 歴史好きにはたまらない! 江戸時代なのに現代風デザインの地図サイト「れきちず」が3D表示に対応 地図データをベクトルタイル化。「江戸切絵図」から町家領域の抽出も【地図ウォッチ】

                                                                          歴史好きにはたまらない! 江戸時代なのに現代風デザインの地図サイト「れきちず」が3D表示に対応 地図データをベクトルタイル化。「江戸切絵図」から町家領域の抽出も【地図ウォッチ】
                                                                        • 「豚汁」←これの呼び方は? ゼンリン作の「豚汁マップ」が話題に! 全国から続々と集まる「豚汁」の呼び方、富山県と三重県の「ぶた汁」率はなぜ高い?

                                                                          株式会社ゼンリン🗾 @ZENRIN_official ゼンリンの公式アカウントです。商品サービスや、地的なネタをつぶやいています。商品に関するお問い合わせは、お手数ですがzenrin.co.jp/product/suppor…へお願いします。 zenrin.co.jp 株式会社ゼンリン🗾 @ZENRIN_official \ 豚汁マップできました / 北海道と九州の「ぶた汁」率の高さは、正直なんとなく分かっていましたが、富山県と三重県の「ぶた汁」率の高さはなんででしょうか...? 分かる方教えて下さい!! pic.twitter.com/aWX6HG6l2l 2023-12-12 19:23:11

                                                                            「豚汁」←これの呼び方は? ゼンリン作の「豚汁マップ」が話題に! 全国から続々と集まる「豚汁」の呼び方、富山県と三重県の「ぶた汁」率はなぜ高い?
                                                                          • 総データ量350TB超。30年以上かけた世界遺産デジタルアーカイブ化の取り組み

                                                                            中国アジアITライター 山谷 剛史 1976年生まれ、東京都出身。2002年より中国やアジア地域のITトレンドについて執筆。中国IT業界記事、中国流行記事、中国製品レビュー記事を主に執筆。著書に『中国のITは新型コロナウイルスにどのように反撃したのか?』(星海社新書)『中国のインターネット史 ワールドワイドウェブからの独立』(星海社新書)『新しい中国人 ネットで団結する若者たち』(ソフトバンククリエイティブ)など。 中国甘粛(カンシュク)省、シルクロードの観光地として知られる敦煌は、仏教壁画が描かれた492の洞窟からなる莫高窟と、砂漠の鳴沙山・月牙泉が有名だ。毎年5月から10月が観光の最盛期で、莫高窟はこの期間ほぼ毎日入場制限がかかるほど人気だ。 莫高窟の文化財の保護と研究のために設立された敦煌研究院では、英国国立図書館とも提携し、これまで30年以上かけてデジタル化が行われ、そのデータ量は

                                                                              総データ量350TB超。30年以上かけた世界遺産デジタルアーカイブ化の取り組み
                                                                            • 「goo地図」サービス終了 23年の歴史に幕

                                                                              NTTドコモは、Webブラウザから閲覧できる地図サービス「goo地図」を、9月27日に終了する。2000年10月1日のサービス開始から23年で幕を閉じることになる。 goo地図は、旧NTTレゾナント(2023年7月1日にドコモと合併)が運営するポータルサイト「goo」の地図サービスとして提供されてきた。 ネット黎明期には存在感を発揮したが、2005年7月にはGoogleマップが日本でサービスを開始。ライバルの「Yahoo!地図」も利便性を向上させる中、プレゼンスは薄れていた。 ドコモは「長年にわたり『goo地図』をご愛顧いただきましたお客様に、心より感謝申し上げるとともに、ご迷惑をおかけして誠に申し訳ございません」とコメントしている。 関連記事 ドコモがNTTレゾナントを吸収合併 「OCNモバイル」「goo」はドコモのブランドに NTTドコモは5月25日、完全子会社のエヌ・ティ・ティレゾナ

                                                                                「goo地図」サービス終了 23年の歴史に幕
                                                                              • Aurora MySQL におけるロック競合(ブロッキング)の原因を事後調査できる仕組みを作った話

                                                                                こんにちは。 DBRE チーム所属の @p2sk です。 DBRE(Database Reliability Engineering)チームでは、横断組織としてデータベースに関する課題解決や、組織のアジリティとガバナンスのバランスを取るためのプラットフォーム開発などを行なっております。DBRE は比較的新しい概念で、DBRE という組織がある会社も少なく、あったとしても取り組んでいる内容や考え方が異なるような、発展途上の非常に面白い領域です。 弊社における DBRE チーム発足の背景やチームの役割については「KTC における DBRE の必要性」というテックブログをご覧ください。 本記事では、Aurora MySQL でロック競合(ブロッキング)起因のタイムアウトエラーが発生した際に根本原因を特定することができなかったので、原因を後追いするために必要な情報を定期的に収集する仕組みを構築した

                                                                                • Playwrightを使ったE2Eテストを導入した話 - インフラ編 Playwright × Allure Report × AWS - Uzabase for Engineers

                                                                                  はじめに こんにちは。ソーシャル経済メディア「NewsPicks」の QA/SET チームの海老澤です。 先日は Playwright を使ったE2Eテストの導入について、紹介させていただきました。 今回は作成したテストをAWS 基盤上で動かす方法を紹介させていただきます。 前回の記事 tech.uzabase.com E2Eテスト実行のタイミング NewsPicksでは 下記のタイミングで E2Eテストを実行させています。 ①リリース時のカナリーデプロイ後 NewsPicks ではカナリーリリースを採用していてカナリーへのデプロイが完了した後、カナリーに向けてE2Eテストが動きます。 ②開発環境デプロイ後 動作確認をしたい場合に feature ブランチなどでデプロイ後 E2Eテストを実行できるようにしています。 本記事では主に 「②開発環境デプロイ後」 を例に紹介します。 実行方法 具

                                                                                    Playwrightを使ったE2Eテストを導入した話 - インフラ編 Playwright × Allure Report × AWS - Uzabase for Engineers