qoomei

1/2ページ

【MySQL】テーブル名をワイルドカードでバックアップ

今回はシェルスクリプトでMySQLのテーブルをバックアップする方法について解説していきます。シェルスクリプトからテーブルを参照する方法や、テーブル名をワイルドカードで指定してバックアップ(ダンプ)する方法について紹介します。このテクニックで作成したシェルスクリプトをcronに登録することで、自動バックアップ環境を構築することも可能です。 前置き(環境編) 次の様なテーブル群があるものとします。テー […]

【jQuery】クリックイベントと効かない時の対処方法

今回はjQueryでクリック操作を検知して、イベント処理を実行する方法について解説していきます。click()とon()の違いやクリックイベントが効かない時の対処方法についても紹介していきます。 click()メソッド クリックイベントと言えばこれです。言い換えると、「通常のクリックイベントだけを実行するならこれで良い」と言ってもいいかもしれません。次の例はボタン1が押された時のイベント処理です。 […]

【HTML/CSS】jQuery UI Sortableを利用してフッターに伸縮バックパックを常に表示

今回はフッターをブラウザの一番下に固定して常に表示させるCSSのテクニックについて解説していきます。方法はいたってシンプルです。フッターとフッター以外の2段のセクションに分けて、フッターをブラウザの一番下に常に配置しているように見せるだけです。 また、その応用編としてそのフッターにバックパックを実装するCSSのテクニックについても解説していきます。jQuery UIのSortableを利用すること […]

【HTML/CSS】要素を両端に配置するには

ヘッダーにアイコンなどを並べる際に、2つのコンテナ要素を左右両端に寄せて配置したいケースがあると思います。今回は2つの要素を左右両端に配置するテクニック、floatとflexboxという2つの方法について解説していきます。それぞれ具体例を見ていきましょう。 floatで両端に配置 1つ目の例では左に配置したいコンテナ要素に「float: left;」を、右に配置したいコンテナ要素に「float: […]

【HTML/CSS】ネガティブマージンで要素の重ね方ずらし方

CSSにはmarginやpaddingといった余白を調整するプロパティがありますが、今回はmarginにマイナスの値を設定するネガティブマージン(マイナスマージン)について解説していきます。 ネガティブマージンとは 通常marginには0以上の値を指定して余白を設定しますが、負の値つまりマイナスを指定することも可能です。このマイナスを指定した利用方法はネガティブマージン(マイナスマージン)と呼ばれ […]

【jQuery】属性の取得・設定・削除方法まとめ

jQueryの属性操作についてまとめました。属性の取得・設定・削除方法について解説していきます。 attr(name) マッチした最初の要素の指定された属性を返すメソッドです。 【実行結果】 attr(key, value) マッチした全ての要素の指定された属性に、指定された値を設定するメソッドです。 attr(properties) マッチした全ての要素に、複数の属性を同時に設定するメソッドです […]

【jQuery】クラス追加・削除・変更・確認・トグルについて

jQueryでクラスの操作についてまとめました。クラスの追加・削除・変更・存在の確認そしてトグルの使い方について解説していきます。 addClass()メソッド addClass()メソッドは対象の要素に指定のクラスを追加するメソッドです。 removeClass()メソッド removeClass()メソッドは対象の要素から指定のクラスを削除するメソッドです。 hasClass()メソッド ha […]

【jQuery】要素の11種類の追加方法まとめ

jQueryで要素を追加する方法についてまとめました。11種類の追加方法について、それぞれの挙動の違いを実例を挙げながら解説します。 append() 対象の要素内の一番最後にコンテンツを追加 appendTo() 対象の要素内の一番最後にコンテンツを追加 prepend() 対象の要素内の一番最初にコンテンツを追加 prependTo() 対象の要素内の一番最初にコンテンツを追加 after() […]

【jQuery】親要素の3つの取得方法まとめ

jQueryで親要素の取得についてまとめました。parent()・parents()・closest()の使い方と使い分けについても解説していきます。「同じようなメソッドが3つもあるので、どれを使っていいのかわからない」なんて疑問もこの記事を見れば解決です。 3つのメソッドについて簡単にまとめると次のようになります。 parent([seletcor]) 1個上の親要素を取得するならこれ pare […]

【HTML/CSS】何番目系が効かない!?

何番目系というと「:nth-child(n)」ですね。それはわかってはいるんだけど何番目の要素にだけ文字に色を付けたいんだけど何故かうまくいかない、CSS指定が効かないなんてことありませんか?それはおそらく使い方を勘違いしているのだと思います。 誰もがわかる例 次の例で見ていきましょう。 See the Pen 何番目系1 by Qoomei@Web制作 (@qmei03) on CodePen. […]