30分でわかるシステム運用アンチパターン / Operations Anti Patterns in 30 minutes
Webアプリケーションでは、DOMの要素にイベントリスナ(イベントハンドラ)を取り付けることで、ユーザーによる様々な操作 (クリックなど) に応じて処理を行うことができます。 しかし、イベントリスナを登録しても、他のイベントリスナとの干渉によって意図した通りに発火しないことがあります。ここではその調査方法を紹介します。 前提知識: イベントバブリングイベントについては筆者の過去記事でも解説しましたが、あらためてここでも説明します。イベントバブリングを理解することが、イベントデバッグの近道だからです。 DOMにおいて、要素はネストすることによって木構造を形成します。ある要素(ターゲット要素)がクリックされるなどしてイベントが発生したとき、イベントはその要素自体だけではなく、その祖先要素にも送られます。これをイベントバブリングといいます。 イベントバブリングは2つの段階に分けられます。 Cap
眠。 @mikeneko3118 @kikuyarou そういえばすずめみたいなどこにでもいそうな鳥でも 日本のすずめは外国のすずめと比べて小さくてもふもふしてるとか聞いたことありますね 気候とか地形の違いとかからなんでしょうか 2024-03-12 13:16:54 リンク Wikipedia ニュウナイスズメ ニュウナイスズメ(入内雀、学名:Passer rutilans)は、スズメ科スズメ属に分類される鳥類の1種。民家近くに生息するスズメとは対照的に林や森などを好む。黄雀(こうじゃく、おうじゃく、きすずめ)ともいう。 全長約14cm。雄はスズメに似ているが頬に黒点がなく、頭部と背面はスズメよりもあざやかな栗色をしている。雌は薄茶色で、太い黄土色の眉斑が目立つ。 北はロシア、東は日本、南はインド、西はアフガニスタンまで、東アジア、東南アジア、南アジア、中央アジアに広く分布する。 日本で
デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上(2019年12月現在)ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら
Microsoft Copilot Pro「全世界のWindowsユーザーが生成AIを意識せずに、当たり前のツールとして使いこなす未来」- Blog 2024/1/7 Copilot Pro が個人でも利用可能になったので、大まかにCopilotの全体像を理解した上で、操作しながら試してみました。 私はMacユーザーですが、Copilotを検証するために先週からWindowsをメインにしています。WordやPowerPointはまだ慣れていないので、今日は記録のみ掲載。 Copilot ProCopilot Pro パフォーマンスを高速化し、創造性を高める機能を希望するユーザーには、Copilot エクスペリエンスを向上させる Copilot Pro がおすすめです。この月額サブスクリプション製品には、Copilot のすべての機能に加え、次を実現する機能が含まれています。 ・ピーク時でも
よくみる「世界地図」は一般的にほとんどがメルカトル図法で描かれていますが、この図法で描かれた国は北極や南極に近づくほど実際よりも大きく表示されてしまうという特徴があります。世界地図の見方を少し変えてみるとどんな世界が見えてくるのか、ブロガーのトーマス・プエヨ氏が紹介しています。 Maps Distort How We See the World - by Tomas Pueyo https://unchartedterritories.tomaspueyo.com/p/maps-distort-how-we-see-the-world メルカトル図法で描かれる国々と実際の大きさの違いがよく分かるgifが以下の画像をクリックすると確認できます。 静止画にするとこう。濃い色で描かれたものが実際の大きさです。 「アフリカの本当の大きさ」がこれ。メルカトル図法では広大に見えるロシアもアフリカにすっ
咲来さん@ @sakkurusan なんかこう、北海道でいろいろとやってる人。セコマ、公営競技、二次元、ゲーム、バラエティ、昭和平成初期、鉄道、地理、地図、テレラジ、ローカルCM、食いものなんかに明るい。自称超弱小零細あばら家インフルエンサー。何かあればDMで。無言フォロー、FF外リプ歓迎。 youtube.com/user/sakkurusan 咲来さん@ @sakkurusan ニトリの社長はぶっ飛んでるけど。創業したとき、1店舗しかないのに店名を 「似鳥家具卸センター 北支店」 にして、ネットなんかあるわけなく、調べようがないので客に「北支店ということは、これよりも広い本店があるに違いない。これは信頼できる」と思わせたの。 もうやり口が両さんと同じよ 2024-04-26 21:32:44
今までJavaScriptを使用しないと実装できなったことが、CSSだけで実装できるようになったものが増えてきました。たとえば、表示・非表示をdisplayプロパティでアニメーションできるようになったり、スクロールをトリガーにしたアニメーションなど、新機能が登場しました。 今回紹介するのは、height: 0;からheight: auto;へのトランジションです。高さが固定値であれば簡単にアニメーションできますが、コンテンツ量が不明で成り行きの場合はJavaScriptで高さを取得する必要がありました。 height: 0;からheight: auto;へのトランジションをCSSで実装する方法を紹介します。元記事を読んで、CSS Gridをここで使用するのか! と驚きました。 🧙♂️ CSS trick: transition from height 0 to auto! by Fra
えな鳥 @wani_kawaiinono 「契約書を全部袋とじにしといて」って言われたので国文学科で数々の袋とじ和書を見てきたワイは全部画像みたいにとじて持って行ったんだけど、ビジネス用語の「袋とじ」はなんか全然意味が違うらしくて上司がキャーって悲鳴あげてて面白い pic.twitter.com/Jkk20XUkJu 2023-08-14 14:42:53 リンク Wikipedia 袋とじ 袋とじ(ふくろとじ。袋綴じ、袋綴とも)は、意味が3つある。 図1が見本である。表面だけに情報を左右振り分けに刷った紙の、情報面が外になるように二つ折りし、それを複数枚重ね、折り目の反対側の端を綴じてある。折り目の内側が袋のようになっているので、袋綴じと言う。図1の例は市販のコピー用紙で固いので、指でめくる側が膨らみ、裏の白紙が覗いている。よく折れば裏側は覗かなくなるが、綴じ代側の反発力によって机などに
ひびき遊@1130新作「千年戦争アイギス 10th Anniversary stories」発売! @hibikiyu_ 創作作法(マナー)の研究者。創作論は「自分で書けることのみ語るべき」です。 ライトノベル作家・講師。 文章サンプル 「この終末、お姉ちゃんしかいないけど……ラブコメしよっか!」 kakuyomu.jp/works/11773540… Amazonアソシエイトを利用しています。 ひびき遊@1130新作「千年戦争アイギス 10th Anniversary stories」発売! @hibikiyu_ 小説の恐ろしいところは、作者のコミュニケーション能力が露呈するというか。 他者との関わり合いが一方的な書き手は、キャラをコマのように扱って「それが正解」と考えるけど……ちゃんと「生きているように描写する」のとはぜんぜん違うんですよね。 ここわからん人はずっとわからんままですわ(
ピエール手塚先生が一作目を描いた際の記事が、大変面白かったです。 https://mgkkk.hatenablog.com/entry/2023/10/11/121525 もとになっている「漫画家になるためには〜」云々の話題は置いておいて、「こういうノウハウ共有めちゃくちゃいいじゃん!!」と思ったので、僕もやってみることにしました。行き詰っている人が外野から叩かれるだけのインターネットでは寂しいので、少しでも誰かの背中を押せると嬉しいです。 とはいえ人によって漫画関連のスキルツリーがあると思います。「僕の場合はこれで漫画描けた」という一事例にすぎませんが、まずは僕の立場と、この記事が誰向けであるかを説明したうえで、ノウハウのご共有に入りたいと思います。 前置き 著者の経歴・立場 ノウハウの前提条件①誰向けの記事なのか ノウハウの前提条件②どのタイミングのノウハウなのか ノウハウ 結論:何を
ゆびぶえ @univ00009 そういや熱帯雨林地帯の山走ってて思ったがすね毛とか陰毛やっぱ必要や、毛が生えてる部分ってマジで蚊に刺されにくい、後はトレランでいつも苦労してた股ずれも股に毛が生えてると皮膚の摩耗回数減るらしく痛くなりにくい、VIOもすね毛脱毛もやらなくて良かった、アマゾン行く奴は脱毛やめとけ‼️ 2024-04-05 09:49:21 ゆびぶえ @univ00009 「チ○毛もすね毛も汚いし要らないだろ、剃っちまえ」って言って日本にいる時ほぼツルツルだったけど普通に熱帯地帯いると役に立つわ、お前達に役目あったの知らなかったよ、見た目より実用性だよこれは 2024-04-05 09:55:12
任天堂が1984年に発売したファミコン用ゲーム「ダックハント」は、海外では「ZAPPER」とも呼ばれる光線銃を使用して、テレビ画面の中で飛ぶカモを撃つというゲームです。そんなダックハントを当時使われていたブラウン管でプレイし、スローモーションで撮影するとどう見えるのかをYouTubeチャンネルのThe Slow Mo Guysが解説しています。 How the Nintendo Zapper worked in Slow Motion - The Slow Mo Guys - YouTube The Slow Mo Guysのメンバーであるギャブ氏が登場。背後にあるブラウン管テレビには「ダックハント」のホーム画面が映っており、右手には光線銃を持っています。 日本などで発売されたオリジナルの光線銃は灰色でしたが、海外向けに発売されたニンテンドー・エンターテインメント・システム(NES)用の光
はじめに インフラ系のエンジニアでWindowsServerやWebコンソール周りの操作をする際などにエビデンスとして画面のスクリーンショットを撮るといったことは結構定番かなと思います。 自分も新人の頃は「自分の身を守るためにもエビデンスを残すように!」と何度も忠告をうけたなーなんてことを思い出します。 エビデンスの残し方としてはWinshotのようなツールを利用して効率よくとっていくこともありますが、私の周りではExcelシートにべた張りしていく方法がよく用いられてましたね。 Excelエビデンスのメリット Excelシートに貼り付けていくことは以下のようなメリットがあるかと思います。 単一のファイルで管理可能 シートを分けることで、作業単位でエビデンスを記録できる 適宜コメントなどを書き込める(Excelだから) とはいっても、以下のフローを毎回実施するのは面倒です。 記録対象のウィン
概要 iOS と macOS ネイティブなアプリを作った ので、技術的な話を書きます。 詳細 拠所無い事情からコンピュータサイエンスというか基本的なアルゴリズムの実装の勉強を leetcode でやっていた時期が 2023 年の 9 月頃にありまして、「折角勉強したんだし何か作るか」という気持ちでアプリを作りまして…。 リリースまでなんとか持っていった訳なんですが、実装だけならいいものの、ゲームデザインとか、 Web サイト作成とか、アイコン含むいわゆるデザイン的なものとか、そういうのも本当に 1 人で全部やってたからなんやかんや 3 ヶ月かかってしまって、まぁ大変だったんですがそこそこ満足な出来栄えになったので是非ダウンロードして触ってみてください。 数独はニコリの登録商標となっているためアプリの名称はナンプレとしていますが、この記事はアルゴリズムの技術的な解説やゲームデザインの話といっ
はじめに この記事では、consoleメソッドについて紹介を行っていきます。consoleメソッドには例えばconsole.log()などが挙げられます。web開発においてconsole.log()を使用する方は多いかもしれません。しかしconsoleにはconsole.log()以外にも様々なメソッドがあるので、状況に合わせて使い分けることで少しでも快適なデバック、開発ライフを目指しましょう。 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています!興味をお持ちいただける方は、こちらまで。 consoleについて consoleオブジェクトを用いることで変数の値などをコンソール上に出力することができます。主に出力の確認であったり不具合の原因特定などのデバックするために
Microsoftが提供するSysinternalsの「Process Explorer」を使うと、ジョブオブジェクトを調べることができる。Optionメニューの「Configure Color」でJobsのチェックボックスをオンにする。ジョブでグループ化されているプロセスに指定した色がつく コンピューターでは、プログラムを実行するとメモリに読み込まれて「プロセス」になる。プロセスからはさまざまな情報が得られる。今回は、プロセスから情報を取得する方法について解説する。その前に、プロセスや関連の用語が混乱しているので、1回整理しておこう。 そもそもWindowsにおける「プロセス」とは 「プログラム」とは命令の連なりであり、これを記録したものが実行ファイルだ。ほとんどのプログラムは、実行ファイルという形を持つが、プログラムがプログラムを作って、実行ファイルという形を経ずに実行させることもでき
微分方程式をしっかりと学んだことが無く、何か手ごろな入門書はないかと本屋さんに出向いたあなたは、きっと驚くはずだ。 微分方程式の入門書はとても多いからだ。さらに、ぱらぱらとめくってみたり、目次を見てみても、中身はほとんど同じだったりする。 これは例え話ではなく、本当に驚くほど同じような書籍が連立している。 線形代数ともなると、さらに多い。 そこで、この記事では、似たような専門書・入門書の中からあなたが欲しいと思う一冊を見つけ出すための3つのコツを紹介する。 これは勉強マニアの私が常に実践しているコツで、この方法を使い始めてからほとんど本の購入に失敗したことが無い。(多くの失敗を重ねてできたノウハウだともいえる) もちろん、数学でなくても物理学の専門書・入門書を選ぶときでも使える。 【目次】 「はじめに」に注目 あなたが得たい知識は「練習問題」にある 最初の1割を理解できるか 最後に 「はじ
コモドドラゴンがオスなしで子供を作れることは2006年に判明した / photo by iStock コモドドラゴンの単為生殖は2006年に初めて記録された。当時、コモドドラゴンはヨーロッパに2頭しかいなかった。 イギリスのチェスター動物園で飼育されていたそのうちの1頭のメスが、オスもいないのに卵を25個も産んだのだ。 2020年2月末、アメリカ、テネシー州にあるチャタヌーガ動物園でもメスのコモドドラゴンが、単為生殖により卵を孵化させ3匹の子が誕生し、元気に育っているという。 2. ウチワシュモクザメ(Sphyrna tiburo) photo by Pixabay 米国ネブラスカ州、ヘンリー・ドアリー動物園&水族館でのとある朝、ウチワシュモクザメの水槽を見た飼育係は仰天した。 そこにはメスが3匹しかいなかったのに、サメの赤ちゃんが泳いでいたのだ。もちろん同種のオスはいなかったし、異種間で
概要 前提 規約 コンテナはエフェメラル(短命:ephemeral)であること .dockerignoreを有効活用する 不要なパッケージのインストールを避ける コンテナ毎に1つのプロセスだけ実行 レイヤーの数を最小に 複数行の引数はアルファベット順、改行すること Docker network 概要 bridge none host overlay ipvlan macvlan Docker Volume 概要 bind mount volume tmpfs mount Dockerfileを扱う まずはDockerfileを作成する! FROM:ベースイメージを作成 RUN: 任意のコマンドを実行する WORKDIR: ワークディレクトリを追加する レイヤーの確認 コンテナの生成と停止 imageを作成 runでコンテナを起動 stopでコンテナを停止 pruneでDockerのお掃除
プライベートの時間は極力削らない。Kubernetesエキスパート青山真也氏のコスパ最高な情報収集術 2024年3月5日 株式会社サイバーエージェント インフラエンジニア 青山真也 (Masaya Aoyama) 2016年、新卒でサイバーエージェントに入社。OpenStackを使ったプライベートクラウドやGKE互換なコンテナプラットフォームをゼロから構築し、国内カンファレンスでのKeynoteに登壇。著書に『Kubernetes完全ガイド』『Kubernetesの知識地図』『みんなのDocker/Kubernetes』。現在はKubernetesやOpenStackなどOSSへのコントリビュート活動をはじめ、CloudNative Days Tokyo Co-chair、CNCF Japan ChapterのOrganizer、Kubernetes Meetup TokyoのOrgani
将来やってくる「実家じまい」。早めに何かしておきたいと思っていても、「どこから手を付ければよいか分からない」という人の方が多いのではないでしょうか。 2022年9月に公開した「『遺品整理のプロ』に聞く実家の片付けのポイント」では、「自分の物が実家に残っているのであれば、そこから着手するのがやりやすい」とアドバイスを紹介しています。 そこで今回は、実際に実家の「自室整理」をしたことがあるライターの青柳美帆子さんに、その経験を振り返ってもらいつつ、片付けをスムーズに進めるポイントについて寄稿していただきました。 自室整理は実家のスペースの有効活用につながるのはもちろん、親や実家の「これから」について考えるきっかけにもなるそう。皆さんも今度帰省したときにチャレンジしてみませんか。 ある日、実家が解散。自室整理に揺れ動いた心 実家を出たけど、まだ実家に”自分の部屋”が残っている皆さん。今、そのスペ
EngineeringProductHow to use GitHub Copilot: Prompts, tips, and use casesIn this prompt guide for GitHub Copilot, two GitHub developer advocates, Rizel and Michelle, will share examples and best practices for communicating your desired results to the AI pair programmer. Leia este artigo em português As ferramentas de programação de IA generativa estão transformando a maneira como as pessoas desenv
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く