Node.js Advent Calendar 2019の21日目の記事です。 2019/12/25追記 もともと「Top-level awaitによるESモジュールの非同期化とDual Package Hazard」というタイトルにしていましたが、表現に勇み足な部分があり、ご指摘をいただいたので、少し修正しました。 「TLAによってNode.jsのESMが非同期になった」という表現はおそらく正確ではありません。ESMに関する2017年のNode.jsのドキュメントでは、特に理由は触れずに「ESMのロードは非同期で、それはブラウザの挙動と合致する」と記述されています。ここでいう「ブラウザの挙動」とは、WHATWG Loaderで定められた仕様を指すと考えられます。ECMAScriptの仕様としては、少なくとも2019まではESMが非同期であるとの記述はなさそうなので、ブラウザの仕様に合わせ

デザインシステムという名の成果物が抱える問題 デザインツール上で UI コンポーネントを並べただけでも『デザインシステム』と呼ぶくらい言葉が広まった今日。2017年に記事にした頃と比べると随分変わったという印象があるものの、デザインシステムと成果物が密接になり過ぎていると感じることがあります。 デザイン組織の成熟度に合わせて施策を変えるべきだと思いますが、事例を検索をしたり書籍を読むと、Lightning Design System や Carbon Design System のような完成されたものが出てきてしまいます。こうした状況だと「デザインシステムを作る」目的が上記のようなサイトを作ることになってしまう場合あります。つまり、デザインシステムとは完成された何かを作り上げることが目的になっているわけです。 足元を見ないで理想を作り上げようとしていないか 事例で見かけるようなデザインシス

FancyZonesによるウィンドウ配置画面 FancyZonesは、ウィンドウの位置をあらかじめ作成したゾーン位置にレイアウトしていく「ウィンドウマネジャー」。シフトキーを押しながらウィンドウをドラッグすると、ゾーンが表示され、配置先のゾーンが青く表示される。マウスボタンを離せばウィンドウはゾーン位置に配置される。 Windows 10でウィンドウを左半分や右半分などに自動配列するデスクトップマネジャー「Aero Snap」は便利なものの、縦方向には配列できないなど、不便な点もある。また、エクスプローラーではファイル名の一括変更が面倒など、Windows 10にはまだまだ改善の余地がある。 ただ、こうした不便な点は、さまざまなベンダーやフリーソフトウェアで提供されているユーティリティーソフトウェア（ツール）を使うことで改善できる。とはいえ、サードパーティー製のユーティリティーソフトウェア

はじめに 最近 Google Cloud Platform の Cloud Run が GA となったのが話題に上がりました。また gcloud コマンドを GitHub Actions 上で簡単に扱うための GoogleCloudPlatform/github-actions もリリースされました。これまで使われることの多かった actions/gcloud は deprecated となりアーカイブされています。 これらのサービス、ツールを使うことでかなり簡単に Docker コンテナを動かす環境を構築できます。そのユースケースの一つとして、実際に僕が携わっているプロジェクトでレビューコスト低減のために行っている、Pull Request (以下 PR) 単位で独立したプレビュー環境を起動する方法についてメモがてらブログにまとめようと思います。 前提 以下のようなアプリケーション、プロ

WINTICKETでは誰もが公営競技を楽しむことができるよう「JIS X 8341-3:2016 高齢者・障害者等配慮設計指針－情報通信における機器、ソフトウェア及びサービス－第3部：ウェブコンテンツ」に対応することを目標とし、アクセシビリティの向上に取り組んでいます。 対象範囲WINTICKETサービス https://www.winticket.jp 以下 目標とするレベルJIS X 8341-3:2016のレベルAに準拠 本方針、また試験結果における「準拠」という表記は、情報通信アクセス協議会のウェブアクセシビリティ基盤委員会による 「ウェブコンテンツのJIS X 8341-3:2016対応度表記ガイドライン2016年3月版」で定められた表記によるものです。 追加する達成基準1.4.3 コントラスト（最低限レベル）の達成基準（AA）2.4.7 フォーカスの可視化の達成基準（AA）例外

今年はmacOSのアップデートによりヒラギノが動かなくなったり、 来年初頭にはWindows7がサポート終了、Edgeのブラウザエンジン変更など、 エンドユーザーの環境を考えなければならない節目の時です。 そこでいつもコピペで済ましているfont-familyについて1から考え直してみます。 全部読もうとしている人はスクロールバーを見てから考えてください。 結果 コピペユーザーのために先に結果を記載します。 ブログ等に転載する場合はこのページのURLぐらい貼ってください。 @font-face { font-family: "Original Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; } @font-face { font-family: "Original Yu Gothic"; src: local("Y

テスト駆動で学ぶ Firestoreセキュリティルール の書き方（認証、スキーマ検証、バリデーション）FirebaseJestFirestoreCloudFirestoreTypeScirpt 今までセキュリティルールをあまり書かずセキュリティ的にアレなものを量産していたので、 その反省からFirestoreのセキュリティルールについて学んだことを記します。 2020/12/01 追記 この記事は、以下バージョン時点の情報です。 node: 10.15.3 @firebase/testing: 0.12.3 内容案内 本記事では以下について記載しています。 Firestore セキュリティールールのテスト環境構築方法（TypeScirpt & Jest) ユーザー認証のルール記載方法、テスト方法 スキーマ検証のルール記載方法、テスト方法 値のバリデーションのルール記載方法、テスト方法 コー

People tribe / Backend squad の @izumin5210 です。来月以降もこのペースでブログを書いていけるといいですね。 この記事は Go3 Advent Calendar 2019 の25日目です。長い1ヶ月だった。 3行まとめPub/Sub により、マイクロサービスアーキテクチャで高い疎結合性とスケーラビリティを実現できるGo で Subscriber worker を効率よく実装するためのフレームワーク Subee をつくったGo でメッセージを Publish する際の細々とした処理を隠蔽・共通化するため Pubee をつくったはじめに5月に開催された Go Conference 2019 Spring にて "Subee: Pub/Sub Worker Framework Implementation" という発表がありました。Pub/Sub というパ

$ dockertags alpine +--------------------------------+--------------------------------+--------------------------------+--------------------------------+------------+----------------------+ | TAG | SIZE | DIGEST | OS/ARCH | CREATED AT | UPLOADED AT | +--------------------------------+--------------------------------+--------------------------------+--------------------------------+------------+---

ここのところ、大企業の中高年リストラが相次いでて、ネットでもリアルでも話題になってます。 朝日新聞も退職金 6000万円で 45才以上の大量リストラを発表してましたが、存在自体が危ぶまれてる新聞社はともかく、 朝日新聞、45歳以上の大量リストラを発表、退職金は上限6000万円https://t.co/Vk3t2Ickan https://t.co/Vk3t2Ickan— Share News Japan (@sharenewsjapan1) December 4, 2019 最近あいついでリストラを発表しているのは、必ずしも業績が低迷している企業ではありません。日経の記事によると、 19年1～11月に希望や早期退職を実施し、募集や応募の人数を公開したのは、上場企業（子会社含む）36社で計1万1351人だった。（中略） さらに20年以降も、味の素（100人程度）やファミリーマート（800人程

About reserved postingIf you register a secret article by the day before the same day, it will be automatically published around 7:00 on the same day. About posting periodOnly articles submitted after November 1 of the year can be registered. (Secret articles can be registered anytime articles are posted.)

Jamstack Advent Calendar 最終日の記事です。 最終日ということで、締めっぽい内容を書いていきたいと思います。 JamstackについてJamstackとは何なのかについては以前書いた記事が参考になると思います。 2018年の後半あたりからJamstackという単語がちらほら流行り始め、2019年後半になって急激な広まりを感じています。 CSS NightやWordCampといった大きなイベントでも言及があったり、PixelGridさんが「Jamstackな会社です」と表明したり、特に今年の10月以降あたりから、畳み掛けるようにJamstackな話を聞くようになりました。 個人的には、WordPress界隈でもJamstackの話題が出てきたのが大きかったなと思います。 文脈としてはWordPressのRest APIを用いてJamstack構成にするというもので、そ

Functional-Static-Strong-Managed −0.25 (0.04) ∗∗∗ Functional-Dynamic-Strong-Managed −0.17 (0.04) ∗∗∗ Proc-Static-Strong-Managed − 0.06 (0.03) ∗ Script-Dynamic-Strong-Managed 0.001 (0.03) Script-Dynamic-Weak-Managed 0.04 (0.02) ∗ Proc-Static-Weak-Unmanaged 0.14 (0.02) ∗∗∗ 各カテゴリに属する言語は以下のとおりです。 Functional-Static-Strong-Managed： Haskell、Scala Functional-Dynamic-Strong-Managed： Clojure、Erlang Proc-Sta

ninjinkun.icon @ninjinkun https://twitter.com/ninjinkun 一休.comレストラン フロントエンドエンジニア BlogFeedbackというSPAを趣味で作っています https://blog-feedback.app/ これはReact製🙏 問題 管理画面をSPAとしてリニューアルの最中、Vueのコンポーネントを多数使った画面で体感速度が遅い問題が発生 再現アプリ https://github.com/ninjinkun/vue-slow-performance-sample デモ 1万個のcellそれぞれにチェックボックスが付いている cellはそれぞれvueコンポーネントでitemオブジェクトを受けとる code:html // ItemCell.vue <template> <div :class="checked: item.