こんなの作りました。 BackgroundProcess Webのプロセスから重い処理を実行したいのだけど。。。 PHPでCSVファイルなどから一括で大量のデータ投入を行いたいときがあります。 これをWebアプリケーションのプロセスでやろうとすると、処理時間が長いため、だいたいプロセスがタイムアウトしてエラーになってしまいます。困ったものです。 こういうとき、代わりにコマンドラインのプログラムとして実装したりするんですが、任意のタイミングで処理したい場合、コマンド実行する以上サーバにターミナルでログインできる技術者しかデータ投入作業ができなくなってしまいます。 もっとだれにでもできるように、やっぱりWebアプリケーションのインターフェースが欲しくなるのが人情です。 Webアプリから非同期にコマンドを実行する この要件を満たす簡単な方法は、以下のようなコードでWebプロセスから外部コマンドを

CakePHP の噂のYACSVプラグイン。使いたいのだが、ドキュメントはいずこ？ https://t.co/jOGOtBds7m— ITかあさん (@chihiro_kaasan) July 18, 2013 えーと、1年以上前にYacsvというCSVのインポート処理を簡単にするためのCakePHP pluginを作りました。 k1LoW/Yacsv さらに、PHP Matsuri 2012でYacsvをコアにおいたCSVHubというWebサービスを作りました。 CSVHub: CSV < convert > Hub が、README.mdを書くのをサボってました。ゴメンナサイ。。。 Yacsvって何？ 数あるCSVインポート系のPluginの一つです。「Yet another CSV」の略です。 ちなみに自分はこの「Yet another」という言葉が大好きで、Yacsv以外にも ya

pixel clustering using k-means++ 前回のJavaScriptでPoisson Image Editingによる滑らかな画像合成に引き続き、HTML5 Canvasを使ったJavaScriptによる画像処理の一例を紹介します。 今回は画像の画素値に対するクラスタリング(分類)を画像加工用途に応用します。クラスタリングには各画素のRGB値を特徴ベクトル(次元数3)としてk-means法と呼ばれる手法を使って行います(実装上はk-means法の初期値選択アルゴリズムを改良したk-means++法を利用)。以下のサイトでOpenCVを利用した実装例が紹介されています。 k-meansクラスタリングによる画像分割，減色 – opencv.jp 上記サイト内でも言及されているように、k-means法による画像の領域分割や減色処理はあまり良い結果が得られないことが知られて

Google Maps APIの逆ジオコーディングとHTML5のGeolocation APIを使った現在位置取得＆表示アプリ 検索機能付き ジオコーディングサービス https://developers.google.com/maps/documentation/javascript/geocoding?hl=ja#ReverseGeocoding Geolocation API http://www.htmq.com/geolocation/ ブログでの解説 ↓ Google Maps JS APIを使って「住所から緯度経度を取得し地図を検索する」機能を実装する方法 http://mae.chab.in/archives/2351 var getCurrentPosition = (function() { var show_msg = document.getElementById(

はじめに こんにちは植木和樹です。先日AWSより非RDSなMySQLからRDSへのレプリケーションを用いたデータ移行機能が発表されました。 Migrate On-Premises MySQL Data to Amazon RDS (and back) 非RDS→RDSへのレプリケーションについては、以前都元さんが「Tungsten Replicatorを使って、非RDS→RDSのMySQLレプリケーションを行う」というブログを書いています。サービスの停止を極力短くしつつ大量のデータを移行する際、今まではデータ移行ツールを使う必要がありました。 今回追加された機能によって簡単にデータ移行ができるようになるのでしょうか。試してみたいと思います。 条件 非RDS→RDSへのレプリケーションは以下の条件を満たす必要があります。 RDS: MySQL 5.5.33 以上 または 5.6.13 以上

リストのマーカーを三角にしたい時に、三角の画像を使うサンプルがよくあるが、 画像を用意しなくてもできるようにしたかったので、CSSだけで三角マーカーのリストを実装してみた。 三角マーカーはborderのスタイルで作成 マーカーの大きさや表示位置はem単位での調整なので、フォントサイズに合わせて変わる CSS擬似要素のBeforeを使っているのでIE8以下は未対応 <ul> <li>普通のリストA</li> <li>普通のリストB</li> <li>普通のリストC</li> </ul> <ul class="triStyle"> <li>三角リストA</li> <li>三角リストB</li> <li>三角リストC</li> </ul> *{ margin: 0px; padding: 0px; border: 0; } body{ background-color: #FFFFFF; } u

見出しなんかで、左と下にボーダーをつけているサイトをよく見かけます。ボーダーの種類が同じで、色も同じだと問題ないのですが、種類や色が違ってくると交わっている部分がななめになり個人的には気持ち悪いです。 で、どちらかのボーダーを擬似要素でつければきれいになるって話を書こうと思ったのですが、ブラウザによって交わり方が違うことに気付きました。 ちなみに先ほどのはChromeの最新バージョン（記事を書いているときの）です。バージョン 28.0.1500.95 mになるようです。このスクリーンショットはPCはWindowsのものですが、Macでも同じ感じでした。 拡大するとこんな感じです。 交わる部分が斜めになっています。これを利用して三角形や台形を作ることができます。三角形の使い方はこの辺の記事をぜひご覧ください。 オンマウスでふんわり現れる！CSS3を使った吹き出しサンプル5つ｜Webpark

ファビコンに更新通知の数字バッジ等をアニメーション付きで表示させるスクリプト・favico.jsのご紹介です。メールやソーシャルサイトなどで最近よく見かける、ファビコン通知バッジを実装します。 メールを受信したり、投稿があったらファビコンに数字を表示させる、というもの。アニメーションエフェクトもあるので目が行きやすいかも。対応ブラウザは若干限られます。 更新があると数値が増える。増える時にアニメーションで数値が変わる、みたいなの。動作デモはスクリプトの配布サイトで確認出来ます。 var favicon=new Favico({ animation:'slide' //アニメーションエフェクトの指定 }); favicon.badge(1);エフェクトは上記のようにセッティングします。 var favicon=new Favico({ bgColor : '#5CB85C',//背景色 te

ungitはnode/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 Gitの利用が広がっています。運用時にはコンソールで使うことが多いと思いますが、それでは分かりづらいと感じる人がいるのも確かです。そこでWebブラウザベースのungitを試してみましょう。 最初の画面です。既存のリポジトリを使うことも、改めて作成もできます。 ファイルを操作するとリアルタイムでコミットの確認が表示されます。 コメントを書いてコミットします。 コミットすると下にログが追加されます。 ungitを使ってブランチやタグを作成できます。 ブランチを作成しました。 ブランチに切り替えてファイルを操作します。 マスターからマージします。 トップに戻ると登録済みのリポジトリが一覧されています。 デモ動画です。 ungitはGit操作を一通りWebブラウザからできるようになります。マ