近年の日本では少子化が問題になっていますが、経済的な問題以外に、異性との付き合い方がよくわからない、魅力を感じないという意見もよく耳にします。 こういう話を聞くと、「若いうちにたくさん遊んでおけ」と言う意見にも納得感があります。 さらに、この考え方は生物学の世界に目を向けてみると人間以外にも適用出ることがわかってきます。 イルカのオスは、若い頃に他者と関わる「社会的な遊び」に多くの時間を費やします。 今回、西オーストラリアのシャーク湾を拠点とする国際チーム「Shark Bay Dolphin Research」のホルム氏たちは、若い頃によく遊んだイルカのオスほど、大人になってからより多くのメスとの交尾に成功していたことを発見しました。 どうやら、若いオスたちは、若い頃の社会的な遊びを通じて大人になってから必要な「交尾のお作法」を練習していたようです。 本研究成果は2024年6月10日付に科
「Lighthouse」はGoogleが作成したページの読み込み速度やアクセシビリティなどをまとめてチェック・採点してくれるツールですが、そのLighthouseをサイト上のさまざまなページで動作させることでサイト全体のスコアを一発で算出してくれるツールが「Unlighthouse」です。 Unlighthouse - Site-wide Google Lighthouse · Unlighthouse https://unlighthouse.dev/ Unlighthouseを利用するためにはNode.jsのインストールが必要です。下記のURLから、手元の環境に合ったインストール方法を選択してください。 パッケージマネージャを利用した Node.js のインストール | Node.js https://nodejs.org/ja/download/package-manager 今回は
仕事において、生産性が低くなる原因について書いてみました。 ここでいう「生産性が低い」とは、時間に対する成果が乏しいことを指します。 ■同じことを何度も考えている。堂々巡り状態 例えば何か問題が起きたときに、 案Aを考える→ダメだった→ 案Bを考える→ダメだった→ 案Cを考える→ダメだった→ 案Aをもう一回考えてみるかあ、がループするイメージです。 質問や相談をせずに自分で長時間ずっと考えている状態は、殆どが堂々巡り状態です。 「考えている」というよりかは、「悩んでいる」が正確でしょう。 岡目八目で、人に聞いてみると、意外と簡単に解決する場合があります。 ■手戻り、やり直しが多い。認識合わせ不足 これは自由度が高いタスクや、クリエイティブ系で起きやすいです。 「こんなイメージではなかった」「思っていたのとかなり違う」。それは単純に時間の浪費です。 改善策としては、「2割共有」が推奨されます
フロントエンド開発の準備
開発の前に決めておくこと 後から変更するのが難しいこと、大きな手戻りが発生する可能性のあることをできる限り開発のはじめに決めておきます。 多言語対応の有無 URLに依存する可能性が高い多言語対応は、後から対応すると制限がかかったり破壊的な変更が必要になる場合があるので、はじめに決めておきます。 多言語対応する予定はなかったけど、後から必要になってしまった場合は仕方ないと思います。 OGPの必要性 動的ルーティングに対するOGPの必要性によってレンダリング方法の選定やCDN周りの選定が変わってきます。 SEOのニーズ こちらもOGP同様レンダリング方法に影響します。 OGPに関しては後からなんとかなることもありますが、SEOが重要なサイトの場合、そもそもSPAを選択しない方が適している可能性もあるので重要です。 対応ブラウザ/バージョン これを明確にしないと、一部のブラウザで使用できないCS
「Rails Developers Meetup 2018 で「MySQL/InnoDB の裏側」を発表しました」でちゃんと触れられてないので今更ながら key_len について補足します。発表で触れた内容については言及しないので、storage engine や B+ tree といった用語がよくわからない方は発表内容を参照してください。 なお、MySQL のバージョンは 5.7.38 です。 mysql> SELECT @@version; +-----------+ | @@version | +-----------+ | 5.7.38 | +-----------+ 1 row in set (0.00 sec) 事前準備 sample-data-railsdm-2018 の orders テーブルを少しいじって、キャンセル時刻（canceled_at）、配送予定時刻（deliv
Windowsでは、文字コードに「ユニコード」を使う。Windowsに搭載されているフォントはさまざまあるが、ユニコード文字を表示できるように、多数の文字の形が組み込まれている。 今回は、Windowsでユニコードを“見る”方法について解説する。なお、WindowsではUTF-16LEエンコードをUnicodeと表記する。ここでは、エンコードと混同されないために、文字仕様のUnicodeは「ユニコード」とカナ書きすることにする。 GUIアプリでユニコードを使う ユニコード文字は多数ある。それぞれの文字に割り当てられた文字コードをユニコードでは「コードポイント」と呼ぶ。コードポイントは、「U+」の後ろに16進数4桁または6桁で指定するのが正式な表記方法だ。たとえば、「漢」は「U+6F22」となる。ユニコード関連の文書やもちろん、インターネット内のウェブページでも同様の表記をすることが多い。
HDDやSSDの健康状態やS.M.A.R.T.情報が一目でわかる老舗フリーソフト「CrystalDiskInfo」の見方はこんな感じ
HDDやSSDなどのストレージに重要なデータを保存していたのに、突然HDDやSSDが壊れてしまい、データが吹き飛んでしまったという経験をしたことがある人は多いはず。もちろん日頃からバックアップをしておくことが大事ですが、メインで使っているストレージの健康状態をチェックすることも重要です。hiyohiyoさんが開発する「CrystalDiskInfo」は、使っているHDDやSSDの健康状態やS.M.A.R.T.情報を簡単にチェックできる老舗フリーソフトです。 CrystalDiskInfo - Crystal Dew World [ja] https://crystalmark.info/ja/software/crystaldiskinfo/ CrystalDiskInfoの公式ページにアクセスし、「ダウンロード」をクリック。 各エディションのダウンロードリンクが表示されるので、今回は通常
バンダイナムコエンターテインメントは10月19日、期間限定でオープンした「ガンダムメタバース」へのアクセスに必要なクライアントファイルのダウンロードを一時的に停止した。一方、X（旧Twitter）ではガンプラの3D-CADデータがガンダムメタバースから漏えいしたと話題になっている。 ガンダムメタバースは6日に日米のファンを対象とした期間限定公開をスタートし、12日から人数制限なしの一般アクセスに移行したばかりだった。11日までの先行アクセスとは別のクライアントファイルをダウンロードする必要があるが、19日にその公開を一時停止。告知にはとくに理由は書かれていない。 これと前後して、海外のXユーザーを中心にガンダムメタバースのクライアントファイルからガンプラの3D-CADデータを吸い出し、3Dプリンターで複製したとする投稿が複数確認された。既に削除された海外の投稿には、データが暗号化していない
アメリカの情報機関は、新型コロナウイルスについて、人工的に作られたものではないとの見方を示す一方、発生源については調査を続けるとする声明を出しました。 こうした中、アメリカの情報機関を統括する国家情報長官室は30日、「新型コロナウイルスが人工のものでも、遺伝子操作されたものでもないという、幅広く科学的に認められている見方に同意する」という声明を出し、ウイルスが人工的に作られたものではないとの見方を示しました。 一方で、発生源については「ウイルスに感染した動物との接触か、武漢の研究所での事故が原因なのか判断するため、情報を今後も精査していく」として、引き続き調査する考えを示しました。 中国政府は、武漢にある研究所から感染が広まった可能性があるという指摘を強く否定していますが、ドイツやイギリスなどからも中国に真相の解明を求める声が上がっています。
ネット上で商売するのが当たり前な時代。自社でWebサイトやWebアプリを抱える企業も相当な数になっている。そこでインシデントが発生すれば信用、ブランド、収益……失うものは計り知れない。 本連載では情報セキュリティの専門家・徳丸浩さんが制作した脆弱性診断実習用のWebアプリ「BadTodo」を題材に、ストーリー形式でWebアプリ制作に潜む“ワナ”について学んでいく。 登場人物は全て架空の存在だが、ワナは全て現実にあり得るもの。せりふは徳丸さんの監修の下制作した。 特集：Webコンテンツの守り方 情報漏えい対策術 経営や企業イメージに大きな打撃を与える情報漏えい。近年ではWebサイトの改ざんやデータベースを狙った攻撃により情報を盗み出す事案が話題になっている。本特集では情報漏えいを引き起こすサイバー攻撃と、WAFによる対策について解説する。 カクーノ株式会社：Webアプリ開発を手掛ける企業。本
iPhone, iPadの最新機種まですべてを網羅、Appleデバイスのスクリーンサイズ・解像度のまとめ -Screen Sizes
Webサイト制作者・スマホアプリ開発者向けに、iPhone, iPad, Apple WatchなどのAppleデバイスのスクリーンサイズ、各サイズを採用しているモデル、ノッチのサイズ、解像度、PPI、表示タイプ、比率、セーフエリア、ウィジェットのサイズなど、実装時に役立つ情報がまとめられたScreen Sizesを紹介します。 2022年の最新モデル、iPhone 14シリーズ、iPad Air(5th Gen), Apple Watch Series 8をはじめ、最新機種から初代までの情報が網羅されています。 Screen Sizes サイトを利用するのは簡単、登録など面倒なことは一切不要です。 アクセスして、サイドバーから欲しい情報にアクセスするだけです。 iPhone 14 Pro Maxは今までになかった新しい解像度ですね。
レスポンシブの確認が簡単になる！複数のスクリーンサイズで同時にできるChromeの機能拡張 -ResponsiveViewer
レスポンシブの確認をしたい時、最近ではスマホやタブレットなどのスクリーンサイズもいろいろなものがリリースされたので、大変になってきました。複数のスクリーンサイズを同時に確認できたらいいのにと思っていた人に朗報です。 先日リリースされたばかりのResponsiveViewerを紹介します。 ResponsiveViewerはChromeの機能拡張で、無料で利用できます。 ResponsiveViewer -GitHub ResponsiveViewerのインストール ResponsiveViewerの使い方 ResponsiveViewerのインストール ResponsiveViewerのインストールは簡単です。 他の機能拡張と同様にChromeウェブストアにアクセスし、「Chromeに追加」ボタンをクリックするだけです。 ResponsiveViewer -Chromeウェブストア ユーザ
CSS GridやFlexboxでレイアウトを確認しながらコードを生成、box-shadowによる繊細なシャドウを見ながらコードを生成、さまざまな区切り線、border-radiusやclip-pathによるさまざまな形、UI用の美しいグラデーションやデュオトーン、グラスモーフィズム、ニューモーフィズム、CSSアニメーションなど、面倒なCSSのコードを簡単に生成できる便利ツールを紹介します。
Webページをさまざまなデバイスのサイズで表示を同時確認できるブラウザベースのオンラインツールを紹介します。 完全無料で利用でき、登録など面倒なことは一切不要です。 everysize everysizeの特徴 everysizeの使い方 everysizeの特徴 everysizeは、レスポンシブに対応したWebページの表示確認をできるオンラインツールです。さまざまなデバイスのサイズで同時に確認でき、拡大縮小、レイアウト変更にも対応しています。 ブラウザベースのオンラインツールなので、OSを問わず利用できます。 Chrome, Safari, Edgeは問題なし、IE11はダメでした。
CSS GridとFlexboxの便利なツールが登場！ レイアウトを確認しながら、コードを生成できる -CSS Layout Generator
Webサイトでよく使用されるレイアウト、「ヘッダ・メイン・フッタ」「ヘッダ・サイドバー・メイン・フッタ」「カード型」「サイドバー」などのレイアウトを確認しながら、CSSのコードを生成できる無料オンラインツールを紹介します。 実装はCSS Gridで、今後Flexboxにも対応予定2022年にCSS Flexboxにも対応しました。レイアウトを実装するために使用してもよし、CSSの勉強にもよしの便利ツールです。
ターゲットブラウザを決める時に役立つ便利なツールを紹介します。 条件は細かく設定でき、下記は日本のユーザーを対象、シェアが0.2%以上あり、現在サポートされていないブラウザを除いたものです。iOSのSafariが多く、Chrome for Android, Chrome for desktopと続いています。 Browserslist Browserslist -GitHub Browserslistの特徴 Browserslistの使い方 さまざまな条件でターゲットブラウザを調べる Browserslistの特徴 Browserslistはフロントエンドでよく使用されるツール（Autoprefixer, Babel, ESLint, PostCSSなど）でブラウザのターゲットや互換性を共有するツールです。 0.5%以上シェアがあるブラウザ、最新2バージョンのブラウザ、サポートが終了してい
CSSで実装したレイアウトの構造や階層を簡単に確認できる、私のお気に入りのCSSハック -My favorite CSS hack
flexboxで実装したレイアウトはもちろん、floatでもgridでもCSSで実装したレイアウトの構造や階層を確認できるスタイルシートを紹介します。 ページ上の各要素のサイズ・マージン・パディングなどに不整合がないか簡単に確認でき、スニペットやブックマークレットに登録しておくと便利です。 My favorite CSS hack by Gajus Kuizinas 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 5年もの間、私がコピペして利用してきたCSSのスニペットを紹介します。 * {background-color: rgba(255,0,0,.2)} * * {background-color：rgba(0,255,0、.2)} * * * {background-color：rgba(0,0,255、.2)} * *
実装者が作業前にデザイナーへ確認しておくとよいこと
TAK(@tak_dcxi)です。 コーダーやフロントエンドエンジニア（以下実装者と呼ぶ）が作業に取り掛かる前に事前にデザイナーに確認しておくとよいことを独断と偏見でまとめました。過去に面倒臭がって聞くのを放棄して失敗した経験もあるので、自戒の念も込めています。 デザインの共通ルールを確認する 余白のサイズやフォントサイズや使用している色などはルール決めがされているとは思いますが、デザインのルールを実装時に分かりやすくしておくことで効率的かつ保守性や拡張性に強いコードが書きやすくなります。 逆に実装時にルールが分からないと、実装者がデザインカンプを見てもそのルールを理解するのに時間がかかってしまうことも多いです。余白であれば感覚で配置されてるのか、似たような箇所で17pxであったり23pxであったり…と意図が分かりかねる場合もあります。余白は原則8の倍数で行うみたいなルールが事前に実装者に
CSS Layout Generator
A CSS Grid generator & CSS Flexbox generator. A tool for generating UI layout component code.
Webサイトリリース前後におこなっている忘れがちな確認事項まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webディレクターのともぞうです。 今回はWebサイトのリリース前後に最低限おこなっている確認作業を一部ご紹介します。 LIGでは、リリース後でないと確認できないことや、案外忘れがちなものを「最低限おこなうものリスト」として管理しています。あくまで忘れがちなものたちの確認のため、クロスブラウザテストや機能テストといったスケジュール内に組み込まれるものは対象外になっています。 リリース前の確認作業 リリース前には、以下のことを実施しています。 最低限おこなうものリスト（リリース前） faviconは正しく表示されているか metaタグは記述されているか（title,description） ogpタグは記述されているか（type,title,description,url,site_name,image） headタグ内に不要なタグが出力されていないか canonicalの設定は
問い合わせから提案までを爆速に！Webサイト提案で使える分析解析ツール9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナー・ディレクターのありさんです。 お客様からのリニューアルのご相談、サイト改善を行うときに、営業提案資料を作っています。今回は資料作成で私が調査・分析に使っているWebツールを紹介します！ NDA締結前はGoogleアナリティクスやGoogle Search ConsoleなどGoogle系ツールを共有してもらうことできないので、外部の調査ツールを使うことが多いです。 提案を行う際によく使うWeb解析ツールの概要や活用例、おすすめの種類などについてを紹介します！ Googleアナリティクス GoogleアナリティクスではPVや訪問数、直帰率など、Webサイトに訪問したユーザーの行動がわかります。 目標設定を行なっている場合は、目標完了数、目標完了率を確認することが可能です。 NDAを結んでいてGoogleアナリティクスのデータを見せてもらえる場合は、提案資料に活用しま
スクロールバーは、長いコンテンツのWebサイトに不可欠な要素です。ブラウザにはスクロールバーのデフォルトのスタイルがありますが、サイトのデザインに最適とは限りません。スクロールバーのデザインを変更するのは、CSSで簡単にできます。 スクロールバーのデザインを変更するCSSを確認しながら生成できるオンラインツールを紹介します。 Scrollbar.app Scrollbar.app -GitHub スクロールバーのデザインを変更するCSS Scrollbar.appの特徴 Scrollbar.appのの使い方 スクロールバーのデザインを変更するCSS スクロールバーのデザインを変更するCSSは、下記の通りです。 ::-webkit-scrollbar: スクロールバー全体 ::-webkit-scrollbar-thumb: ドラッグ可能なスクロールのハンドル ::-webkit-scrol
SHARP シャープ株式会社 @SHARP_JP シャープ株式会社の公式アカウントです。さまざまな家電から家電とは言い切れない製品まで、あるいは企業の活動、はたまたその他あれこれを発信中。お問い合わせ、とりわけDMにはお答えできないこともありますが、いただいたリプにはできるだけ反応します。 jp.sharp/socialmedia/tw…
GitHubにAPIのキーが書かれたファイルを上げてしまったので、対処の流れを書き残しておきます。 BFGを使用する方法とfilter-branchを使用する方法があるのですが、今回は後者をやってみました。 注意 外部にキーやパスワードなどを公開してしまった事に気づいたら、まずは対象のサービスを停止させて再発行を行ってください。その後、履歴を確認し悪用された形跡が残っていないか確認してから以下の手続きを行ってください。 対処するときプルリクがあるかどうかを確認して、ある場合にはすべてマージもしくはクローズしてから行うのを推奨しています。 自分のケースでは幸い1件もなかったので、そのまま行っています。 手順 1. ローカルにリポジトリをクローンする
Web制作に役立つ機能、ルーラー・ガイドを表示したり、ボックスモデルを視覚化したり、カラーピッカーやカラーパレットを取得、気になった要素のHTMLとCSSをCodePenに表示させたりなど、たくさん用意されているChromeの便利な機能拡張を紹介します。 SuperDevはオープンソースで開発されており、SuperDev -GitHubでコードも公開されています。2022年現在、ChromeとEdgeとBraveの機能拡張として利用できます。 SuperDevをChromeで利用する場合は他の機能拡張と同様に、Chrome ウェブストアからインストールできます。
テストコードがコードの冗長化であるという話に、腑に落ちないという指摘がちらほらあるので、どういうことかを解説してみます。 このエントリについてです。 テストというのは、ソースコードの冗長化だと思う - きしだのHatena ※ ここでの冗長化は、英語版Wikipediaでいう「Information redundancy, such as error detection and correction methods」のことですね。 まず、「これは冗長化だな」と納得してもらいやすそうな例として、間違いが絶対に許されないような計算をするシステムの実装を考えてみます。 このような場合に、同じ仕様を3つの組織に渡して独立に実装をしてもらい、計算が必要になったとき3つのモジュールを呼び出して多数決で結果を返すようにします。 このようにして正確さを担保するのは、冗長化と呼べると思います。 そして、これ
Web制作で日常的に使える無料のCSSやHTML、JSウェブツール50種類以上を提供しているToolb.dev。 なにかと面倒な作業をパネル上で直感的に行うことができ、リアルタイムでのプレビュー機能や作成したコードはそのままコピペも可能、Web制作でも活用機会の多いツールが揃います。 クレジット表記不要で、ユーザー登録をせず利用できるのも嬉しいポイントです。Web制作をサポートする便利ツールも一緒にチェックしてみてはいかがでしょう。 Web制作の面倒な作業をラクにするCSS便利ツール87個まとめ Web制作を楽にする便利なSVGツール53個まとめ Web制作の面倒な作業が楽になるツール50個を揃えたToolb.dev 「これどうやるんだっけ？」いつも忘れがちなWeb制作の工程をサポートしてくれるToolb.devで利用できるツールは50を超え、現在ベータ版での提供となります。それぞれのツー
CSSによる微調整、フォントのベースサイズ、レスポンシブ用の増減、スペースの基本単位などを確認しながら変更できる無料ツール -shaper
WebページのUI要素に適用したフォントのベースサイズ、レスポンシブ用の増減、スペースの基本単位、マージン・パディングの量、カラー、ボタンの形、ボーダーのサイズ、ボーダーの角丸など、表示を確認しながらスタイルの値を調整できるオンラインツールを紹介します。 shaper shaper -GitHub shaperの特徴 shaperの使い方 shaperの特徴 shaperはWebページの各UI要素に適用したスタイルの調整を表示を見ながらできるオンラインツールです。 例えば、スペースの量を変えるだけでデザインの印象はかなり変わりますね。 スペースの量を変えてみた フォントのベースサイズ、レスポンシブ用の増減、スペースの基本単位、マージン・パディングの量、カラー、ボタンの形、ボーダーのサイズ、ボーダーの角丸などの値を調整できます。 ライトモードとダークモードにも対応しており、上部のパネルで変更
CSSでブレイクポイントを定義する時の一般的なスクリーンサイズやデバイスの状況を確認できる -Screen Size Map
スマホ・タブレット・デスクトップの一般的なスクリーンサイズをデバイスの状況、人気が高いスクリーンサイズ、サイズごとの分布がまとめられたScreen Size Mapを紹介します。 最近はスクリーンサイズもかなり増えてきました。レスポンシブ用にブレイクポイントをいくつ用意し、いくつにすればよいかという時に便利です。
動きの遅いiPhoneを高速化するための4つの方法
今年9月、AppleからiPhone 14シリーズの販売が開始された。同シリーズはこれまでのシリーズ以上に高額であり、やむを得ず古いiPhoneを使っている人もいるだろう。 ただし、iPhoneを含めスマートフォンは古くなってくると、処理速度が遅くなってくる。ESETが公式ブログ「WeLiveSecurity」において、iPhoneの高速化を図る方法を説明しているので、そのポイントを紹介しよう。 アプリの使用状況を確認する スマートフォンはアプリストアに簡単にアクセスできるので、気づくとさまざまなアプリがインストールされているかもしれない。しかし、不要なアプリはiPhoneの快適な動作の妨げとなる。そこで、インストールしたアプリを確認して、不要なものは削除しよう。 インストールされているアプリを確認する方法はいくつかある。1つは、[設定]アプリから[一般]－[iPhone ストレージ]を選
Twitter「認証済みバッジ」本人確認なしで一般発売。買ったアカウントを区別する方法 | テクノエッジ TechnoEdge
Twitter が青い「認証済みバッジ」を販売して、誰でも「認証済みアカウント」になれる施策を実際にスタートしました。 従来は著名人や企業などの「公式アカウント」の印だった認証済みバッジが本人確認なしで手に入るようになり、「認証済みアカウント」が激増中です。 有料の認証済みバッジは、月8ドルで加入できるサブスクリプションTwitter Blue の特典扱い。他のアプリやサービスでよくある、本職でなくても「PRO」のような、課金ユーザーの印になっています。 しかし加入時に本人確認やプロフィールの真贋をチェックする仕組みはないため、偽アカウントが「認証済みアカウント」として青いバッジをつけることもできます。 この「認証済みバッジ」有料化は、Twitterを買収して新CEOに就任したイーロン・マスク肝いりのプラン。 Twitterのエンジニアは同僚が大量解雇されるなか、突貫工事でサービス開始にこ
ウェブ制作をする上でCSSでのスタイルの記述は必須ですが、意外とデバッグが難しくデザイン通りに実装するには手間がかかります。 そんなときに活躍するのがGoogle Chromeの「デベロッパーツール」です。視覚的にCSSのスタイルが確認、変更できるので、うまく活用することでCSSのデバッグを迅速に行うことができます。 この記事ではデベロッパーツールでCSSをデバッグする方法や便利な機能などを紹介します。記事で使用しているデモは以下のリンクから確認できるので、実際にデベロッパーツールで操作しながら読み進めてみてください。 サンプルを別ウインドウで開く ソースコードを確認する 1. DOMのスタイルを確認 / 変更する デベロッパーツールでは、画面上でスタイルの確認、変更ができます。 (1)デベロッパーツールを開く まずはGoogle Chromeを開きます。 確認したい箇所を右クリックし、［
はじめに ベンチャー企業や立ち上がって間もない開発組織の場合、事業の成長スピードに対して、インフラ/SREエンジニアへのリソース不足が発生します。 スピード重視の結果、監視設計が不十分なままプロダクトがリリースされることも少なくないため、インフラに強いベテランの方のみが障害対応に当たらざるを得ず、周囲はただ応援するといった形もあるのではないでしょうか。 いざというとき、「アプリケーション起因じゃなければ、私は何もわからない...」とならないために、非インフラ/SREエンジニアでも最低限覚えておきたい障害発生時に役立つ監視系のコマンドをまとめてみようと思います。 本記事で想定している読者は以下の通りです。 インフラ関連の障害時に、問題の切り分けを行うためのコマンドが知りたい人 監視系コマンドを実行できる環境構築をサクッと作って動かしながら学びたい人 非インフラ/SREエンジニアでインフラ起因
はじめに こんにちは。IT業界15年、Web系10年のアラフォーです。 以前エンジニアの仕事を中心にやって来たが、現在スペシャリストとチーム長として働いてます。 昨年の10月から、プロダクトソリューション部に異動し、現在SREチームでSREの取り組みを頑張っています。 SREの施策の一環として、インフラコストの削減を取り組んでいます。 当初、一つAWSのアカウント上で、月額10000ドル超えている状態から、現在月額約3000ドル未満になりました。 対応した内容はほぼ不要なリソースを削除しただけですが、コスト削減する際に、確認観点としてご参考になれば幸いです。 前提 弊社のサービスでは、現在すでに IaC (Infrastructure as Code)を導入しましたが、以前IaCという概念がなかったので、インフラの構築は全てコンソール上で手動で構築してました。 システムリニューアル後、リソ
新型コロナウイルスのオミクロン株の感染が広がる中、「自分の周りに新規感染者数がどれだけいるのか」をチェックできるWebツール「COCOAログチェッカー」が話題になっている。政府の接触確認アプリ「COCOA」のログデータを基に、新規陽性登録者が付近にいた可能性がある記録件数を表示できる。 スマートフォン内に蓄積される2週間分の接触検知ログを基に分析。COCOAは、1m以内かつ15分以上の接触で通知が届く仕組みだが、ログチェッカーはログに記録された全てのデータを参照するため、スマホのBluetoothが届く周囲10～30mの範囲で検知できる。そのため、COCOAでは「接触なし」の表示であっても、ログチェッカーでは「陽性者が近くにいた」と表示されるケースがある。
「Cookieを許可してください」を自動的に非表示にできる拡張機能「I don’t care about cookies」を使ってみた
ウェブサイトを閲覧していると「クッキーの保存許可」を求めるメッセージが表示されることがあります。このメッセージが表示されるたびにポチポチクリックしてCookieの設定を行うのを面倒に感じている人も多いはず。無料で公開されているブラウザ拡張機能「I don't care about cookies」を使えばCookieの許可設定を自分の代わりに自動操作してくれます。 I don't care about cookies 3.3.8 https://www.i-dont-care-about-cookies.eu/ 「I don't care about cookies」はChrome版・Firefox版・Edge版・Opera版・Pale Moon版・広告ブロッカーのフィルター版が配布されていますが、今回はChrome版を使ってみます。まずは「I don't care about cooki
ハリケーンや台風の様子を衛星画像でほぼリアルタイムにチェックできるウェブサイトが「Zoom Earth」です。Zoom EarthはGOESやひまわり8号、Meteosatといった気象衛星からのライブ衛星画像、NASAのGIBSやEOSDISから画像データ、MicrosoftのBing Maps PlatformやEsriから地図データ、National Hurricane Center・Joint Typhoon Warning Center・IBTrACSといったサービスから台風情報を得て作成されています。 Zoom Earth – ライブ衛星画像を見る https://zoom.earth/ Zoom Earthはこんな感じで、ほぼリアルタイムの衛星画像をチェックできるウェブサイトです。 画面左上には表示している衛星画像が撮影された日時および、特定の場所を検索するためのサーチバー。
感染が急拡大している新型コロナウイルスのオミクロン株。これまでにない規模の感染者数となっているということは当然、感染者に接触した濃厚接触者の数もこれまでにない規模になるとみられます。 自分が濃厚接触者になった、または近くにいる人が濃厚接触者になったという人も多いのではないでしょうか。 濃厚接触者になると一定の期間、自宅での待機が必要とされていますが、どこまでが濃厚接触なのか？いつまで自宅待機が必要なのか？ さまざまな疑問について取材しました。 そもそも濃厚接触者の定義は？どこまでが濃厚接触なの？ 濃厚接触者は、感染した人と近距離で接触したり、長時間接触したりして、感染している可能性がある人です。 厚生労働省などによりますと、濃厚接触者かどうかを判断する際の重要なポイントは次の通りです。 接触の期間は感染者がウイルスを排出しなくなる発症後10日たつまでの間（感染者が無症状の場合は検査のための
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
若い頃「交尾ごっこ」で遊んでいたイルカほど将来リア充になる！ - ナゾロジー
サイト上のさまざまなページのパフォーマンスをまとめて測定できるツール「Unlighthouse」
Microsoft、Windows 11互換性チェックプログラムを公開
仕事において生産性が低くなる原因 - Qiita
MySQL で複合インデックスを作成する際には必ず Explain の key_len を確認すべきという話
Windows上でユニコードを「見る」方法
「ガンダムメタバース」でガンプラのCADデータ漏えいか バンダイ「事実確認中」
“新型コロナウイルス 人工のものではない” 米情報機関が声明 | NHKニュース
新人の作ったWebアプリが穴だらけ!? ログイン画面に潜むセキュリティの”あるある”ワナ
Web制作に役立つ！面倒なCSSのコードを簡単に生成できる便利ツールをまとめました
レスポンシブに対応したWebページをさまざまなデバイスのサイズで表示を同時確認できる無料ツール -everysize
これは便利すぎる！ Webサイトやスマホアプリのターゲットブラウザを決める時に役立つツール -Browserslist
これは簡単で楽！ スクロールバーのデザインを変更するCSSを確認しながら生成できるツール -Scrollbar.app
ドラム式洗濯機は便利！しかしここだけはよく確認してほしい...SHARP公式からの注意喚起「絶対はかって」
githubに間違って機密データを上げてしまった時の対処 - Qiita
便利なのが登場！ これ一つでWeb制作に役立つ機能がたくさん使用できるChromeの拡張機能 -SuperDev
テストコードがコードの冗長化であることについて - きしだのHatena
これどうだっけ？を解決！Web制作の便利＆時短ツール50個を揃えた Toolb.dev
警視庁が家庭用ルーターの使用に注意喚起、「見覚えのない設定変更」がないか定期的に確認を 従来の対策のみでは対応できず、永続的に不正利用可能となる可能性
使いこなして効率アップ！ ChromeのデベロッパーツールでCSSを検証する方法 - ICS MEDIA
【10分で確認】インフラ起因のシステム障害で焦らないための監視系コマンド集 - Qiita
AWS不要なリソースの削除を対応したのお話 - Qiita
周りにいるコロナ陽性者の人数を確認できる「COCOAログチェッカー」が話題に
台風の様子をほぼリアルタイムで更新される衛星画像でチェックできる「Zoom Earth」
オミクロン 濃厚接触者になったら 知っておきたいこと【1/27】 | NHKニュース