タグ

ブックマーク / dev.classmethod.jp (4)

  • 紙吹雪をふらせる React のコンポーネントを作成する | DevelopersIO

    紙吹雪をふらせる React のコンポーネントを作成してみます。作成物は以下になります。 hbsnow-sandbox/example-css-confetti 準備 hbsnow/template-nextjs-tailwindcss 上記をテンプレートとして使用します。今回 tailwindcss は使用せず、また Next.js ですが styled-jsx を使用せず CSS Modules のみで作成していきます。 紙吹雪の紙のコンポーネントを作成する 紙吹雪を回転させる Piece.tsx という紙吹雪の紙部分のコンポーネントを作っていきます。 コンポーネントには紙の長さと高さ、色を指定できるようにしておきます。 // components/Piece/Piece.tsx import { ComponentPropsWithoutRef, CSSProperties, for

    紙吹雪をふらせる React のコンポーネントを作成する | DevelopersIO
    attsumi
    attsumi 2022/09/25
  • Ansibleの冪等性とPlaybook | DevelopersIO

    渡辺です。 Ansibleを利用する時、避けて通れない概念が「冪等性(べきとうせい/idempotence)」です。 冪等性は数学方面の用語で、大雑把に言えば「1回だけ操作を行っても、不数回(N回)行っても結果が変わらない特性」のことを指します。 例えば、有理数の乗算であれば1と0には冪等性があります。 1は、Nに何回かけても結果はNです。 同様に、0は、Nに何回かけても結果は0です。 とはいえ、Ansibleの冪等性は、あくまで構成管理を行う上でのことなので、数学的な冪等性については「そんな概念なんだ」程度の理解で良いと思います。 Ansibleによる冪等性はサーバの状態を保つこと サーバの定義を記述したAnsibleのPlaybookを実行すると、定義に合わせたミドルウェアなどがサーバにインストールされ、サーバの状態が変更されます。 そして、サーバの定義、すなわちPlaybookを変更

    Ansibleの冪等性とPlaybook | DevelopersIO
    attsumi
    attsumi 2021/01/30
  • Zsh + Prezto で快適コマンド環境を構築する | DevelopersIO

    Prezto 今回はコマンドライン環境の話です。私は以前より oh-my-zsh を利用していましたが、テーマの調子が悪かったので Prezto に乗り換えてみました。結構快適だったので、いまは Prezto を使っています。 稿では Zsh + Prezto で快適なコマンドライン環境を構築する方法について簡単ですがご紹介します。 Zsh + Prezto 環境を構築する 環境構築の手順については README に書いてありますので、手順通り進めれば問題なく環境づくりができると思います。なお、コマンド実行すると .zlogin .zlogout .zprofile .zshenv .zshrc のシンボリックリンクを貼るので、oh-my-zsh から乗り換える場合など、既存の Zsh 環境を引き継ぎたい場合は各設定ファイルを退避させておきましょう。 // Zsh起動 $ zsh //

    Zsh + Prezto で快適コマンド環境を構築する | DevelopersIO
  • Android Tips #7 Android Lint を活用する | DevelopersIO

    ADT16(Android Development Tools 16)から、「Android Lint」という新しいツールが使えるようになりました。 今回はこの「Android Lint」を使うといったい何ができるのか、実際に使いながら紹介したいと思います。 Android Lint とは Android LintはADT(Android Development Tools)16から導入された、ソースチェックツールです。 Androidアプリケーションのソースをチェックし、パフォーマンスに支障があるソースなどの潜在的な問題を検出し警告してくれます。 Lintに含まれる機能の一部はもともとAndroid SDKに含まれていましたが、 コマンドラインからしか実行できませんでした(以前ご紹介したlayoutoptツールなど)。 ADT16より「Lint」という名称で統合され、IDEからも使えるよ

  • 1