You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Rails 7 adds change tracking methods for belongs_to associations | Saeloun Blog 原文公開日: 2021/07/27 原著者: Swaathi Kakarla サイト: Saeloun Blog | Ruby on Rails Consulting Company based in San Francisco and Boston アップデートとしては地味でも、Railsユーザーにとって嬉しさ最大の機能が登場することがあります。Railsの最近のアップデートで、belongs_to関連付けの変更を監視する機能が導入されました。Rails wayに沿って進めたい開発者にとっては大歓迎です。 変更トラッキングは、Railsですぐ使える便利メソッドの一種です。

API mocking that saves you timeGet working mock REST APIs in seconds with an intuitive and easy-to-use interface. Run them everywhere with the CLI. Integrates with your workflowCompatible with the OpenAPI specification, Mockoon integrates perfectly with your existing applications and API design workflow. Complete toolingGo beyond mocking with advanced features and tackle the most complex situation

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

昭和59年大阪生まれ。人材派遣会社で営業、所長（岡山・大阪）を歴任、新店舗の立ち上げも手がけるなど活躍。企業の抱える人事・労務面を土台から支援したいと社会保険労務士として開業登録。講演実績多数。2021年9月よりクリニック専門労務管理サービス「クラシコ メディカル」スタート。 社会保険にかかる保険料を意味する、社会保険料。社会保険料を適切に納めるためには、社会保険の種類や対象者、社会保険料の計算方法といった社会保険料に関する基礎知識を正しく理解することが重要です。 この記事では、社会保険料の概要や計算方法などについてご紹介します。 社会保険料とは？誰が対象で、その種類は？社会保険料とは、社会保険にかかる保険料のこと。英語では「social insurance premium」と表記します。主に収入によって金額が決められる社会保険料は、被保険者に支給金を支払う際の財源として活用されています。

Read the original article and more on Grammarly’s new engineering blog! Grammarly’s writing assistant serves twenty million people every day. Supporting such an involved user base with a smooth rolling update of the application cluster could present a real maintenance challenge. But luckily there are services that facilitate making incremental updates with zero downtime. One option for our enginee

2021年9月7日 Apple siliconに憧れてM1 Macbook Airを買ってみたものの、これがなかなか曲者でした。プログラミングの勉強・開発環境としては、無難にwindowsかIntel macの方が良いかもしれません。他プログラミング言語については詳しくないのでわかりませんが、Pyhonの開発環境としてM1 Macで考えられる選択肢とその構築方法をまとめておきます。 M1 macでのPython開発環境の選択肢 ざくっと調べた感じだと、以下３つが現在（2021年9月）の主な選択肢のです。 HomebrewでインストールするAnaconda環境(miniforge)を使うDockerを使う M1 Macでの環境構築がややこしいの原因は、Apple siliconではCPUアーキテクチャ（命令系統の設計）として、従来のintel x86系と異なりArmアーキテクチャが使用され

コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕

従業員の働き方 労働時間の管理不足でブラック企業扱いも！ 60時間以上の残業代が5割増し！　隠れ残業管理は必須

コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕

When does react component re-render? What can cause the re-render, and how to prevent unnecessary renders? Here is a quick cheat sheet you can refer to whenever you find yourself asking these questions. This article serves as a table of contents for a Visual Guide to React Rendering series. Every section of the cheat sheet links to the correspondent chapter of the guide that explores a topic in de

Just-in-time CSS, unlimited possibilities Quickly prototype and build astonishing websites and UI components without installing and maintaining complicated software stacks. Modern UI framework Static CSS frameworks are shipped bundled with hundreds of classes you never use, resulting in higher load times. Assembler's critical mission is to improve the performance of your website by generating only

Highly customizable, drop-in Bootstrap replacement. Highly customizable, drop-in Bootstrap replacement. Halfmoon is a highly customizable, drop-in Bootstrap replacement. It comes with three built-in core themes, with dark mode support for all themes and components. Build beautiful and responsive websites and applications. Halfmoon is a highly customizable, drop-in Bootstrap replacement. It comes w

画像素材を加えたパワーポイントのファイル容量が大きくて困ったことはありませんか？一括での設定方法や便利な機能も紹介します。画像を圧縮して送受信や編集の効率を上げましょう。 パワーポイント内で画像を圧縮するメリット パワーポイント内で画像を圧縮するメリットは、主に次の2つです。 ・動作・作業環境が快適になる ・ファイルの送受信が容易になる 一つずつ見ていきましょう。 動作・作業環境が快適になる パワーポイントに挿入する画像のサイズが大きかったり、高画質なものばかりだと、ファイルサイズが大きくなります。ファイルサイズが肥大化するとパソコンの動作に負荷がかかります。その結果、ファイルを開こうとした際に処理速度が落ちたり画面がフリーズしたりする原因にもなります。 画像を圧縮してファイルサイズを小さくすることで、そうした問題を起こりにくくし、作業をスムーズに進めることができます。 送受信が容易になる

こんにちは！株式会社ヌーラボでカスタマーサポートを担当している伊東です。本記事はBacklog Advent Calendar 2019向けに書いています。 ヌーラボではサービス開発から人事・バックオフィスまで、幅広い業務でBacklogを活用しています。わたしたちサポートチームでも、お客様からのお問い合わせをBacklogで管理しています。 とはいえ、Backlogはそもそもがプロジェクト管理ツールなので「お問い合わせの管理のツールとして最適か？」と問われると、細かい点で及ばないところがあることは否めません。それでもわたしたちカスタマーサポートチームがBacklogを使う理由、そのために工夫している「お問い合わせ管理の自動化」を公開します！ なぜカスタマーサポートでBacklogを使うのか？ カスタマーサポートチームがBacklogを使うのは、なによりも第一に自分たちがサポートするサービ

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

Version 1.93 is now available! Read about the new features and fixes from August. vscode.dev(!) October 20, 2021 by Chris Dias, @chrisdias Back in 2019, when the .dev top-level domain opened, we picked up vscode.dev and quickly parked it, pointing at our website code.visualstudio.com (or, if you are from the Boston area like me, we "pahked it"). Like a lot of people who buy a .dev domain, we had n

Картирование процесса фасилитация стратсессий с Картой гипотез при помощи Карты процесса-опыта

JAWS-UG (AWS User Group - Japan) is an Amazon Web Services (AWS) user group with more than 70 chapters across Japan, where technical and human resource exchanges related to AWS are held on a weekly basis, contributing to the improvement of technical skills and business expansion of AWS users. JAWS PANKRATION 2021 will be the second 24-hour online event hosted by JAWS-UG, and will be a different ev

Kaigi on Rails 2021は終了しました。 当日のライブ配信は YouTube にて視聴可能です。 動画アーカイブ Kaigi on Railsのコアコンセプトは 「初学者から上級者までが楽しめるWeb系の技術カンファレンス」 です。 Kaigi on Railsは技術カンファレンスへの参加の敷居を下げることを意図して企画されています。また、名前の通りRailsを話題の中心に据えるカンファレンスではありますが、広くWebに関すること全般（例えばフロントエンドやプロトコルなど）についてもカバーすることで参加者の知見を深め、また明日からの仕事に役立てていただければと考えています

10/22(金) 追記 この記事で解説している内容について解説する勉強会を開催することとなりました。以下のconnpassよりお申し込みください。 pixiv.connpass.com 10/22(金) 追記 pixivのブックマークについて ブックマークDBの問題について 具体的な対策内容 論理削除廃止・index追加・ブックマークタグのテーブル分割 適応ハッシュインデックスの無効化 アプリケーションコードのリファクタリング・全発行クエリの列挙と見直し 大きな更新処理の非同期化 結果 あわせてよみたい pixivではサービスの成長に伴い、気に入った作品に対して付けることができるブックマークの総数が急速に増加しており、ユーザーの皆様に滞りなくサービスを提供し続けるためブックマークに関するデータベース(以後DB)の負荷対策が必要になりました。 2021年2月より対策を行うプロジェクトを発足し

Create user interfaces from componentsReact lets you build user interfaces out of individual pieces called components. Create your own React components like Thumbnail, LikeButton, and Video. Then combine them into entire screens, pages, and apps.

やりたいこと 「https://www.xxxx.com/app/login」のようなURLで動作しているWEBアプリケーションに対して、障害時やサーバー停止時にsorryページをサーバーレスで自動で表示させたい。 今回は、Route53のフェイルオーバーを使用し、独自ドメインでSSL暗号化通信での障害発生時に自動でsorryページを表示する方法を紹介します。 はまったこと HTTPでのRoute53フェイルオーバーを使用したsorryページの表示は、セカンダリのAliasにS3のエンドポイントを指定することで可能でした。 しかしSSL通信でのHTTPSの場合、S3単体ではSSL証明書を扱うことができないため、フェイルオーバー時にセカンダリとして指定することができません。 この解決方法として、CloudFront経由でHTTPSをS3にリダイレクトする方法を紹介します。 CloudFron

簡単な説明 位置情報レコードが異常である場合、Route 53 は、より大きな、関連付けられた地理的な AWS リージョンの別のレコードを検索します。クライアントの場所が他の正常な位置情報レコードと一致しない場合、Route 53 はデフォルトの位置情報レコードにフェイルオーバーします。 Route 53 を設定して、デフォルトの位置情報レコードではなく、他の正常な位置情報レコードにフェイルオーバーすることができます。 解決方法 以下は例として使用されるシナリオです。 特定の場所を指す位置情報レコードがあります。同じ場所に対してセカンダリの位置情報レコードを作成します。この設定により、プライマリのレコードが異常になった場合、Amazon Route 53 は自動的にセカンダリのレコードにフェイルオーバーします。次のようなものがあります。 ロケーション A のクライアントが us-west-

AWS Global Accelerator AWS グローバルネットワークを使用して、アプリケーションの可用性、パフォーマンス、およびセキュリティを向上させる

エニーキャスト（英: anycast）は、ルーティングトポロジーから見てデータを「最も近い」または「最もよい」あて先に送信するネットワークのアドレッシング／ルーティング手法である（anycast―いずれかに送信）。 この用語はユニキャスト、ブロードキャスト、マルチキャストという用語と同列に使われる。 「ユニキャスト」では、ネットワークアドレスとネットワーク端点に1対1の対応がある。各あて先アドレスは1つの受信端点を一意に識別する。 「ブロードキャスト」と「マルチキャスト」では、ネットワークアドレスとネットワーク端点群に1対多の対応がある。各あて先アドレスは受信端点群をまとめて識別し、それぞれに情報が複製される形で届く。 「エニーキャスト」でも、ネットワークアドレスとネットワーク端点群に1対多の対応がある。各あて先アドレスは受信端点群をまとめて識別するが、任意の時点ではその中の1つだけを選択

こんにちは。 様々な経営者や人事の方と話す時によく議論に上がるワードが「心理的安全性」です。 心理的安全性とは、 自分の考えや感情を安心して気兼ねなく発言できる状態 のことです。 組織開発におけるキーワードとして、マネジメントにおいて意識をしている方も多いのではないでしょうか。2015年にはGoogleが効果的なチームに必要な概念として発表をし、人事界隈での認知が広がりました。 そもそも、なぜ心理的安全性が必要なのか？心理的安全性はなぜ重要と言われるのか。それは、心理的安全性によって従業員の意見行動を増やしたいからです。 意見行動とは、 仕事に関連する論点に対して、意見、懸念、アイディアを表明すること と定義されています。 この行動は、リスクを回避したり、新規事業開発をする上で重要になってきます。しかし逆にいうと、いかに心理的安全性がある組織でも、意見行動が活発になっていなければ意味があり

2019-2020イングランド・プレミアリーグ、モウリーニョ監督はトッテナムを率いて、11ヶ月前に解任されたマンチェスターユナイテッドとの対戦に際し、次のように述べています。マンデラ氏を引用した名言です。 「これは私にとって閉じた章です」とモウリーニョ監督はマンチェスターユナイテッド時代を語っています。 「私はクラブ(マンチェスターユナイテッド)を去り、起こったすべてを処理するために時間をかけ、次の挑戦に備えるために時間をかけました。」 モウリーニョはその後、ネルソン・マンデラの有名な言葉を引用します。「あなたは決して負けない。あなたが勝つか、学ぶか」 そして「正直に言って、私にとってユナイテッドは私の経験の本にあり、それは私の歴史の本にある」と付け加えました。 「（ネルソン）マンデラは、「あなたは決して負けず、勝ち、学ぶ」と言っていました。 「ユナイテッドで勝ち、学んだ。私が去った後の時

出典：『新版グロービスMBAリーダーシップ』（ダイヤモンド社） コッターはリーダーシップの不足に警鐘を鳴らしてきましたが、リーダーシップだけが重要だといっているわけではなく、マネジメントも同じくらい重要であると言っています。これらは補完関係にあり、優れたリーダーシップと強いマネジメントをバランスさせることが重要だと主張しています。 ＜関連動画：リーダーシップとマネジメントの違い〜違いと使い方を理解する〜＞ ジョン・コッターの8段階のプロセス コッターのリーダーシップ論は、変革的リーダーシップ論の代表です。そこで提唱されたのが、リーダーが変革を成功させるための8段階のプロセスです。 変革を阻む８つのポイント コッターは大規模な変革が進まないのは、8つの「つまずきの石」が原因であると言いました。すなわち、次の８つです。 内向きの企業文化 官僚主義 社内派閥 相互の信頼感の欠如 不活発なチームワ

Application Load Balancer を使用して、送信元 IP アドレスに基づいてリクエストをルーティングするにはどうすればよいですか? 解決策 いくつかのユースケースでは、リクエストの送信元 IP アドレスに基づいて特定のアクションを実行することになります。例えば、あるアプリケーションに 2 つのバージョンがあるとします。1 つのバージョンは、グローバルユーザー向けのパブリックバージョンです。もう 1 つは、いくつかの拡張 (ベータ) 機能を含む内部バージョンです。内部バージョンは、企業ネットワーク CIDR からアプリケーションにアクセスする従業員のみが使用できるようにする必要があります。このタスクや他の同様のタスクを実行するには、送信元 IP アドレスに基づいてリスナールールを設定します。 送信元 IP アドレスに基づくルールは、IP ヘッダー (レイヤー 3) の送信

strict-dependencies module: string (Glob or Forward matching string) Target module path targetMembers: string[] Target member name e.x. ["Suspense"] in import { Suspense } from 'react' allowReferenceFrom: string[] (Glob or Forward matching string) Paths of files where target module imports are allowed. allowSameModule: boolean Whether it can be imported by other files in the same directory exclude

こんにちは、よしこです。 この記事は 2020年に立ち上げたWebフロントエンド構成の振り返り の「linter/formatter」項の詳細記事です。単体でも読めますが、よければ元記事もあわせてどうぞ！ この記事では、今わたしが 株式会社ナレッジワーク というスタートアップで開発・運用しているプロジェクトにおいて便利だったLint/Format関連の設定についてご紹介していきます。 使っているのは、TSのlintのためにESLint, CSSのlintのためにStylelint, 主なファイルのformatのためにPrettierです。 ESLint pluginsとextendsだけどんなもの入れてるか載せておきます。 "plugins": [ "strict-dependencies", // 後述 "unused-imports", // 後述 ], "extends": [ "a

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

超巨大フロントエンドを分割する基盤を作ろうとしたものの紹介します。 この記事の前提 巨大フロントエンドを分割統治したい SSR は考えない モダンブラウザのみ対応する(IE11 非対応) この記事では single-spa とマイクロフロントエンドの紹介はしません。こちらの記事を読んでください。 マイクロフロントエンド入門 single-spa でマイクロフロントエンドを検証する - mizdev single-spa はアプリケーションのライフサイクルに簡単な規約を導入するもので、おそらく一番使われてるものです。これを基本的に vite と組み合わせて各アプリケーションを構成しますが、 webpack でも同様のことは可能です。 動いてるもの デモ ここで実現したこと 共通ヘッダ 異なる環境でビルドされたコンテンツをルーティングごとに切り替える react-router のアプリと vu

マイクロフロントエンドとは [翻訳記事]マイクロフロントエンド - マイクロサービスのフロントエンドへの応用 自分の理解だと、フロントエンドを一定以上にスケールさせようとすると、レガシーの古いビルド境界や、コンウェイの法則によるチーム単位のコンポーネントが出てくる。 これらをメタに管理するシステムを作って、複数のビルドを協調させる試み。 実装 マイクロフロントエンドの実装に必ずしもライブラリを使う必要はないのだが、調べた感じ、single-spa というライブラリが土台にある。 ドキュメントに中国産が多い。大きなSPAをたくさん作るお国柄な気がする。 single-spa single-spa マイクロフロントエンドの用の土台となるルーティング機能、各コンポーネントのライフサイクルだけを管理するもの。 このドキュメントでは System.js や import-map を推奨しているが、無

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

2022年追記：最新版記事のご紹介 UXの5段階モデル改めてデザインの5段階モデルとして、より汎用性の高い形で再解釈に取り組んでいます。最新版の記事はこちらからご覧ください。 みなさんは、ユーザー体験を構成する5つの段階をご存知でしょうか？一般的には「ギャレットのUX5段階モデル」や「UXの5段階モデル」などと呼ばれています。この言葉を聞いたことはあるが、なぜ重要なのかうまく把握しきれていない方や、そもそも聞いたことがないという方もいらっしゃると思います。 そこで今回は、デジタルプロダクトのデザインにおいてなぜUXの5段階モデルの概念が重要であるのかを説明していこうと思います。 関連情報： グッドパッチ、戦略から表層までユーザー体験に一貫性を生み出すプロセス「UXデザインの5段階モデル」を読み解くホワイトペーパーを公開 なぜ『UXの5段階モデル』なのか？ 「デザイン」という言葉は、プロダク

Mountable Engine だらけの Rails アプリ開発 はじめに これはドリコムアドベントカレンダーの 2 日目です。 1 日目は id:sue445 さんによる ドリコムを支える中間ポイントシステム - くりにっき です。 お前誰よ id @onk ドリコム歴 2006/12/01 中途入社 9年目に突入しました 仕事 アプリケーションエンジニア 2009/04 から Rails アプリを触るように 主にサーバサイドを担当しています 今日の話 「普通に Rails アプリを作ると Mountable Engine を少なくとも 5 個は使う時代になったよね」って話をします。 目次 Mountable Engine とは Mountable Engine の作り方 Mountable Engine のテストの書き方 Mountable Engine の設定を書きたい 管理画面付

Modular MonolithというアーキテクチャをRailsアプリケーションへ適用する記事を読みました。 medium.com モノリスアーキテクチャとマイクロサービスアーキテクチャの中間に位置する、一つのモノリシックなアプリケーション内でドメインごとにモジュールに分解しつつ運用するためのアーキテクチャを、Railsでどのように実装するか、という内容です。 Modular Monolithとは 記事から引用します。 Rather than extracting microservices, we decided to first focus on making our app modular. Our goal was to identify good architectural boundaries before we extracted code out into independ

概要 Next.js(ts) + Node.js(ts) + apollo + graphql-code-generatorでスキーマファーストなGraphQL環境を構築していくよ！ 完成物 対象: ざっくりGraphQLでスキーマファーストな環境を構築する方法を知りたい人 説明しないこと: .graphqlファイルの書き方とかGraphQLの設計とか、具体的なこと GraphQLとは何か APIにクエリを投げてFE側から返却するレスポンスを制限できるAPIの形式 有名どころだとNetflixとかで利用されていて、APIの返却をFEで制御できるので『画面やデバイスによって表示する情報がちょっと差がある』みたいな時に便利 スキーマファーストとは何か APIのIF設計を先にガッチリ決める方式 FEとBEの認識を同タイミングで合わせやすい ただし、IF定義を先にきっちり作成する必要がある 手順

gem 作成 gem_name には適当に作りたい gem 名を入力します。 -t をつけると、テストも作成します。 ref: Gem の作り方まとめ 普通の gem 編 - masarakki's blog gem 名に - を含めると、ディレクトリが階層化されます。 ref: 【Ruby】gem の作り方から公開まで - Qiita > bundle gem gem_name -t gem を動かす ./bin/console を実行すると、irb で、gem を動かすことができます。 gem_name.gemspec 変更をしないと、動かないので次に進みます。 $ ./bin/console Traceback (most recent call last): 30: from ./bin/console:3:in `<main>' 29: from /Users/username/

技術部の外村（@hokaccha）です。 レシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話 - クックパッド開発者ブログ という記事を書きましたが、この中で詳しく説明しなかった GraphQL のスキーマやクエリから TypeScript の型定義を自動生成する仕組みについて紹介します。 なお、今回紹介したコードは以下で試せます。 https://github.com/hokaccha/graphql-codegen-example-for-techlife GraphQL Code Generator を使った型生成 GraphQL のスキーマから TypeScript の型を生成するためのライブラリはいくつかあります。 Apollo GraphQL Code Generator などが有名どころです。今回はシンプルさや拡張性を考えて G

GraphQLとクライアントサイドの実装指針.md GraphQLとクライアントサイドの実装指針 GraphQLって何 Facebookが開発した クエリ言語 今はGraphQL Foundationに移管されている https://quramy.github.io/graph-api-note/#/ GraphQLの特徴 スキーマと静的な型 Demand Driven Architecture Composition 1. スキーマと静的な型 スキーマには可能なクエリや操作の全てが記述されている。 表現方法はいくつかあるが、SDL(Schema Definition Language)で表現されることが多い。 type User { id: ID! name: String! age: Int friends: [User] articles: [Article] } type Arti

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

StarLite Compact yet powerful; your perfect partner in every journey.

Photo by chuttersnap on UnsplashいつもはTerraformでAWS東京リージョンへの構築のみを行っていますが、仕事で複数のリージョンにも同一のインフラを構築する機会があったため、Terraformでマルチリージョンを試してみました。 使用したTerraformバージョンはv0.11.0になります。 マルチリージョン適用前既にTerraformにて、AWS東京リージョンへVPCやEC2などの構築ができている状態。まあ、よくみかけるケースかと。 ここから異なるリージョンへも同一のresourceを構築していくことになります。 main.tf (sample) provider "aws" { region = "ap-northeast-1" }module "network" { source = "./network" cidr = "10.200.0.0/

Rails 7.0ではフロントエンドサポートが刷新されます。新たなライブラリが多数導入され、選択肢が増えるため、「Rails公式のものを選べばOK」という戦略が通用しなくなります。 本稿では、Railsでフロントエンドを書くための選択肢について、その歴史と実装を踏まえて比較検討します。 結論から言うと(まだアルファ版なので今後も状況が変わる可能性はありますが、) 新規アプリケーションではSprocketsの役割は無くなりそうです。新しいライブラリとして Propshaft, importmap-rails, jsbundling-rails, cssbundling-rails が登場し、主要な選択肢として以下が提供されます。 (各ライブラリの詳細については後述します) Propshaft + importmap-railsデフォルトの選択肢。Node.jsが不要。トランスパイルを含め、複

Introduction Localizing web application performance problems and response latency could be tricky in the projects with complex infrastructure. And having monitoring for all the services is highly crucial. Sometimes performance degradation might be induced one step ahead of the main application because of the lack of the web server capacity. As the most popular web server for running Ruby web appli

Fix the slow render before you fix the re-renderSeptember 9th, 2019 — 7 min read Performance is a serious issue and we should make our apps as fast as possible. How we go about doing that will make a big impact on not only the effectiveness of our optimizations but also the complexity of our code (how quickly we can make improvements and changes in the future). When we're talking about React optim

元々は Emacs の key-chords。key-chords では同時押し or 連続で素早く押す、というタイプのショートカットキーを提供している。 ここから派生して、同時押し or 連続で素早く押すタイプのショートカットキー全般を Chords と呼ぶ。たとえば Visual Studio Code がこの言葉を使っている。 chord の語源 Visual Studio Code における chord 例1: Ctrl+K Ctrl+C 例2: Ctrl+K C 参考 chord の語源 chord (コード)とは「和音」のこと。 Visual Studio Code における chord Visual Studio Code Key Bindings に詳しく書いてあるが、 Chords (two separate keypress actions) are described

従業員の7%が参加しているかどうかで企業変革の成果が2倍以上変わるという調査結果。成果は株主総利回りで、60企業へのアンケートを元にしている。 https://t.co/tWCLXvWIeX

Before I was Chief Product Officer at 1Password, I was a 1Password customer. Back then, I often shared items in my 1Password vault with friends and family who also use 1Password. I shared the Netflix login with my kids, I shared secure notes about doctor’s visits and grocery lists with my wife, and I shared all kinds of things with my colleagues to get our work done securely. But sharing with anyo

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

Generate a simple table for your Notion page by using the math equation block and the LaTeX notation brought to you by the Notioneers at HelpKit

Build in a weekendScale to billionsSupabase is an open source Firebase alternative. Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, Storage, and Vector embeddings.

Latest news on native ARM compatibility (2020-12-26) We currently have 3168 formulas bottled for Apple Silicon in homebrew-core. At this point, the table below is probably not really relevant anymore (except for historical reference) and the best way to know if a formula is working is “does it have an ARM bottle” (a :arm64_big_sur line in the bottle block). (2020-12-04) A fellow maintainer has bee

Browser Extension to change color of AWS Management Console, by Account ID AWS Peacock Management Console store configuration which maps environment(Account ID and Region) to style(color). In AWS Management Console, it modify HTML tags to change color and show account alias. If logged in by AWS SSO, show account name than account name.