はてなブックマーク

最近、クロスブラウザで画像と動画にマスクをかけるという案件がありまして、IEに呪いの言葉をぶつけながら解決したので、そのメモです。 ちなみに私は、フロントエンドエンジニアではなく、バックエンドエンジニアでもなく、ただのプログラマなのでCSSまわりとかおかしいところあるかもしれませんが。 なお、当記事は、The Nitty GrittyというサイトのChristian Schaeferさんが書いたThe Nitty Gritty: CSS Masks – How To Use Masking In CSS Nowという記事をものすごく参考にしています。 はじめに なにをしたいかは、マスクテスト (Masking Test Script)を見ていただければ分かります。 (サンプルの画像がなぜネコ科のアレかというと、Schaeferさんの記事があのネズミだからです) つまり 「画像を2枚重ねて、

さて念願の81忘年会、2次会まではよかったのですが、3次会は飲み過ぎてダウンしてました。 日曜日は久々に二日酔い。グロッキーで記事を書くつもりが…orz というわけで、Goomerの技術的な話を、備忘録的にまとめて書いておきたいと思います。元記事はイベント内Likeツール、Goomer作りましたです。 Goomerは、HTML5のWebSocketを使ったリアルタイムWebアプリケーションです。 WAFはMojoliciousを使っています。Mojoliciousには標準でWebSocket実装が乗っているのですが、今回は、socket.ioのperl実装であるPocketIOを使っています。 あまりよく理解していなかったのですが、実際に実装をしてみるまで、WebSocket = socket.ioだと思っている僕がいました。 なので最初はMojoliciousに載っていたWebSocke

Hi, perl apprenticeなkent013です。 Mojolicious::Liteは何となく1ファイルに全て押し込む的な発想（単に慣れてないだけ）が嫌いなので、Mojoliciousを単体で使ってみようとか思ってます。 だけど、その辺に落ちているコードはLite用で苦労してます。 ま、勉強っつーコトで。 掲題のOAuth2ですが、mojolicious素敵だからさくっとできるんだろうなー。凄いんだろうなー！ って期待してやってみましたが、Railsのomniauthほどではないけど、簡単。 1, Mojolicious::Plugin::OAuth2をインストール Mojolicious::Plugin::OAuth2をインストールするのに、 cpanm Mojolicious::Plugin::OAuth2 ってしたら、 FAIL Installing Mojoliciou

ちょっと落ち着いたのでブログ。 もう10日経ったのか...！！！って感じです。 いまさらかよ！って感じですが、自社でチャットツールを作ろうとしています。 その参考として@uzullaさんたちがhachioji.pmのメンバで作っているyanchaをインストールしようかと思って。 yancha (旧名yairc) はログの保全、リアルタイム性、モバイル端末への対応を重視した、Perlで作成されたチャットシステムです。 サーバサイドはPerl、クライアントサイトはHTML＋JSで作成され、PocketIOによりWebsocketで通信しています。 https://github.com/uzulla/yancha より で、ほぼ生粋のぺちぱーであまのじゃくな僕は、mongerのみなさんにバカにされつつも、PHPにこだわってきた個人的な恨み経緯があるので、ちょろーっと触った事があるくらいなんですよ

こういうキャッチーな*1タイトル付けてみたかった！ tottepostの開発中に役に立ったライブラリを7つ列挙します。 かなりジャンルバラバラですが紹介&メモって事で許してください。全部tottepostで使ってます。 1, SVProgressHUD UIActivityIndicatorViewって出したり消したりするのにインスタンスの管理が面倒で、見た目も微妙ですよね。 SVProgressHUD*2は、扱いが簡単でカッコいいUIActivityIndicatorViewです。 http://f.cl.ly/items/231Y2A0t0t1J0B0r3N0p/svprogresshud3.png:image:w600 リポジトリは、samvermette/SVProgressHUD · GitHub。ライセンスはMIT。 作者のSamさんの記事はSVProgressHUD。 2,

tottepostを実装するために、写真を色々なサービスにアップロードする必要がありました。 で、色々検索してみたのですが、適当な物が見つからず、自分で作りました。 似たような物は、iOSSocialとかがあります。 簡単に言うと [PhotoSubmitterManager submitPhoto:photo]; ってやると、あらかじめ設定したサービスに写真がアップロードされるライブラリです。 また、 https://github.com/kent013/tottepost/raw/master/AppStore/screenshot4_en.png:image:w200:left https://github.com/kent013/tottepost/raw/master/AppStore/screenshot5_en.png:image:w200 のような設定を PhotoSubm

ヒーホー。 Evernote APIの自家製ラッパを作りました。 githubにおいてあります。kent013/EVNConnect · GitHub - 注1:thriftで生成されたevernote-apiの実装の都合上、リクエストそのものは同期です。(追記:非同期もサポートしました） せっかちなひとむけ kent013/EVNConnect · GitHubをgit clone/ダウンロード ENVConnect/ENVConnectをコピー ライブラリの設定をする。 oauthconsumer/KissXMLはソースをコピーするだけじゃ駄目なのでドキュメント読んで。 URL schemeの設定をする URL schemeを使ってアプリを起動する(Xcode 4.2の場合) - 強火で進め コード書く 現状サポートしているAPIはEvernote.hを参照の事 はじめに 自分的に次は

喪中です。ことよろ。 まーにあっくまーにあっくー。 活性拡散アルゴリズムというのがありまして、それをiOS上で2次元配列を使って計算していたのだけれども、速度が遅いこと、行列演算でバグが混入する可能性があることから、ライブラリを使って実装したいなと思いました。 せっかちなひとむけ Eigenからダウンロード バージョンは3.0.4以降を使う Eigenをxcode経由でプロジェクトに追加しない 解凍したディレクトリのEigenをプロジェクトのソースコードから見える位置にFinderで追加する Eigenを利用するソースコードのFile TypeをObjective-C++ sourceにする #include "Eigen/Core" using namespace Eigen; Eigenライブラリとは iOSにはAccelerate.Frameworkというのがあって、行列演算、デジタ

ここのところ連続で３回ほど同じ設定をして、その度にあれどこで見たっけなぁ、と探しているので、メモ。 参考にしたのは ヱビスブログ » MacPorts の Screen 4.0.3_3 がおかしいのでなんとかする iTerm で 256 色 emacs + screen - milk1000cc 上記二つを見れば特に問題はないのだけれど、やり方のみ列挙しておきます。 1, screenをインストールする。 gitの最新バージョンをインストールするとdefloginがどうの言われるので、それがなおるまではとりあえず以下のコマンドで。 svn co http://svn.macports.org/repository/macports/trunk/dports/sysutils/screen/ -r 45522 sudo port install 2, iTerm2をインストール まぁよくわか

2年前くらいにすこしだけ触って、それから放置していたRailsを仕事で使うことになったので、今回再度、環境を構築しようと思ったのだけれど、備忘録がなくて少し苦労しました。 後輩たちも使うそうなのでまとめて備忘録をつけておこうと思います。 RubyとRailsと書籍 あー、RubyはMatzさんが開発したスクリプト言語です。Ruby - Wikipediaとか読んだらいいと思う。 Railsは、言語ではなくてRubyで書かれたWebアプリケーションフレームワークです。まぁRuby on Rails - Wikipediaを読めばいいんじゃないか。 Webアプリケーションフレームワークが何をするかわからないなら[ThinkIT] 第1回：Webアプリケーションフレームワークとは (1/4)とか読んでください。 Rubyの本は、 プログラミングRuby 1.9 −言語編− 作者: Dave Th

USBカメラから撮った映像をiPadのSafariで再生できるようにMP4にエンコードしたい。だけれども、AVIとかWMVとかで記録した後でmp4にエンコードするのは面倒くさい。 だからUSBカメラからそのままMP4に記録したい、というわけで頑張りました。久方ぶりに訳のわからないMicroSoftワールドに突入。ここんとこブックマークがDirectShowって出てたのは、これ作ってたからです。 COM嫌い！ はじめに 手順としては、 GraphEditをインストール DirectShow Filterをいろいろ入れる DirectShow Filter Toolをインストールする 映像をh264にエンコードできるDirectShow Filterを探す 音声をAAC-LCにエンコードできるDirectShow Filterを探す mp4のMuxができるDirectShow Filterを探

結局、JSONとオブジェクトのマッピングにはてこずりました。 手こずった挙句に、 Json.NET がSilverlightにも対応していることを思い出し、ショックを受けていたわけですが、とりあえずできたので書いておきます。 方法 : JSON データをシリアル化および逆シリアル化する を参考に、モデルクラスを using System; using System.Net; using System.Windows; using System.Runtime.Serialization; using System.Runtime.Serialization.Json; using System.Collections; using System.Collections.Generic; using System.Json; using com.semcode.commons; using

ちょっとはまったのでメモします。 PHP側で例えば <?php class Bean{ public $str = "もげほげ"; }; echo json_encode(new Bean()); ?> とする*1。 で、これをC#側で、 String postdata = "tokuninashi"; HttpWebRequest request = (HttpWebRequest)WebRequest.Create(@"http://example.com/api/"); request.Method = "POST"; request.Headers.Add(HttpRequestHeader.Pragma.ToString(), "no-cache"); request.Headers.Add(HttpRequestHeader.ContentEncoding, "UTF-8");

スタティックメソッドのオーバーライドはできないので，がんばる時の方法． 単純に、 <?php abstract class A{ public static function read(){ self::onRead(); } abstract public static function onRead(); } class B extends A{ public static function onRead(){ echo "B"; } } B::read(); ?> として、スタティックメソッドで多態性を使おうとしてもエラーで動かない。なぜなら、Bで継承されているスタティックメソッド、read()内で参照しているselfはBではなくAをさすからであり、A::onReadは実装されていないから怒られる。 これを実現するには次のようにする。 <?php abstract class A{

Postgresのエラー． 初めて知ったのでメモ．文字列リテラルの中で INSERT INTO video (id, title) VALUES (1, 'C:\\hogehoge.flv'); の様にバックスラッシュを使う場合， nonstandard use of \\ in a string literal というエラーが出る．これを解決するにはヒントにしたがって INSERT INTO video (id, title) VALUES (1, E'C:\\hogehoge.flv'); の様にすればいい． マニュアルには， PostgreSQLでは、また、"エスケープ"文字定数をを(原文ママ)受け付けます。これは標準SQLの拡張です。エスケープ文字定数は、開始単一引用符の直前にE(大文字でも小文字でもかまいません)を記述することで指定されます。例えばE'foo'です。（複数行に渡る

ファイルを固めて転送するために、Zipファイルを生成したかったのだけれども、J#のライブラリを使ってZIP圧縮、展開（解凍）、リスト表示を行う: .NET Tips: C#, VB.NET辺りをみると妙に複雑。 下のほうにあった、 .NET Zip Library #ziplib (SharpZipLib)を試してみることにしたんだけれども、ヘルプを探しても見つからない。下のほうに SharpZipLib - Main Page - SharpDevelop Wiki があった。 で、.Net Tipsのページにあった複雑なコードと打って変わって、 How to create a Zip File FastZip fastZip = new FastZip(); bool recurse = true; fastZip.CreateZip("fileName.zip", @"C:\Sour

今日もC#． 話がループしちゃって片付かないのは何でだろうといつも思う． 飲み込めばいいのかな． 折衷案を考えるのが仕事になってるような． まいいや，やることをやろう． で，画像を印刷する方法． まず，非ビジュアルコンポーネント*1のPrintDocumentをFormにドラッグアンドドロップする．どうでもいいけどVS2005の「ツールボックス」ってのは分かりにくい．コンポーネントあるいはコントロール一覧と書いておいて欲しい． で，次のメソッドを印刷する前のタイミングのどこかで1回呼び出しておく． protected void initializePrinterSettings(String printerName) { //プリンタ名の設定 this.printDocument1.DefaultPageSettings.PrinterSettings.PrinterName = prin

なんとなく http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q141.. - 人力検索はてな に答えたらいるか賞をもらってしまったので，ちょっと書きなおしてみた． 元のスクリプトは，アタマノオト PHPからFC2ブログに投稿[XML-RPC,PHP]． 先頭の一行は，php.iniに書いてあればいりません． ファイルのエンコーディングと一致させてください． <?php ini_set("mbstring.internal_encoding", "sjis"); require_once("XML/RPC.php"); //XML-RPC package 読み込み //XML-RPCインタフェース、ユーザ定義 $fc2_host = "blog.fc2.com"; $fc2_xmlrpc_path = "/xmlrpc.php"

Flex側から自作のAPIを叩くのに、AMF使って書き換えるのも馬鹿らしいので、Jsonのデコーダーがほしかったのだけれど、 as3corelib - ActionScript 3.0 library for several basic utilities. - Google Project Hosting にはバイナリがおいていなくて、面倒くさいからぐぐったらFlash/FlashでJSON形式のデータを読み込む (ActionScript2.0を利用) - アークウェブシステム開発SandBoxを見つけた。 しかし、コピーして使ってみようと思ったら大量のエラーが。 ActionScript2と3って互換性ないのね。 というわけで、corelibをコンパイルすることに決める。 エラーが出るんだけれど、それに言及している記事がなかったので簡単にまとめてみる。 結論から言うと、チェックアウト