TableFilter - HTMLテーブルのフィルタリング
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 業務システムで必ず求められるのがテーブルベースの一覧表示です。件数が少ない時にはただ表示するだけで十分ですが、数百件を越えるようになると様々な要望があがってきます。その一つがフィルタリングではないでしょうか。 HTMLのテーブルに対してフィルタ機能を追加してくれるのがTableFilterです。検索とはまた違う手軽なフィルタリングを実現してみましょう。 TableFilterの使い方 一例です。カラムの上にフィルタリングするテキストボックスが並んでいます。文字を入力してエンターを押せばデータがフィルタリングされます。 リアルタイムではないようですが、そこは改造できるでしょう。 入力はテキストだけでなく、ドロップダウンなども使えます。 より複雑に、ページネーションなども駆使したデモで
加速度センサ と ローパスフィルタ (波形) | アンドロイドな日々
android の加速度センサを調べていたら、プログラム例として、下記のような式が頻出していた。 現在の値 = 0.9 * ひとつ前の値 ＋ 0.1 * センサの値 しかし、これが何をするものかの説明がほとんどなかった。 そこで少しだけ詳しく説明する。 目的 センサから情報には、センサ自体の精度や感度による誤差や、手に持った場合の手ぶれの影響などが含まれます。 本来検出したいセンサ情報を得るのは、素早い振動成分(高周波成分)を取り除くて、変動幅が小さい有効成分(低周波成分)だけを取りだす必要があります。 このための仕組みが、ローパスフィルタ(Low Pass Filter 低周波通過濾波器) です。 原理 詳しい原理は、デジタル信号処理 の教科書に任せて。 ひとまずは、加算平均すると、ローパスフィルタになると、覚えておけばよい。 ソースコード ソースコードは code.go
jq コマンドが強力すぎてヤバい件
JSON の内容を sed や awk のようにフィルタ・加工するためのプログラムに jq がある。 JSON 形式で提供されている WebAPI の出力や、ログの内容を扱うのにとても便利。 その強力さの一端を紹介したい。 インストールは Mac OS X であれば Homebrew から。公式サイトからバイナリをダウンロードすることもできる。 $ brew install jq サンプル用の JSON を用意しておく。 $ cat << EOS > jsonfile {"name": "Foo", "sex": "Male", "age": 15, "emails": []} {"name": "Bar", "sex": "Male", "age": 20, "emails": ["hoge@example.jp"]} {"name": "Baz", "sex": "Female", "
InputFilter で小数点以上と以下の桁数を個別に制限する
よく忘れるのでメモ InputType で入力を数字に制限するには 数字だけ入力可能 editText.setInputType(InputType.TYPE_CLASS_NUMBER); 小数点あり（１カ所だけ . を入力できる） editText.setInputType(InputType.TYPE_CLASS_NUMBER | InputType.TYPE_NUMBER_FLAG_DECIMAL); マイナスあり（先頭にだけ - を入力できる） editText.setInputType(InputType.TYPE_CLASS_NUMBER | InputType.TYPE_NUMBER_FLAG_SIGNED); 小数点あり、マイナスあり editText.setInputType(InputType.TYPE_CLASS_NUMBER | InputType.TYPE_NUM
FilteredPaste.js
Source code at https://github.com/willemmulder/FilteredPaste.js What does it do? FilteredPaste.js is a jQuery plugin that filters any pasted input so that your application gets clean input, without any tags or attributes that you don't want. It supports native undo with control+z. IE and Opera are not supported yet. // Simply works like this $("#anytextarea").filteredPaste(); Comes with a default
SPOILER ALERT!
Don't spoil it! Hide anything with a bit of blur. Hint on mouseover. Reveal on click. Works with copy: Sharon shoots Adama. It's really tragic. There's so much blood. Haha. Classic Sharon! Turns out Jesus dies, but is brought back to life. A twist worthy of M Night Shamamanalayan! On the Itchy & Scratchy CD-ROM, is there a way to get out of the dungeon without using the wizard key? You have to fin
Nginx でIPアドレスによるアクセス制御を行う | DevelopersIO
前回は、Nginx をインストールして、Basic認証 をかけてみました。今回は、IPアドレスでのアクセス制限をしてみます。 EC2の場合、セキュリティグループでもアクセス制限が出来ますが、今回は Nginx の機能を使います。 そのため、セキュリティーグループで、80ポートに対して 0.0.0.0/0 を許可をしておきます。 nginx.conf の構成 具体的な設定を記述する前に、nginx.conf の構成について少し見てみます。 nginx.conf の設定は以下のようなディレクティブの集まりで出来ています。 worker_processes 1; ディレクティブは Nginx の各モジュールによって導入されていて、 モジュールを有効にすることによって、そのモジュールで提供しているディレクティブが利用可能になります。 ディレクティブは各モジュールに対するブロックの中に記述します。
「蜷川実花監修カメラアプリcameranのエンジニアが教える高速フィルターカメラアプリの作り方」のレジュメを公開します - PEAKを生きる
こんなかんじのフィルターが作れるようになります。 このレジュメを元にした勉強会が「MTL主催【学生限定・iPhone勉強会】蜷川実花監修カメラアプリcameranのエンジニアが教える高速フィルターカメラアプリの作り方です。 学生の皆様はふるってご参加下さい。 GitHubのリポジトリは https://github.com/kasajei/MTLSeminar201303 です。 あと、Xcodeをダウンロードしてきてね☆ Xcode カテゴリ: 開発ツール 価格: 無料 アジェンダ プロジェクト作成 GPUImageの組み込み とりあえず、GPUImageを動かしてみる PIP Cameraみたいなおしゃれなフィルターを作ってみる プロジェクト作成 まずプロジェクトの制作をします Single View Applicationを選択 名前はMTLSeminar201303にしましょう 次
時間が経過すると自動的にメールを削除するGmailフィルターをつくる
メールを自動的に振り分けるために私は実にたくさんのGmailフィルターを作りますが、一つの難点はMacのMail.appにあるようなスマートフォルダを作成して、自動的に古いメールを削除するといったことができない点でした。 というのも、フィルターはメールが届いた時点で動作するもので、タイマーのように時間が経過してから発動するものではないからです。 しかし本家Lifehackerの記事経由で知ったjohnedayのブログ記事でGoogle Apps Scriptという仕組みを利用してこうした時間経過で発動するフィルターを作る方法があることを知りました。 どちらの記事にも詳しいステップが割愛されていましたので、そのあたりを埋めつつご紹介します。### Google Apps Scriptsを作成する Google Apps Scriptはクラウドベースの Javascript 実行プラットフォー
【2013年注目必至！なCSS仕様】CSSフィルタ、これはすごい！（デモ付き） | OpenWeb
以前から気になっていたCSSフィルタについて、ちょっと調べてみました。 結果、あまりにお手軽に、効果絶大なエフェクトをかけられることが判明して、ちょっと興奮しています。これはすごい！ CSSフィルタは、SVGで従来から規定されていたFilter Effectsを、CSSの世界に持ち込んだものです。 CSSとSVGのワーキンググループが共同して立ち上げたCSS-SVG Effects Task Force (FX TF)により、「Filter Effects 1.0」という仕様として策定が進められています。 この仕様によって新しく導入されるCSSプロパティはいくつかありますが、主なものはfilterプロパティです。 filterが素晴らしいのは、ぼかしやドロップシャドウといったエフェクトを、CSSのみで簡単に指定することができるからです。 例えば、要素にぼかしをかけたい場合は、以下のようなプ
cyberagent-jp/android-gpuimage · GitHub
README.md GPUImage for Android Idea from: iOS GPUImage framework Goal is to have something as similar to GPUImage as possible. Vertex and fragment shaders are exactly the same. That way it makes it easier to port filters from GPUImage iOS to Android. Requirements Android 2.2 or higher (OpenGL ES 2.0) Usage Include in own project GPUImage can be used as a library project or by copying the following
OLM Digital Research and Development
このページで紹介するツールたちは、 デザイナーとのコミュニケーションを通して開発され、実際に映像制作で使われた実績があるものばかりです． より多くの映像制作者に使っていただけるよう、一部のツールをOLM Open Toolsで無償配布しています．ぜひ試してみてください.
wonderfl build flash online | 面白法人カヤック
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
wonderfl build flash online
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
wonderfl build flash online | 面白法人カヤック
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
wonderfl build flash online | 面白法人カヤック
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
PHPで予め許可したタグと属性以外を除去できるライブラリ「kses」:phpspot開発日誌
CSS3のでのボックス要素デザインを圧倒的に簡単化できる「CSS3 Click Chart... 次の記事 ≫：アプリやWEBサイトに使えそうなフリーな244個のアイコンセット kses - PHP HTML/XHTML filter | Download kses - PHP HTML/XHTML filter software for free at SourceForge.net PHPで予め許可したタグと属性以外を除去できるライブラリ「kses」。 外部からの入力値は基本的にhtmlspecialcharsでタグを無効化するのが通常の考え方ですが、掲示板なんかで特定のタグを許可したいという場合があります。 PHPにはstrip_tagsというようなタグを除去しつつ、特定のタグのみを残すという関数が標準であったりしますが、これだと属性までは制御しきれません。 更には、<a href=
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Moved
FN1301006 - Starlingフレームワークでカラーマトリクスフィルタを使う - Flash : テクニカルノート
BOOT_COMPLETEDが受信出来ない - Google グループ