21社の監視・オブザーバビリティ アーキテクチャ特集 - Findy Tools
デジタル時代の企業にとって、システムの安定稼働と迅速な問題解決は、競争力を維持するための重要な要素です。21社にご寄稿頂いた「Amazon CloudWatch」「Datadog」「Grafana」「New Relic」「Prometheus」「Sentry」「Splunk」の各ツールレビュー記事を参照・抜粋し、それぞれの企業がどのようにシステムの健全性を確保し、未来の課題に備えているのかをアーキテクチャを通してご紹介します。 ※ツール名・ご寄稿企業名共にアルファベット順で掲載しております Amazon CloudWatchAWS CloudWatchは、AWSのクラウドリソースとアプリケーションの監視と管理を行うためのサービスです。メトリックス、ログ、イベントなどを収集、追跡し、可視化することで、システム全体の状態を把握し、問題の早期発見と解決をサポートします。 ▼Amazon Clou
産後の恨みは一生、らしい
長女が先日20歳になった。 成人は定義上は18歳だが、やはり20歳になるといよいよ成人という感じがする。 特に大学生になってから、娘が家にいない時間も増え、バイトなんかをして自分のことを自分でやりくりし始めるようになったからか、いよいよ子供というよりも1人の大人として見られるようになった気がする。 そんなことを感じていたこともあって、先ほど妻と2人になったタイミングでふと「ようやく、『育て上げた』って感じがするなあ」としみじみと呟いた。 てっきり妻も同意してくれるものだと思って発したのだが返事はなく、妻の方を振り向くと微妙な面持ちをしていた。 妻はあまり自己主張をしないタイプで、だけれども器用に誤魔化すタイプでもない。何か思うところがあるのは明白だった。 妻を問いただしたところ、「正直、あなた(夫婦間では下の名前で呼び合っている)と育てたという感覚はないし、自分が育てたような気持ちになられ
日本でiPhoneの保有比率が高いのは嘘か、日本のIT技術が劣っているかの
eKYC(免許証とかを平置きで撮影したり、斜めに保持して撮影したりするやつ)で、ガイド枠に合わせて撮影すると絶対にピントが合わない 他にも、日本で一番使われてるLINEアプリでさえ、近づいて撮影するとピンボケしちゃうし、QRコードを読み込んで云々のアプリとかもだいたいダメ 原因はiPhone14pro,14proMax,15pro,15proMaxだと、通常のレンズを使ったときの最短撮影距離が従来機種に比べて遠くなったのが原因なんだけど、 もう発売から2年近くするのに、どこの会社もこれに合わせてアプリを修正できてない。日本にiPhoneを使っている人が実は少ないから対応する気がないのか、 アプリ開発の現場に、iPhoneのproシリーズがテスト機として回されないほど予算がないんだとおもう。あるいは、アプリ開発者の技術力不足？ しかも、最悪なのは、iPhone14pro発売時のiosにカメラ
技術選定の失敗 2年間を振り返る TypeScript,Hono,Nest.js,React,GraphQL
技術選定の失敗 2年間を振り返る TypeScript,Hono,Nest.js,React,GraphQL はじめに 新たに書きました。 MySQLを使っても会社は潰れない 久々に記事を書いたのでどうぞお手柔らかに... 私が過去2年間で行った技術選定の成功と失敗を振り返り、その学びを共有したいと思います。 文才無いので淡々と箇条書きでいきます Twitterエンジニア垢作りました。エンジニアのお友達がいません。 @uncode_jp 注意 意見を押し付けるものではありません。ただ建設的な議論は大事だと思う。 自分の意見は明確に、歯切れのよい表現を意識している。人それぞれだよねみたいな感じに逃げたくない。技術選定に結論はある（過激）。 ただし技術選定にはコンテキストがあり、例えばプロダクトのフェーズや組織の事情によって当然結論は変わる可能性がある。 OSSの開発者さん達は偉大ですごい。あ
技術選定の失敗 2年間を振り返る TypeScript,Hono,Nest.js,React,GraphQL
技術選定の失敗 2年間を振り返る TypeScript,Hono,Nest.js,React,GraphQL はじめに 新たに書きました。 MySQLを使っても会社は潰れない 久々に記事を書いたのでどうぞお手柔らかに... 私が過去2年間で行った技術選定の成功と失敗を振り返り、その学びを共有したいと思います。 文才無いので淡々と箇条書きでいきます Twitterエンジニア垢作りました。エンジニアのお友達がいません。 @uncode_jp 注意 意見を押し付けるものではありません。ただ建設的な議論は大事だと思う。 自分の意見は明確に、歯切れのよい表現を意識している。人それぞれだよねみたいな感じに逃げたくない。技術選定に結論はある（過激）。 ただし技術選定にはコンテキストがあり、例えばプロダクトのフェーズや組織の事情によって当然結論は変わる可能性がある。 OSSの開発者さん達は偉大ですごい。あ
DNS検索コマンドdugの紹介 | IIJ Engineers Blog
Haskellコミュニティでは、ネットワーク関連を担当。 4児の父であり、家庭では子供たちと、ジョギング、サッカー、スキー、釣り、クワガタ採集をして過ごす。 技術研究所開発室の山本(和)です。私は、同僚の日比野と一緒にDNSのフルリゾルバ(キャッシュサーバ)の実装を進めています。このフルリゾルバの名前は bowline と言います。結びの王様である「もやい結び」から名付けました。 サーバの bowline に加えて、検索コマンドである dug も実装しています。DNSに詳しい方なら分かると思いますが、 dig コマンドに似せた名前を選びました。(もちろん、DIGDUGという名作を意識しています。) 今回は、 DNS検索コマンド dug の使い方について説明します。dugコマンドをインストールする一番簡単な方法は、githubからバイナリをダウンロードすることです。Intel Linux 用
ITがつまらんとか言ってるのは老害だけ | さにあらず
最近は、ITが面白いだとかつまらんだとか言って盛り上がってるけども、面白いってのは、どういうことか、ちょっと考えてみようか。 知識と学習#一つ目は、学習するに足るだけの知識体系がそこにあるかどうか。 知らない事を知る、出来なかったことが出来るようになる快感ってのは、何度経験しても最高なんであって、一人でも多くの人にこの体験をして欲しい。素晴らしいことに、ソフトウェア技術だけに範囲を絞ってもまだ理解できてない事は大量にあるし、増え続けてる。 生成AIがアシスタントしてくれるけど、ちょいちょい嘘をついてくるってのが、また熱いよね。AIが言ってる事だけを真に受けちゃダメで自分でちゃんと試さないといけない。そして、インターネット上に無い情報について、やつらは手も足もでない。 最近は新しい技術が出てこないなんて言ってる連中もいるようだが、現実の社会課題を解決し、それを付加価値として提供できて初めて新
Googleパブリッシャータグを使ってみる
Googleアドマネージャーを使用する際に「Googleパブリッシャータグ(GPT)」を触る機会があったので、その際に調べたことをメモしておきます。 広告の表示 まずはシンプルに広告を表示する方法を試してみます。 基本的には公式のガイドに記載されている流れと同じです。 head内でGPTライブラリを読み込みます。 <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> 同じくhead内で広告スロットを定義します。 window.googletag = window.googletag || {cmd: []}; googletag.cmd.push(function() { googletag .defineSlot(【adUnitPath】, [【width】, 【height】
Next.jsで戻る厨を満たすrecoil-sync-next
以前、Next.jsのスクロール位置復元について記事を書きました。 上記記事でSPAとMPA(Multi Page Application)における、ブラウザバック/フォワード時のスクロール位置復元について言及しました。 MPAではスクロール位置がブラウザによって復元されることがある(ブラウザの実装に依存) SPAではこれらが軽視されがち Next.jsにおいても、デフォルトでは復元されない(ChromeでSSGページなど一部条件下では復元される) Next.jsではexperimental.scrollRestorationを有効にするとスクロール位置をsession storageに保存し復元する これらと同様に、ブラウザバック/フォワード時のUI復元についても軽視されがちなものの1つです。最近もこの手のUI体験の悪さについて、問題提起がされ話題になりました。 ブラウザバック/フォワー
「楽をするヤツは好きになれない」という昭和の経営者
世の中には、「親を殺されたのですか？」というくらいにうま味調味料、「味の素」を毛嫌いする人が多い。 グルメ漫画『美味しんぼ』の作者、雁屋哲氏などは、その急先鋒だろうか。 「うま味調味料は舌を麻痺させる」 「すべての料理が同じ味になる」 といった強い調子で、折につけ同作品の中でうま味調味料（味の素）への攻撃を繰り返してきた。 そんな私自身、味の素そのものを最後に食べたのはおそらく50年近く前の、幼少期の頃だ。 オヤジがきゅうりのぬか漬けに味の素と醤油をかけ、晩酌をしていた時のこと。 「お父さん、何その白いふりかけ」 「これか？味の素っていって、美味しさが増す調味料だよ」 「美味しそう、僕にもちょうだい！」 そんなこと言って一口もらったのだが、きゅうりのぬか漬けに期待する味ではなく、2口目はおねだりしなかった覚えがある。 そんな記憶もあり私自身、味の素そのものを購入したことはないし、自分の料理
newmoのnewなひと 〜ソフトウェアエンジニア・kamipo〜｜newmo株式会社｜"移動で地域をカラフルに"
newmoに新しくジョインしたメンバーを紹介する「newmoのnewなひと」。newmoという会社や働く人のことを、より深く知っていただければ嬉しいです。今回取り上げるnewなひとは、ソフトウェアエンジニアの@kamipoさんです！それではどうぞ。 経歴 2024年7月にnewmo株式会社にソフトウェアエンジニアとして入社。日本人唯一のRails CoreコミッターでRailsコミッター四皇のひとり。 ニックネームの「kamipo」は、昔のあだ名から本名は、上薗 竜太です。ニックネームで使っているkamipoの由来は、元カノが呼んでいたあだ名です。笑 エンジニア→フルタイムRailsコミッター→エンジニアというキャリア2007年に新卒でアドウェイズに入社し、アドウェイズ時代に麻雀で知り合った社長の片桐さんに誘われて、2008年にピクシブに転職して自作サーバーのベニヤ化などインフラエンジニア
Webサービスのエンジニア、事業に興味がないとスキル向上も行き詰まる話｜えふしん
中途採用で面接の時にはサービスに積極的に携わりたいと言っていたのに、いざ入社すると受け身姿勢な仕事になってしまい、積極的にサービス向上には関わらなかったり、自分自身から問題意識を持てないと周りからは思われてしまうケースがあります。 仮説としては、 １．前職がクライアントワークだったり、与えられる仕事に対してアクティブに関わるというよりは、受け身的に仕事をする姿勢が板についてしまっている中途採用のケース ２．どうやったらサービスに興味を持ったら良いかわからないケース。当人はやってるつもりだけど周りからできているとは見なされない。考え方が足りないとか、考える方法がわからないとか、考えてる量が圧倒的に少ないようなケース などが考えられます。一定、そこそこの規模のサービスになったりすると、自分自身が関与しているドメインが狭く見えてしまったり、もしくは大きなレバレッジを生み出す余裕がないと思ってしま
リッチテキストエディター（RTE）のJSライブラリ色々試してみた
リッチテキストエディタ(RTE)って？ リッチテキストエディタ（以下RTE）とは、文字を入力できるだけでなく、文字に装飾を加えたり、段落を設定できたりと複雑な機能を持つエディタのことです。 弊社プロダクトであるkintone内にも以下のようなエディタが存在します。 また、似たものを指すWYSIWYG(読み方:ウィジウィグ)という用語もありますが、これはWhat You See Is What You Get（見たままが得られる）の略であり、編集時と出力時の見た目が同じエディタのことを指します。 Zennやesaのように、Markdown記法で編集したものが変換されて表示されるようなエディタは含みません。 このようにWYSIWYGはRTEより狭義の意味になっています。 WYSIWYGエディタ(Google Docs) WYSIWYGではないエディタ（esa） 独自データモデル VS DOMツ
【Next.js × Docker】Dockerコンテナで`npm run build`すると`Cannot find module`と言われた時の対処法【備忘録】 - Qiita
結論 Module not found: Can't resolve '@/app/hoge/huga/piyo' と言われたら まず next.config.js でエイリアスを解決してあげる /** @type {import('next').NextConfig} */ const nextConfig = { // デフォルト設定だとこれでいける // いじくった人は`alias`を変えて`path.join(__dirname, "src")`てきなことをしてください webpack: (config, { isServer }) => { config.resolve.alias["@"] = __dirname; return config; }, }; module.exports = nextConfig;
作り、造られ、創る
今日はbuilderscon 2024の開催日でした。 自分が立ち上げて（でも心折れて開催しなくなった）イベントを、自分が関わらないところで続けてくれるというのは、なんとも感慨深いものです。少なくとも俺のやろうとしてたことは意味があったんだな、という気持ちにさせられました。 開催にこぎつけた@nasa9084さん、ありがとう！他のスタッフのみなさまも本当にお疲れさまでした。 さて、今回私は運営にはTシャツのスポンサー以外一切ふれてないのですが、実は開催前日の時点でスケジュールに穴があくかもしれないという話をSlackで聞いたので、それを聞いた私はすぐさまGoogle Docsで原稿を書き始めました。で、すぐ書きおわったのですが、その時にはもうonkさんとsongmuさんが代役に決まったので私の話は無事オクラ入りになりました。 ならまあ、供養しとこうかな、ということでここに載せることにしまし
ITクソつまんなくなった。
流行の話題が似たり寄ったりな生成AIなのホンマつまんねー。 AIが高品質の絵描けます！楽曲作れます！って最初は「スゲー」って思ってたけど、使ってみると検索ワード入れて虹エロ絵ググって漁ってる感覚と同じなんだよ。いい加減飽きた。 それよかさっさとクラウドアーキテクチャ管理とかアプリケーションのテスト管理とかできるようにして楽させてよ。Copilotにコード貼り付けてプロンプト生成すんのめんどくせーんだよ。 つまんなくなったなと決定的に感じたのは、今年の頭に行ったデブサミ。 似たり寄ったりな生成AIの活用話ばっかり。過去一つまんなかった。いつもは面白くて夢中で聞いてたんだけど、今年は途中で帰った。本当につまらなかった。 なんていうか、生成AIのプロンプトエンジニアリングとかの話って、人材マネジメント的な話と根本はおんなじ感じがするんだよな。いかにて優秀な新人AI君を働かせるか？的な。 でも、ビ
ジャンプTOON Next.js App Router の活用〜得られた恩恵と課題〜 | CyberAgent Developers Blog
目次 はじめに Colocation を意識した設計方針 Parallel Routes と Intercepting Routes を用いた設計パターン サーバー側に処理を寄せたことによる恩恵と課題 Next.js が抱える課題 おわりに 参考文献 はじめに ジャンプTOON のWeb版（以降、ジャンプTOON Web）の開発を担当している浅原昌大（@assa1605）です。 5 月にサービスを開始した「ジャンプTOON」は、オリジナル縦読みマンガ作品や人気作品のタテカラー版を連載する、ジャンプグループ発の新サービスです。 ジャンプTOON のフロントエンドには、Next.js を採用し開発をしています。 本記事では、Next.js の最新機能や設計パターン、Next.js を採用した恩恵と現在の課題について紹介します。 Colocation を意識した設計方針 Parallel Rou
アクセシビリティの改善のために React Aria を活用しています - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは！DOGO プロジェクトでソフトウェアエンジニアとして活動している @nissy_dev です。 DOGO プロジェクトでは、React Aria を活用してアクセシビリティの改善を行っています。 今回の記事では、React Aria を国内にもっと広めて行きたいということで、React Aria を利用することに決めた理由を振り返りつつ、React Aria について簡単に紹介します。 目次 OSS を活用した効率なアクセシビリティの改善 ライブラリの選定 React Aria の概要 Next.js App Router との相性 終わりに OSS を活用した効率なアクセシビリティの改善 DOGO プロジェクトでは、フロントエンドの刷新を進めていく中でアクセシビリティの改善についても取り組んでいます。 具体的な事例などについては、次の記事も参考にしてもらえればと思います。 各
本番環境でテストするって話の日本人の反応と海外の反応
https://x.com/HighWiz/status/1817197569099051158 マリーアントワネット「検証機がないなら，本番環境を使えばいいじゃない。」 これに対し，日本のITエンジニアたちは激おこである。 そして大半が本番環境でテストをするのはけからんという話に終始している。これが日本の姿である。 まるでオライリーの「オブザーバビリティエンジニアリング」で書かれていた本番環境をガラスの城として扱っているパターンそのものって感じがある。 https://netflixtechblog.com/tagged/chaos-engineering 一方，Netflixのようなグローバル大企業はすべからく本番環境でテストを行っている。 彼らは惑星規模の計算資源とその上で稼働する大規模なマイクロサービスを運用しているので，事実上，本番環境と同等の検証環境を作ることができない。 さら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はじめに｜Next.jsの考え方
