jQueryでリスト表示を絞り込む処理を実装する ｜ Tips Note by TAM
リスト表示をJavaScriptで絞り込んで表示させる機会がたまにあるので、実装方法を3パターン試してみました。 ■目次 選択した項目で絞り込み検索をする 複数の項目で絞り込み検索をする 配列を使ってリスト側に複数の値を設定できるようにする 1. 選択した項目で絞り込み検索をする 以下のデモの様に、リスト表示の上部に絞り込み検索の項目を配置して、その項目をクリックすると絞り込み検索が行われるパターンです。 デモはサッカーW杯の出場国をグループステージの組み合わせで絞り込む実装です。 See the Pen gvMZGM by tam_yi (@tam_yi) on CodePen. 設定方法ですが、絞り込み検索部分、リスト表示部分の両方にdata属性(data-groupという名前にしています)を設定して、値が一致するものを絞り込むようにしています。 例えばグループAを選択した場合、dat
【作業効率化】レイヤー名をまとめて置換「Group Layer Renaming」 ｜ Tips Note by TAM
「Group Layer Renaming」はその名の通り、レイヤーをリネームしてくれるPhotoshopのスクリプトです。 新しいネタではありませんが、画像アセットと合わせて使うと便利だったので紹介します。 導入 「Group Layer Renaming」をダウンロード ダウンロードはこちら。 [KAM] Layers Renamer - APR.jsx ファイルがダウンロードされます。 ダウンロードしたjsxデータをPhotoshopのスクリプトフォルダに格納する 格納場所は使用しているOSやPhotoshopのバージョンによって異なります。 下記はAdobe Photoshop CC 2017の場合。 Windows C:\Program Files\Adobe\Adobe Photoshop CC 2017\Presets\Scripts Mac Macintosh HD/App
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
