こんにちは。koyaです。 今回はcssプロパティbackdrop-filterでエフェクトを追加する方法について紹介します。 実装 早速ですが実際のコードがこちらになります。 See the Pen bg-filter by bashalog (@bashalog) on CodePen. 画像はフリー写真素材ぱくたそ さんの物を使用させていただきました。 解説 backdrop-filterにはオプションが10種類あり、ブラー、セピア、グレースケールなどのよく使うエフェクトもあります。
![cssでPhotoshopのように画像にエフェクトを追加する方法 | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/c76f538a877e78afb07d09e5ff0f87885ac194e9/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_coding.png)
こんにちは、ishidaです。最近、猫カフェにハマってます。 Dockerを先日インストールしたので、WordPress環境を作ってみたいと思います。 開発環境 ・macOS Mojave 10.14.4 ・Docker version 18.09.2 Docker Composeとは 公式サイトには、 Compose とは、複数のコンテナを使う Docker アプリケーションを、定義・実行するツールです。Compose はアプリケーションのサービスの設定に、Compose ファイルを使います。そして、コマンドを1つ実行するだけで、設定した全てのサービスを作成・起動します。 と書いてあります。 コマンド1つだけで、複数のサービスを作成・起動が出来るようになります。 超便利ですね。 Docker のインストール まずはDocker Desktopをインストールしていきましょう。 公式サイトか
tanakaです。 VirtualBox 5.0が7月9日にリリースされました。Linuxゲスト向けの準仮想化設定を有効にしたところ、開発しているWebアプリケーションの処理速度が130~200%高速になったので既にVagrantを使っている場合のアップグレード手順をご紹介します。 1. アプリケーションをアップグレード Download VirtualBox 5.0.0 以降をダウンロードしてください DOWNLOAD VAGRANT 1.7.4以降をダウンロードしてください 2. Vagrantfile に準仮想化の為の設定 --paravirtprovider を追加 config.vm.provider ブロックがあれば1行追加するだけです。 このパラメータはゲストOSの種類で決めるそうで、ホストOSがWindowsでもKVMが選択できます。 config.vm.provider
今年の JR の広告コピー「答えは雪に聞け」って、去年の「ぜんぶ雪のせいだ」に比べるとイマイチじゃないですか?こんばんは、kimoto です。 今日はバージョン確認コマンドのまとめ記事です。 あれ?アレのバージョンってなんだったっけ?って時に毎回ググってる気がするので、自分用にまとめてみました。 目次はこんな感じ。ではどうぞ。 Apache のバージョン確認 MySQL サーバのバージョン確認 PHP のバージョン確認 Postfix のバージョン確認 OpenSSL のバージョン確認 サーバスペック各種確認 LAMP の A、Apache のバージョン確認 Apache のバージョンは、httpd コマンド、もしくは apachectl コマンドの -v で確認します。 httpd -v apachectl -v パスが通っていればこれで確認できますが、そうでない場合はディレクトリを含め
夏の終わりは毎年テンションだだ下がりな nakamura です。みなさんこんにちは。 以前に データベースのバックアップ について書いた事がありますが、バックアップしておきたいものはもちろんそれだけではなくコンテンツ領域だったりサーバ設定ファイルだったり色々あると思います。今日はそういったファイル群をバックアップするシェルスクリプトをちょっとだけ晒してみます。 記述例 とりあえず貼っつけておきます。以下がバックアップ対象のディレクトリをアーカイブ化するスクリプト。 #!/bin/bash # @filename archive.sh # バックアップ先 BAKDIR="/var/backup/files"; # バックアップ元 ( tar コマンドでエラーになるので先頭の / は外す ) SRCDIRS=" var/www/ var/spool/ etc/ "; # バックアップ先がなけれ
今回はJavaScriptで書くファサード(Façade)パターンについて調べてみました。 ファサードはフランス語で「建築物の正面のデザイン」という意味だそうです。 なぜ使うの? ファサードパターン自体はとてもシンプルで、いくつかの機能の「窓口」になるクラスやオブジェクトを作り、利用しやすくするパターンです。 jQueryで一番よく使うであろう $() 関数もファサードパターンの一つです。 例えば要素の見た目を変える機能を実装するとして、個別の要素を制御するオブジェクトと、窓口になるオブジェクトを用意すると以下のようなコードが考えられます。 // 色を制御するオブジェクト function colorObj() { return { changeColor: function() { console.log('色を変えます'); } } }; // フォントを制御するオブジェクト func
JavaScriptで書くデザインパターンが気になっているので、手始めに一番よく見ているであろうモジュール・パターンについていろいろ調べてみました。 なぜ使うの? モジュール・パターンは名前の通り、処理を他の処理とぶつからないように安全に切り離し、モジュールの形として提供する考え方です。YUI などの大規模なフレームワークから小さなライブラリにも取り入れられています。以下のようなメリットがあります。 グローバル変数を極力減らして、機能をモジュールの形で提供できる。 コードの成長に合わせて構造を作れる コードを見通しやすくする 要件に応じて追加、置き換え、削除ができる シンプルな書き方 Sample というオブジェクトを作って、いろいろ便利な機能をつけていきたい、という場合、下記のような書き方ができます。 var Sample = { name: 'sampleくん', age: '30',
仕事でチャットツールをよく使うようになって大分立つのですが、チャットによるコミュニケーションでは顔文字が大事とかいう話をどこかで読んだ気がするので顔文字をよく使うようにこころがけているtanakaです。 今日は PhpStorm を使ってVagrant 経由で仮想マシンを起動する方法を紹介します。30分から1時間半くらいで開発環境が用意できるので、試してみてください。 前提 以下のツールがインストール済みか確認してください。 PhpStorm (有償・30日無料お試し可能) VirtualBox for Windows hosts Vagrant 新しくプロジェクトを作る 空のプロジェクトを作ります。以下のような感じで。 仮想マシンを起動するのに必要なファイル Vagrantfile を用意する。 メニューバーからTools→Vagrant→Init in Project Rootをクリッ
はじめまして、今月よりバシャログのメンバーになったfukasawaと申します。 まだまだ勉強中で至らぬ点も多々あるとは存じますが、生温く見守っていただけると幸いです。 本題です。社内で行われているjQuery勉強会のネタ探しのためにWeb DesigningのjQuery Lab.を読んでいたのですが、記事の中でinviewというjQueryプラグインが使われていました。 記事では「グラフを描画する領域がブラウザの表示領域内に入ったタイミングで、アニメーションを実行しグラフを描画する」という動作を行うためにこのプラグインが使われているのですが、inviewを使うことで、このように「ブラウザ上で見えたときに処理を実行する」という動作を実現できるようです。 jquery.inview 気になったので使い方を調べてみました。 簡単な使い方 1. jQueryとjquery.inview.jsを読
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く