紙吹雪をふらせる React のコンポーネントを作成する | DevelopersIO
CSS で紙吹雪を作るときには rotate3d でのアニメーションが一部のブラウザで意図していないアニメーションをすることがあることに気をつける必要があります。紙吹雪の紙部分ができてしまえば、あとはある程度ランダムな数値でアニメーションをするだけでそれっぽい感じになります。応用がききやすいアニメーションなので、形や色を変えることで色々と使うことができそうです。 紙吹雪をふらせる React のコンポーネントを作成してみます。作成物は以下になります。 hbsnow-sandbox/example-css-confetti 準備 hbsnow/template-nextjs-tailwindcss 上記をテンプレートとして使用します。今回 tailwindcss は使用せず、また Next.js ですが styled-jsx を使用せず CSS Modules のみで作成していきます。 紙吹
Ansibleの冪等性とPlaybook | DevelopersIO
渡辺です。 Ansibleを利用する時、避けて通れない概念が「冪等性（べきとうせい/idempotence）」です。 冪等性は数学方面の用語で、大雑把に言えば「1回だけ操作を行っても、不数回（N回）行っても結果が変わらない特性」のことを指します。 例えば、有理数の乗算であれば1と0には冪等性があります。 1は、Nに何回かけても結果はNです。 同様に、0は、Nに何回かけても結果は0です。 とはいえ、Ansibleの冪等性は、あくまで構成管理を行う上でのことなので、数学的な冪等性については「そんな概念なんだ」程度の理解で良いと思います。 Ansibleによる冪等性はサーバの状態を保つこと サーバの定義を記述したAnsibleのPlaybookを実行すると、定義に合わせたミドルウェアなどがサーバにインストールされ、サーバの状態が変更されます。 そして、サーバの定義、すなわちPlaybookを変更
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 //
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
