CYOKOLOG — 予約語を考慮した正規表現ベースのフィルタリング処理の実装
リストやテーブルの値をユーザの入力値によってフィルタリングするような UI を作る際、正規表現オブジェクトを利用すると前方一致検索、後方一致検索、含む検索などが容易でなにかと便利だったりする。但し、ユーザが正規表現の予約語を入力する可能性があるので、それらをエスケープした後フィルタリング処理をしないと想定した処理結果にならない可能性があり注意が必要。 例えば以下のようなリストがあった場合、 <ul><li>$123.456</li>... 検索キーワードに $123 と入力し、以下のロジックでフィルタリングした場合、正規表現の予約語である $ をエスケープしていないため $123.456 にヒットせず表示対象にならない。 //画面より $123 と入力・・・ var search_word = $('input.search_word').val(); $('ul > li').each(
GitHub - maxim/smart_resize_image: (Written in 2007-08) PHP function for image resizing that does what you think it should, the right way.
Should be easy to find, right? All you want is a function that resizes an image to constraints (doesn’t care if it should scale up or down), with possibility to select if you want to keep it proportional, and possibility to use either width or height as the constraint. Also, you want it to preserve transparency damn it! Surprisingly, I was unable to find a good function that does all that, so I de
Sneak Peek Into The Future: CSS Selectors, Level 4 — Smashing Magazine
The buzzword “CSS4” came out of nowhere, just as we were getting used to the fact that CSS3 is here and will stick around for some time. Browser vendors are working hard to implement the latest features, and front-end developers are creating more and more tools to be able to work with the style sheets more effectively. The buzzword “CSS4” came out of nowhere, just as we were getting used to the fa
多機能さが売りのダイナミックスライド·jmpress.js MOONGIFT
jmpress.jsはImpress.jsライクなダイナミックプレゼンテーションを実現するjQueryライブラリです。 一つのWebページ上でダイナミックなスライドを展開するimpress.jsを先日紹介しましたが、さらにすごいプレゼンテーションを展開できるかもしれないスライドライブラリがjmpress.jsです。 トップページです。 Impress.jsライクにぐるぐる動き回ります。 画像も表示できます。 プレゼンノートも出せます。 ズーム対応です。 スライド内でのアニメーションも可能です。 こちらはボックス。立体のボックスが回転します。 自動的にレイアウトを調整してくれるサンプル。 動的にスライドを生成するサンプル。 上に並んだサムネイルが回転しながら順番にスライド表示されます。 画像をメインコンテンツにしたスライドサンプル。 写真のサムネイルが並んでいます。 こんな感じでサークルにな
JavaScriptでJPEG画像を読み込んで表示·jpgjs MOONGIFT
jpgjsはJavaScriptによるJPEG読み込みライブラリです。 JavaScriptによるバイナリハックは今なお熱い分野です。今回はJPEGファイルを解析、表示を行うjpgjsを紹介します。 左から順番に通常のJPEG、プログレッシブ、グレースケールとなっています。 jpgjsでは指定したJPEGファイルを解析し、Canvas上に描画しています。現状のままでは普通に表示したのと変わりませんが、エンコーダーが実装されるとWeb上でJPEGファイルを加工したり生成したりできるソフトウェアが作れるようになります。 jpgjsはJavaScript製、Apache License 2.0のオープンソース・ソフトウェアです。 MOONGIFTはこう見る Webブラウザで扱える画像系のリソースとしてはJPEG/GIF/PNG/SVGがあります。SVGやCanvasで描いたものをPNGで出力でき
Google Chromeを使ったWebシステム開発がもっと簡単になる·Tincr MOONGIFT
TincrはGoogle Chromeデベロッパーツール上の修正をローカルファイルに反映できるソフトウェアです。 Webシステムを開発している際にGoogle Chromeのデベロッパーツールはおおいに役立ちます。Web上での修正をそのままローカルに反映できるTincrを使うとさらに便利になるでしょう。 インストールします。Google Chrome機能拡張として提供されています。 開発中のサイトで使います。 静的なWebサイトの他、Google Chrome機能拡張やRailsのassetsにも対応しています。 デモ動画です。 Tincrはローカルファイルの修正の他、ローカルファイルを修正した際の自動リロードにも対応しています。ログをコンソールに出力することもできるので、動かない場合の原因調査も容易になりそうです。 TincrはGoogle Chrome用のオープンソース・ソフトウェア（
GitHubのマイルストーンを年表で表示·Milestone.js MOONGIFT
Milestone.jsはGitHubリポジトリのマイルストーン、課題をタイムライン形式に表示してくれるソフトウェアです。 システムの開発時においてマイルストーンを設定していますでしょうか。小さな達成感をこつこつと積み重ねる上でもきちんと設定しておくことをお勧めします。設定しておけば、Milestone.jsを使って格好いいビジュアルが実現しますよ。 表示しました。 スライドできます。 任意のリポジトリが指定できます。 Milestone.jsではマイルストーンの日付に加えて、課題を関連づけておくことでタイムラインの下に表示してくれます。表示の拡大、縮小もできますのでずっと過去に遡ってどう進化してきたのかといった歴史も一目で分かるようになるはずです。 Milestone.jsはJavaScript/node.js製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIF
Selenium RCで自己署名証明書（SSL）のテスト - 呆備録
% sudo java -jar /path/to/selenium-server-standalone.jar -interactive -trustAllSSLCertificates
移動できるマーカーを使って画像を多角形に切り抜き·JBCroppableView MOONGIFT
JBCroppableViewはiOS上で画像を多角形に切り取るライブラリです。 写真を撮影して気に入った部分だけを切り抜くと言った操作はよく行われます。特にカジュアルに撮影できるスマートフォンではそうです。そこで使ってみたいのが多角形に切り抜けるJBCroppableViewです。 iPhone5の縦長の画面に合わせてあります。 ドラッグしてマーカーを移動します。そしてcropボタンをタップするとその形に切り抜けます。もちろん切り抜いた後の画像はUIImageとして受け取れます。 JBCroppableViewはARCにも対応しており、配列でCGPointを与えるだけのシンプルな仕様になっています。写真の一部を切り抜いてその後で使いたいといったニーズにぴったりです。 JBCroppableViewはObjective-C製、iPhone用のオープンソース・ソフトウェア（MIT Licen
Gitの歴史を最初から作り直す時に使うコマンド一覧 - アジャイルSEを目指すブログ
「今までのログを最初から作り直したい！」って事が時々あるので、その時に使えそうなコマンドをメモっておく。 コマンド 新しい歴史を持つブランチを作成する $ git checkout --orphan new_branch indexにaddされた変更を全て取り消す $ git rm -r --cached . 空のコミットを作る $ git commit --allow-empty -m "init project" 別のブランチのファイルをローカルに持ってくる $ git checkout old_branch -- .このコマンドの実行後、ファイルがaddされた状態になるので注意。 別のブランチのファイルをzipで持ってくる $ git archive -o old_branch.zip old_branch 何が便利なの？ プロジェクトの初期で、最初に.gitignoreが無くて変な
マイグレーションツール：dbdeployの使い方
dbdeployはオープンソースで提供されているマイグレーションツール。 http://code.google.com/p/dbdeploy/ にホストされており、ライセンスはLGPLです。 doctrineやrubyのmigrationとは違ってコードではなく、SQL文で変更情報やロールバック情報を記述する点が特徴です。既にSQL文が書かれたファイルで変更情報を管理している場合は導入が比較的容易と言えます。 インストールこれは簡単です。プロジェクトのページからダウンロードして適当な場所に解凍します。また、今回はApache Ant経由で実行しますので、導入していない場合は先にインストールしておいてください。wget http://dbdeploy.googlecode.com/files/dbdeploy-dist-3.0M3-distribution.zip unzip dbdeplo
FacebookやTwitterと連携するWebアプリを手早く開発·Eden MOONGIFT
Edenは外部のソーシャル系サービスとの連携を素早く実装するためのPHP用フレームワークです。 FacebookとTwitterとFoursquare、これらを組み合わせたマッシュアップサイトを作るなんてのは良くあることです。そこで同じようなことをやるのであれば専用のフレームワークを使ってみましょう。それがEdenです。 参考例。 FacebookやTwitterの情報を載せています。これはありがち。 こんな感じのPinterestっぽい例。ソーシャルのカウント数を表示しています。これもよくありますね。 カート機能付き。 サイドからウィジェット。 様々なソーシャルサイトから情報を収集してくるタイプのサービス。ありがちです。 Edenは手早くプロトタイプを作成するためのフレームワークで、Googleの各種サービス（カレンダー、チェックアウト、Analytics、Drive、YouTubeなど
Pixate - naoyaのはてなダイアリー
数日前に Pixate という iOS 向けミドルウェアがリリースされました。なんとiOSアプリの見た目を css で書けるという、全ウェブ開発者感涙のライブラリ。こりゃすげえ。ただし無料というわけにはいかず、18,000円くらいでこざいます。 2月9日 追記 トライアル版と、個人利用のための無料版が出たようです。 RubyMotion の teacupのように css チックな DSL で書ける、というものはありましたが Pixate はその辺とは次元が違ってて、普通に css ファイルに css を書くことができる。 button.blue { position: 60, 100; size: 200, 40; border-radius: 7px; font-family: 'Courier New'; font-size: 18pt; font-weight: bold; bord
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
当たり負けをしない身体を作ろう！ゴールデンエイジに取り組みたいトレーニング｜No.1 少年サッカーサイト｜サカイク
https://www.dropzone.dev/js/
新規顧客をより多く獲得するためのアクセス解析とは？ 効果検証編（全3回 その3） | 誰もが受けたい！アクセス解析5分クリニック