6. Blocksの構文 ^戻り値の型(引数リスト)｛処理｝ （実装） ^NSInteger(NSInteger i){ return i++; } ^{ NSLog(@”block”); } ※戻り値の型voidと（引数無し）は省略可 戻り値の型 (^Block変数名)(引数リスト); （宣言） id (^block)(NSArray *array, NSUInteger index); void (^block)(void); 7. Block内の自動変数 int val = 1; void (^block)(void) = ^{NSLog(@”val=%d”, val)}; val = 2; block(); //blockの実行 > val=1 Block定義時点のローカル変数がコピーされる 8. __block指定子 __block int val = 1; void (^blo

PhoneGap や Titanium Mobile でツイートできるアプリを作りたいと思い、Twitter API 関連の JavaScript ライブラリを調べてみました。 Twitter API OAuth 認証の手順 ———————————————————————- 最初に、自作アプリを Twitter に [アプリケーション登録](https://dev.twitter.com/apps/new) し、Consumer key, Consumer secret を準備する。 その後は、下記のページを読んでみてください。手抜きでスミマセン…。 – [Twitter API を OAuth で認証するスクリプトを 0 から書いてみた – trial and error](http://techno-st.net/2009/11/26/twitter-api-oauth-0.html)

#Favtileにembed.lyの埋め込み機能をつけました。 これによりリンク先の動画・写真・OpenGraphで設定されたサイトのアイコン等を埋め込み表示出来るようになりました。 今回はembed.lyを利用する過程を紹介します。 embed.lyって何が出来るの? embed.lyを使うと、Webサイトの中に他のサイトの動画や写真やWebサイトを埋め込み表示することが出来ます。 Twitter向けの写真サイト(yfrogやTwitpic)やUstreamやYouTubeはもちろん、InstagramやAmazonなど、218ものコンテンツサイトの埋め込み表示に対応しています。 有料プラン以外に、無料プランがあります。1万URLまで無料で埋め込み表示できます。 登録方法 無料プランへの申し込み方法を説明します。 1.embed.lyの登録画面へ行く Pricing on Embedly

愛知県立芸術大学デザイン科の学生・中村真由香（@maureka_7）さんによる卒業制作「軍艦巻き」がTwitterなどで話題になっている。軍艦巻きとは一般的に海苔で巻いた酢飯の上にイクラやウニなどを乗せた寿司を指すが、中村さんの軍艦巻きは「もっと軍艦らしい軍艦巻き」だ。 「戦艦 金剛」「航空母艦 鳳翔」「駆逐艦 雪風」など11種類の軍艦を、寿司で再現した。楕円形のよくある軍艦ではなく、本物の軍艦っぽい形をしており、ご飯を敷き詰めた甲板が広がっている。海苔で作った砲撃台っぽいものも付いていて、勇ましく、無骨な感じに仕上がっている。 中村さんは「お寿司の軍艦巻きは『軍艦』という名がついていながら、勇ましくもないし、そもそも軍艦に似ていると言えるのだろうか？」と疑問に思い、制作したという。「おいしい制作のおかげで体重がすこし増えた」ものの「自分らしいアホな作品になった」と満足しており、「軍艦に興

Amazon Web Serviceのエバンジェリスト 玉川憲氏は、先週開催されたイベント「JAWS Summit 2012」の「AWSクラウドデザインパターン」（略称CDP）を紹介するセッションで、「シナリオに沿ってデザインを適用していく、ということを考えていく中で大事な原則に気がついた」と話しています。 その大事な原則をまとめたものが「クラウドアーキテクティング原則」です。 玉川氏はセッションの中でそれぞれの原則について口頭で説明しています。ここではその内容をまとめてみました。 できるだけ既存のサービスを利用する 例えばAmazon S3というクラウドストレージのサービス。これは耐久性が高くて便利なオブジェクトストレージなので、Amazon EC2を使って似たような機能を実装するよりもS3を使った方がいい。キューイングも、Amazon SQSというサービスがあるので、自分で実装するより

バリデーション（入力値の妥当性検査）の仕様を「テーブルの拡張定義」とみなして、アプリではなくＤＢ側に置く。これによってさまざまな効果がもたらされるが、その中で今回取り上げたいのは「逆方向バリデーションが自動化される」という利点だ。逆方向バリデーションはこれまで、個々の案件において場当たり的に対処されてきたグレーゾーンであった。これが自動化されることで、問題を構造的に扱えるようになる。 まず、「逆方向バリデーション問題」の様相を確認しておこう。たとえば、(1)の商品テーブル上には「販売まるめ数」があって、受注テーブルの「受注数」はその倍数値でなければいけないとする。この場合、受注データの保守アプリにおいて、販売まるめ数が'10'である商品Ａの受注数として'55'を指定するとエラーである。55は10の倍数ではないからだ。 (1)受注数は販売まるめ数の倍数であること [商品] 商品id、商品名、

一眼レフ買ったったった！他に買う物ってある？ 一眼レフ買ったったった！他に買う物ってある？ 1 名前：以下、名無しにかわりましてVIPがお送りします ：2012/02/23(木) 11:45:26.85 ID:D9Qvje4J0 D3100買った 2 名前：以下、名無しにかわりましてVIPがお送りします ：2012/02/23(木) 11:46:56.56 ID:0eY8/dAp0 メモリカードとカードリーダー 4 名前：以下、名無しにかわりましてVIPがお送りします ：2012/02/23(木) 11:47:45.79 ID:vCIpIlBS0 ブロワーとレンズペン 11 名前：以下、名無しにかわりましてVIPがお送りします ：2012/02/23(木) 11:49:17.21 ID:il+Sl5dW0 レンズだろ 色々欲しくなってくるはず これが高い 16 名前：以下、名無しにかわりま

iOS で HTTP 通信をするときはいつも ASIHTTPRequest を使っていました。 しかし残念なことに最近 ASIHTTPRequest の開発が終了してしまい Automatic Reference Counting(ARC) に対応する予定もないようなので自分で ARC に対応した HTTP 通信のライブラリを作成しました。 コードは github で公開しています。ライセンスはBSDライセンスです。 R9HTTPRequest 中身はただの NSURLConnection のラッパーです。コード量も少なく軽いライブラリです。 主な機能は以下の通りです。 HTTP GET POST PUT DELETE など HTTP の非同期通信 ※現在非同期通信のみサポートしています。 マルチパート POST(画像送信など) 自動リダイレクトのオン/オフ WSSE 認証のサポート R9

web アプリのき開発中はローカルホストで検証し、実際のサービスはリバースプロキシの後ろで運用する方法は、たったこれだけ： yesod init する config/settings.yml を適切に変更 yesod init すると、Foundation.hs に以下のようなコードがある。 instance Yesod Sample where approot = ApprootMaster $ appRoot . settings これは、config/settings.yml からよしなにドキュメントルートを決めてくれるという意味。このファイルは、例えば以下のように書く。 Default: &defaults host: "127.0.0.1" port: 3000 copyright: Copyright (C) 2011 Kazu Yamamoto Development: <こ

最近、Unityをガンガン使ってる人達のツイートで度々見かけるNGUIというライブラリ。この所、Asset Storeで常に1位に居たりします。 この前の勉強会のLTでも絶賛されていました。 と言う事でこれは買うしか無いでしょ？と思い、購入しました。 まだサンプルを動かした位ですが確かにこれは凄いライブラリでした。付属のサンプルを動かした動画を作成しましたのでこちらでその機能を確認してみて下さい。 スクロールとクリッピングのサンプルが動画を見ただけでは同じ事をしている様に見えますが編集画面を見るとその違いが分かります。 スクロールの場合はスクロール内のアイテムは別の場所に確保し、そこをメインカメラとは別のカメラで撮影しています。クリッピングでは実際に見える場所と同じ位置に配置されています。 【スクロール】 【クリッピング】 自分の好きなフォントで日本語入力が可能なInput Boxを作るこ

ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。 久々にこの手のネタ書いた気がしますけども… ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。多分言葉で言っても伝わりにくいと思いますので実際のサンプルをまずは見てみてください。 CSS で作るスマートフォン向け片手操作メニュー サンプル 現在最新版の Firefox

TOP  >  WebDesign  >  Tumblrのデザインを見やすくカスタマイズできるテンプレートまとめ「A Showcase of Great Looking Tumblr Themes」 webコンテンツを手軽にスクラップできるTumblr。気になる情報をまとめ、簡単に発信する事ができる存在として人気が高く、たくさんの人に利用されています。そんな中今回は、Tumblrの見た目をより自分らしくカスタマイズできるテンプレートをまとめた「A Showcase of Great Looking Tumblr Themes」を紹介したいと思います。 Tumblr シンプルなデザインはもちろん、可愛らしい雰囲気のデザインやスタイリッシュなものまで、さまざまなテンプレートが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Tum

Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m

ちょっと意味不明なタイトルですが。 jQuery Mobileでリストを書くときの Tipsです。昨日ちょっと個人的に話題 に上がったのでメモ的に記事にします。 最近はすっかりJQMの話題が減っていた ので丁度いいですね。 というわけで備忘録的な記事。jQuery Mobileの話です。触ったことがある方向けですかね。普通のリストの高さに合わせてサムネイルを含めます。正しい方法かどうかは知りません。 これが普通のリストです。このマークアップは以下のような感じ。 <ul data-role="listview"> <li><a href="example01.html">foo</a></li> <li><a href="example02.html">bar</a></li> </ul> ​listviewというルール名をdata属性に与えればリスト化します。 画像付きにしたい・・けど こ

随分長いことブログ放置してしまったのだけどネタ見付けたので久々の記事。 UnicornはPassengerより遅かった？ なんかTwitterで「アクセス少ないときはPassengerよりUnicornのが速いのに、アクセス多くなってきたらその逆になった」って話をみかけたので、それ単にUnicornのworkerが足りないんじゃないの、と返したのだけど、どういうことかという話を少しまとめる。 まず、Unicornのworkerは1プロセスにつき1度に1リクエストしか処理しない。だから例えば、凄い大雑把な計算だけど、平均50msくらいでレスポンスを返すアプリだとすれば、1workerは20req/secくらいは返せるかなと見積もって、ピーク時に100req/secくらいアクセスがありそうだったらworkerを5個くらい立てとくかな、足んなかったらもうちょっとかな、みたいに考える。実際どんくら

いきなりですが、世界はゾンビたちのものとなってしまいました。あなたは残された僅かな人間の一人、「ランナー５」として、基地から走り出て、貴重な物資を持ち帰らないといけません。 こうしたストーリーのもとでランニングをするアプリがこの、“Zombies, Run!” です。 ユーザーが「ランニングモード」でこのアプリをスタートすると、ランナー５が基地を走り出てゾンビに追われ、ミッションを遂行してゆく物語が耳元で臨場感たっぷりに再生されます（仕方ないですが、英語のみです）。 走りおわると、集めたアイテムなどをもとに基地を充実させてゆくことができ、次に走るときには先のストーリーが聞けるというわけです。走るという行為に、ストーリーを被せることで継続を促す面白い試みです。 Zombies, Run! は Kickstarter プロジェクトとして始められていましたが、このほど iOS アプリが登場しまし

すごくどうでもいい内容なんですが、ちょっとやってみたかったので素人ながら作ってみます。ある要素、例えばa要素なんかにマウスオーバーした時にちょっとだけ拡大して強調させたいなどといった時に使えるかもしれません。分かりづらそうなのでサンプルも作ってみました。おかしい部分やもっとこうした方がいいみたいなことがあれば是非教えていただけるとうれしいです。 （※ CSS3だけでもできましたので追加しておきます。） [ads_center] CSSのtransitionを使って背景色もアニメーションで変わるようにしています。要素の拡大はjQueryのanimateを使ってpaddingの値を変えています。で、普通にpaddingの値だけ変えると左上が固定されて右下方向だけアニメーションして拡大していくので、拡大する分positionでマイナスの値も指定します。ちょっと分かりずらいので図にするとこんな感じ

ECMAScript 6th のドラフト(harmony:specification_drafts [ES Wiki])が更新されてる。 ECMAScript 6th Syntax Grammer 前回同様に構文のみを抽出した文書を更新。 今回の更新された構文は for-of構文 配列内包表記 ジェネレータ構文、式 for-of構文 Firefox 13.0a1 (Nightly) で for-of ステートメントが実装されましたでも取り上げたfor-of構文が入ってきた。Firefox Nightlyではまだ配列的なものにか使えないが、使用上ではオブジェクトでもHasOwnでEnumerableなvalue値も回せそうな感じ。 配列内包表記 Mozilla JavaScript ではお馴染み(?)でしょう。配列内包(Array Comprehention)です。 ジェネレータ構文、式 ジ

These are the slides for a talk I gave at jQuery Conf UK, where I explored a number of effective design patterns for scaling applications using JavaScri…

JavaScriptで書かれたソースコードはたったの75行 window.onload = function() {     game = new Game(320, 320);     game.fps = 24;     game.life = 3;     game.time  = 60;     game.score = 000;     var label;     game.preload(['http://jsrun.it/assets/k/r/t/X/krtXz.gif','http://jsrun.it/assets/v/1/a/l/v1alF.gif','http://jsrun.it/assets/e/B/C/G/eBCGr.gif']);     game.onload = function() {         bear = new Sprite(32, 32)

vim での JavaScript の構文チェックは jslint.vim を使っていたけど、重かったり、表示が崩れたりしてストレスフルだったので、 最近 Syntastic に乗り換えた。多言語の構文チェック機能があり、JavaScript の構文チェックに限らず大変便利。 Syntastic is a syntax checking plugin that runs files through external syntax checkers and displays any resulting errors to the user. This can be done on demand, or automatically as files are saved. If syntax errors are detected, the user is notified and is hap

例えば、Webサービスのフロントエンドのコードを書き始める時にまず何をするでしょうか？ デザインスケッチや画像を元にHTMLとCSSを記述していくことになると思います。 少なくとも僕はそうですね。 理論的にはHTMLだけでもWebサービスを作ることはもちろんできますが、 見た目を少しでも調整したいとなるとCSSが必要になります。 例えばCSSを使わないHTMLの場合、いくら単純なレイアウトだとしても、 デフォルトのリンクの色を変えたかったり、フォントを変更したかったり、 要素ごとの余白をどうにかしかったりと最低限の要望が出てきます。 こうした最低限のCSSに対するニーズは共通化して自分なりのCSS Frameworkとして持っておくとよいと思います。 近頃、一からCSSを記述しなくなったのもこうした考え方のおかげです。 今Web上で配布されて利用可能なCSS Framworkが非常に増えて

Fullscreen Photo by donpy Mac と常時にらめっこしている私は MacのディスプレイにiPhone画面が映し出されることに喜びを感じています。 上の写真は全画面キャプチャーで小さくてみえづらいのですが、画面左下をよく見て下さい。iPhone の通知一覧画面が反映されているのがわかりますよね。 これまで Mac に iPhone の画面を映し出す方法は HDMIキャプチャーボードなど、ハード的な追加が必要でそれなりのコストとマシンパフォーマンスが必要でした。それがたった1つのソフトウェアで簡単に Mac にキャプチャーできてしまうというにわかに信じられない神ツールが登場しました。これは革命ですよ。 Reflection.app – AirPlay Mirroring to your Mac Photo by donpy ◇ Reflection http://ref

PHPのことを一晩中考えてる皆さん！Autoload使ってますか！ - 「PHP5.3世代の最新フレームワーク使ってるから当然使ってるよ！」（キリッ！） - 「is_aの挙動の変更はまさにＰＨＰっぽいと断言できる！」（キリッ！） - 「vendor/.composer/autoload.phpをリクワイアするのハもうオーベイではジョーシキデース！」（キリッ！） なるほど！！ 残念！そちらのPHPのオートローディング機能そのものではなく、 http://jp.php.net/autoload theseer/Autoload のほうです。 https://github.com/theseer/Autoload PHPカンファレンスのスライドにも載っけてます。 http://www.slideshare.net/sasezaki/php-9151036/51 PHPカンファレンスでも話した通り

いかにしておっぱい画像をダウンロードするか〜2012 の Python 実装です。 Node.js 版は [twitter:@kumatch] さんの いかにしておっぱい画像をダウンロードするか〜2012 for Node.js :: kumatch's blogspot。 PHP 版は ゆーすけべーさんのおっぱいスクリプトをPHPで書き直してみた - maeharinの日記。 Ruby 版は 橋本商会 » いかにしておっぱい画像をダウンロードするか〜2012 をRubyで書いた。 言語に Py なんて名前が付いているからには Python でやらないとダメでしょう！！ requests モジュールを使えば簡単！ $ pip install requestsとかで requests をインストールして下さい。 さらに requests は async を実装してるので簡単！！ 一応 50

TOP  >  WebDesign  >  クリエイティブなCSS3テクニック集「CSS3 Image Galleries, Slideshows and Image Effects」 限られたスペースを有効に利用するため、もっと魅力的に写真を見せるためにスライドショーを利用しているという方は非常に覆いと思いますが、今回紹介するのはCSS3で実現するクリエイティブなスライドショー集「CSS3 Image Galleries, Slideshows and Image Effects」。 Sliding Image Panels with CSS3 文字や、写真の動きなど、今までのスライドショーにはなかったギミックやエフェクトがCSS3によって実現されています。いくつかのスライドショーが公開されていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは

さきほどアップしました、「Reflection」紹介エントリーの後、色々とプレイ動画を撮ってみたのですが、いろいろ重くて大変です。 アプリの良さを伝えるための動画を撮るならもっと Mac のスペックをあげないといけませんね。Retina のまま動画が撮れたらそれはもう美しいんですよね。私の iMac は Core2Duo3G + ATI Radeon HD 4670 256 MB とグラフィックカードがしょぼいのでなかなか厳しいです。 いろんなモードで撮ってみまして、一番キレイに取れる環境は今のところコレかなと。 一番スムーズな動画が撮れる環境設定方法 Reflection Preferences Photo by donpy 「Preference」 から解像度設定は最低の「Standard iPhone （320×480）」にまず設定。 Fullscreen Photo by donp

ブログを書いているとスクリーンショットを撮る機会は多いですよね。 スクリーンショットは記事をわかりやすくするために使うもの。だったら効果的なものを作らなければ意味がありません！ 標準のスクリーンキャプチャー機能をパワーアップさせたいなら、こちらのフリーソフトを試してはいかがでしょう？ Mac用スクリーンショット SimpleCap SimpleCapのココが凄い！ かゆいところに手が届く、その親切っぷりを一部ご紹介しましょう。 ウィンドウキャプチャーについてしまう影を消せる タイマー設定ができる メニューを開いた状態で撮影ができる アプリケーション単位で撮影ができる デスクトップに散らばったアイコンを見せずに撮影ができる 角丸で切り抜ける 具体例も見てみてください。 ウィンドウの影を消せる 通常のウィンドウキャプチャーの場合。 こんな風に影がつきますよね？ それがこちらのソフトでスッキリ！

3ヶ月前にgistに書いてtwitterでつぶやいたきりでしたが、こっちにも記載。 いくつか方法はありますが、たぶん最低限の方法で、 任意のPHPのバージョンと任意のPHPUnitのバージョンを動かす方法です。 Ubuntuの場合を中心に書きますが、Windowsとかでもフルパス指定でやれると思います。 任意のPHPをmakeまでします。(方法割愛) 任意のPHPUnitをpyrusで任意のフォルダにインストールします。 PHPUnit 3.5の場合 3.4と3.5だとezComponentへの依存がありましたが、3.6からはなくなってようです。 bin/phpunitのインクルードバスを設定しなおします。 PHPUnit 3.5の場合 set_include_path(dirname(__DIR__).'/php' . PATH_SEPARATOR . get_include_path(

既出なんですが良かったので。空いた時間に、気になっていたスライドがあったので拝見しましたが、内容が素敵だったのでご紹介します。ノンデザイナーさん向けのデザインセオリーのスライドです。 Webデザイナーが読んでおきたい、最近公開されたWeb系のスライドっていうので知ったんですが、どちらかというとWebデザイナーさんなら知ってて当たり前じゃないかという内容かもしれません。 スライドの作成者さんのブログでもノンデザイナー向けの講義向けのスライド、とありました。→福井高専でノンデザイナー向けの講義しました デザインとアートの違い、なぜデザインが必要なのか、Webデザインとは、などなどが解説されています。Webデザイン論では必須の導線、レイアウト、情報のグルーピングにもしっかり触れてくれています。Webデザインには理由がある、というのが分かるかと思います。（「意味」って言っちゃうと語弊がありますよ）

Amazonクラウドを使ったシステム設計の際に直面する典型的な問題に対して、解決策を分かりやすく分類、解説した「AWSクラウドデザインパターン」（略称CDP）が公開されました。Facebookページも開設されています。 作成したのはAmazonのスタッフやサードパーティのエンジニアら。 CDPのWebサイトはWikiで作られているため、誰でも新たなデザインパターンなどを追加可能。現在45種類のパターンが登録されており「あと3つ加えると“CDP48”と言えるようになるので、ぜひ追加してください」（玉川氏。JAWS Summit 2012でCDPの公開について説明した際に）と、呼びかけています。 45種類のパターンが9のカテゴリに分類 それぞれのパターンには、名前、解決したい課題、クラウドでの解決方法、実装方法、解説図、メリットと注意点、関連パターン情報などが含まれています。 例えば、サーバの

みなさんがmacを買う理由の1つにherokuを使ってRailsの開発がしたいというのがあると思います。そこで、今回はmacを買ってきてherokuにdeployするまでの手順を書いてみました。念のため、手元のマシンでLionをクリーンインストールしてからの手順を記述しています。 買う もしmacを持っていなければ、今すぐ近くのmacが売っていそうなお店(そこらをぶらついているときにmacを売っているのを見たことありますよね！そこに行くんです！)で買ってきて下さい。ネットで買うといますぐこの記事に書いてあることを試すことができません。しかし、もうすぐ新しいmacとか出そうだから落ち着いた方がいい感もあるので、その辺は自己責任で判断しましょう。 ソフトウェアアップデート これしないと不安。しましょう。(アップデート後に再起動を促されることも多いと思います。) iTerm2 iterm2を入れ