タグ

2021年12月23日のブックマーク (3件)

  • 2021年、最も注目されたUIデザインのテクニックのまとめ

    デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIUXを改善するデザインの知識とテクニックを紹介します。 今年公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2021 by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ユーザーの混乱を避けるために、UIで確立されたアイコンを使用する 2. 4ptベースライン+8ptグリッド=調和のとれた縦のリズム 3. フォントで階層を示すにはウェイト、サイズ、カラーを使用する 4. ホワイトスペースはたっぷり使用してください 5. アイコンをグリッドシステムで使用する際の注意点 6. アクションを実行

    2021年、最も注目されたUIデザインのテクニックのまとめ
  • GitHub Actions からのキーなしの認証の有効化 | Google Cloud 公式ブログ

    GCP を試す$300 分の無料クレジットと 20 以上の無料プロダクトがある Google Cloud で構築を始めよう 無料トライアル ※この投稿は米国時間 2021 年 12 月 7 日に、Google Cloud blog に投稿されたものの抄訳です。 GitHub Actions は Google Cloud の多くのお客様とデベロッパーの間で人気があるサードパーティ CI / CD ソリューションです。GitHub Actions ワークフローで Google Cloud 上でのリソースの読み取りや変更が必要な場合(Artifact Registry へのコンテナの公開や Cloud Run での新しいサービスのデプロイなど)、最初に認証をしなくてはなりません。 GitHub Actions から Google Cloud への従来の認証では、有効期間が長い JSON サービス

    GitHub Actions からのキーなしの認証の有効化 | Google Cloud 公式ブログ
  • あなたはTypeScriptの"型"で足し算、できますか?

    ご覧の通り、残念ながらTSの型上で四則演算は実装されていないようです。残念(?)。 じゃあもう型で足し算はできないの?😭 安心してください。今回は型でそれを実現する方法を模索していきます。 配列長で計算してみる TSでは、配列の型から長さを取得をすることができます。 type SampleArray = [1,2,3,4,5] type Length = SampleArray['length'] // 5 なんと!では簡単に足し算が実装できそうな雰囲気です。 計算したい長さの配列を用意し、その配列を結合後長さを測れば良さそうです。 では、まず与えられた数値に対してその長さの配列を生成する型を作ってみましょう。 イメージはこんな感じです。 type NumToArrray<A extends number> = /** 配列を生成する処理 **/ type Sum<A extends a

    あなたはTypeScriptの"型"で足し算、できますか?