タグ

2021年6月20日のブックマーク (9件)

  • Making JavaScript run fast on WebAssembly - Bytecode Alliance

    JavaScript in the browser runs many times faster than it did two decades ago. And that happened because the browser vendors spent that time working on intensive performance optimizations. Today, we’re starting work on optimizing JavaScript performance for entirely different environments, where different rules apply. And this is possible because of WebAssembly. We should be clear here—if you’re run

    Making JavaScript run fast on WebAssembly - Bytecode Alliance
  • Renovate による依存関係更新フロー改善ことはじめ - Cybozu Inside Out | サイボウズエンジニアのブログ

    こんにちは、生産性向上チームの平木場 (@Shitimi_613) です。みなさん依存関係更新は定期的にやっていますか?今回は生産性向上チームが開発した assam という OSS の依存関係更新フローを改善したお話をします。 目次 はじめに こまめに依存関係を更新していくために 要求 決めた取り組み 実際にやったこと 動作確認手順書の作成 Renovate 設定ファイルの修正 更新タスクの自動生成 やってみた結果 まとめ We're hiring! はじめに 生産性向上チームは assam という OSS を開発およびメンテナンスしています1。必要な機能の開発はすでに終えており、現在は問題が発生した場合に bug fix や脆弱性改修をリリースしています。 そのため、リリースは頻繁に行っているわけではなく、assam のコードに触れるときは何か問題が起きたときだけです。その結果、リリース

    Renovate による依存関係更新フロー改善ことはじめ - Cybozu Inside Out | サイボウズエンジニアのブログ
  • 3つだけ覚える「flexbox」の使い方 - Qiita

    3行で説明、flexboxとは CSS3から導入されたfloatに変わる新しいレイアウト方法です。 伸びたり並んだりします。 俺、flexboxのプロパティ何回ググるんだろう問題 flexboxのプロパティめっちゃ多いですね。正直覚えきれませんし、覚えるつもりもなくなってきます。それに、別に複雑なことをやりたいわけではないですね。 具体的には、下記のようなことができれば十分なんです。 リキッド2カラムレイアウト スティッキーフッタ(最下部に吸い付くフッタ) この程度のものであれば、覚えるべきflexbox関連のCSSプロパティの数も絞れそうです。 覚えておくべき3つのプロパティ display: flex flex: 1 flex-direction: column これだけでわりとこなせます。以下で、実例をもとに説明します。 2カラムレイアウト さて、よくある2カラムレイアウトです。 で

    3つだけ覚える「flexbox」の使い方 - Qiita
    mizdra
    mizdra 2021/06/20
    分かりやすい。Chrome DevToolsに組込まれている支援機能も便利だなー
  • Webブラウザの拡張機能を標準化へ、Apple、Google、Mozilla、マイクロソフトらがW3C WebExtensions Community発足

    W3Cは、AppleGoogle、Mozilla、マイクロソフトらがWebブラウザの拡張機能の標準化や仕様改善のためのグループ「WebExtensions Community Group」を発足させたことを発表しました。 #w3ccommunity Forming the WebExtensions Community Group https://t.co/WrPPsRt23M — W3C (@w3c) June 4, 2021 WebExtensions Community Groupは、「ブラウザ拡張機能に関する共通のビジョンを持ち、将来の標準化に向けて活動する」ことを目的としています。 そのなかでも特に、開発者が拡張機能を簡単に作成できるように一貫性のあるモデルと共通化された機能やAPIなどの策定、および高性能かつ高セキュリティなアーキテクチャのアウトラインを示すことに注力するとし

    Webブラウザの拡張機能を標準化へ、Apple、Google、Mozilla、マイクロソフトらがW3C WebExtensions Community発足
  • Downdetector との正しい付き合い方 - Qiita

    この記事について Downdetector (ダウンディテクター) について勘違いしている人が多数見受けられるので、正しい使い方(?)をまとめたものです。 AWS東京リージョンの大障害 2019/08/23にAWS東京リージョンで大障害が発生しました。 サービスが停止して阿鼻叫喚した方、仕事にならないと諦めて帰った方、など、悲喜こもごもだったのではないかと思います。 そんな障害発生している際、主にSNS界隈で以下のような地図をよく見かけませんでしたでしょうか? この地図は Downdetector ( ttps://downdetector.jp/ ←あえてリンクにはしません ) が提供している障害発生マップです。 上の画像は8/23の実際のAWS障害時にスクリーンショットを撮ったものです。 この地図をパッと見て、どのように感じるでしょうか。 「 『Amazon Web Service の

    Downdetector との正しい付き合い方 - Qiita
    mizdra
    mizdra 2021/06/20
    "この地図が表している情報は「障害が発生している事実」ではありません"
  • fastlyのCDNで発生したシステム障害についてまとめてみた - piyolog

    2021年6月8日、fastlyのCDNサービスで障害が発生し、国内外複数のWebサイトやサービスに接続できないなどといった事象が発生しました。ここでは関連する情報をまとめます。 原因はソフトウェアの潜在的な不具合 fastlyより6月8日付で今回の障害の顛末が公開されている。 www.fastly.com 障害原因はソフトウェアの潜在的な不具合で特定状況下かつ顧客構成で発生する可能性があった。このソフトウェアは5月12日に展開が開始されていた。 6月8日早くにこの不具合を発生条件を満たす構成変更が顧客によって行われネットワークの85%がエラーを返す事態が発生した。サイバー攻撃の可能性は否定と報じられている。*1 障害は発生から1分後にfastlyに検知され、49分以内にネットワークの95%が復旧した。 今回の障害を受け、短期的には修正プログラムの早期適用、復旧時間の短縮、テスト時に不具合

    fastlyのCDNで発生したシステム障害についてまとめてみた - piyolog
  • Sentryを有効活用するための下準備としてやったこと|fujino

    こんにちは。フロントエンドエンジニアの藤野です。 暑くなってきましたね。ハーゲンをダッツしてる時が幸せなこの頃です。 *** スペースマーケットではアプリケーションのエラーの監視の為に Sentry と Datadog を利用しています。実は、今年の4月中旬に Sentryのプランを Businessプラン にアップグレードしました! プラン変更にあたっての下準備には少し苦労したのですが、アップグレードによってコスト削減に繋がったうえに機能向上し、有効に活用できるようになったため、その過程を共有したいと思います。 これまでのSentry活用 スペースマーケットでは以前からSentryを契約しており、古いプランではありますが、2021年4月末までは smallプラン を利用しておりました。料金としては 29$(年間契約の場合)で100,000エラーまでは定額、以降のエラーは1件あたり$0.0

    Sentryを有効活用するための下準備としてやったこと|fujino
    mizdra
    mizdra 2021/06/20
    Sentry のプランを small から business に切り替えた話
  • 自分のTweetsをインクリメンタル検索できるサービス作成キット と Tweetsをまとめて削除するツールを書いた

    自分のTweetsをインクリメンタルに全文検索できるmytweetsを作りました。 また、自分のTweetsをtextlintや単語感情極性対応表や辞書ベースでフィルタリングしてまとめて削除するdelete-tweetsを作りました。 どちらもTwitterアーカイブを使って今までのすべてのTweetsを対象にしています。 そのため、どちらも最初に次のドキュメントに従って、Twitterのデータアーカイブをダウンロードしておく必要があります。(申請から1日ぐらいかかります) 全ツイート履歴とツイートをダウンロードする方法 | Twitterヘルプ mytweets mytweetsは、Twilogやツイセーブのように自分のTweetsの履歴を全文検索できるサイトを作るツールキットです。 Twitterのデータアーカイブをインポートするので過去全ての履歴に対応していて、 また新しいTwee

    自分のTweetsをインクリメンタル検索できるサービス作成キット と Tweetsをまとめて削除するツールを書いた
    mizdra
    mizdra 2021/06/20
    良さそう。検索候補からツイートを除外するの、ツイートの削除ではなくフィルタするくらいで良いかもという気はするけど、どうなんだろう。S3Select使う都合上消してるのかな。
  • HappyHacking keyboardはじまりの話|八幡勇一

    第二版 HappyHacking keyboard前史を追記します。 はじめに 現在、多くの方に支持頂いてロングセラーキーボードとなったHappyHacking keyboard(以下、HHkeyboard)ですが、初期の開発について記録を残しておく必要があると考え、主に技術的な側面での検討内容について文章を残したいと思います。 筆者は初代HHkeyboardからLite2までは企画・開発・製造・販売を担当、Proでは企画までを担当していました。 時代背景 和田英一先生とそのお仲間がHHkeyboardのアイディアを考案されたのは、PCがほぼIBM PC/ATの互換機に集約されつつあり、それにつれてキーボードもほぼIBM PC/AT配列(現在の一般的なキーボード)が標準になってきた時期になります。 SONYが撤退し、DECが消え、それまで研究用に使われていたワークステーションも段々と下火に

    HappyHacking keyboardはじまりの話|八幡勇一