物理演算をしてくれるライブラリにBox2DWebというのがあります。Box2DFlashというASライブラリのJavaScript版です。 こいつを使って物理演算をすると、表現の幅が広がりそうなので、試してみたいと思います。 とりあえず最初なので、簡単なのを作ってみました。 ボールが落下するデモ わりと事前準備が大変なので、Box2DWeb jsを使って物理演算をする上で、大切な所を解説しておきます。 1. スケールを定義しておこう // 17行目付近 var WORLDSCALE = 30; Box2DWebはメートル方を採用しているらしいので、共通のスケールを定義しておきます。 今回は1メートル=30pxでいきます。 2. 重力を計算する世界を作ろう // 20行目 var world = new b2World( new b2Vec2(0, 9.8) , // 重力の設定 横,縦の重
IcoMoon : 好きなアイコンをピックアップしてWebフォントにできるサービス IcoMoon App IcoMoonは以前のエントリーでも紹介したようなアイコンフォントを配布しているサイト。 そしてこのサイトが立ち上げたサービス・IcoMoon Appは自社製のアイコンを始めIconic、Entypo、という3種類のフォントセットの中から好きなフォントをパッケージングしてオリジナルのアイコンフォントを組み立てられるサービスです。 アイコン一覧の中から気に入ったアイコンを選択したら下の『F』ボタンをクリック。 （隣の画像ボタンからそのままSVG画像としてダウンロードすることも可能） するとアイコンに文字コードが割り当てられるのでダウンロードボタンをクリックするとWebフォントとして一式（TTF, SVG,EOT, WOTF, CSS, HTML）がZIPでパッケージングされてダウンロー
先日のTV「今ちゃんの実は」で、料理人が自宅に帰ってからどんな夜食を作って食べているのか、そのレシピを紹介していました。 料理名は「ロールドリア」。 見るだけでは物足りない私コウスケ（@kosstyle）が、実際に試してみたところ… 料理が苦手な私がたった5分でつくれたうえに、めちゃめちゃ美味しいんです！ 思わず食べながら笑ってしまったので、ぜひ皆さんにも試してほしい！ というわけで、そのレシピを、実際に私がつくっている写真と合わせて紹介します。 番組では、美味しすぎて今田さんの顔がとんでもないことに！（以下参照、笑） 0. 材料 ごはん 50g牛乳 30ccレタス 1枚ベーコン 1枚ピザポテト 4〜5枚スライスチーズ 1枚ケチャップ 大さじ1黒こしょう 少々どこでも手に入るものばかりですね。 1. ご飯に牛乳、ケチャップ、黒コショウ入れてよく混ぜるごはん50g、牛乳30cc、ケチャップ大
はじめに 最近超人気の漫画として私のTwitter TLを賑わす作品、その名も「進撃の巨人」。 これだけ人気なんだからきっと面白いに違いないのですが、 なんか絵が怖そうだし、人がバンバン死んでてグロいっぽいという噂を聞くので、 なんとか漫画を読まずに、それでいて進撃の巨人のキャラについては知りたい、 そう願う潜在的進撃の巨人ファンも全国に70万人くらいいらっしゃると思います。 そこで、データから進撃の巨人にどんなキャラが登場するか推測してみましょう。 扱うデータとして、pixivのタグ情報を利用します。 商品レビューコメントなどとは違い、ファンの創作活動がダイレクトに反映されるサービスなので、 そこに付与されるタグ情報は、ファンの熱（過ぎる）いメッセージが込められているに違いありません。 今回、以下のような縛りを入れています。 1．勿論原作は見ない 2．pixivのタグ情報は参照するけど、
先日、アプリやWebサービスを組みわせて連携できる『IFTTT』をご紹介しました。 この記事を読んでおお、これは便利そう！と思っていざ使おうとしたら、すべて英語表記なのでめげてしまった方もいらっしゃると思います。 そんな方の為に読めばすぐに使えるように分かりやすく『IFTTT』の使い方を解説したいと思います。 英語表記で挫折してしまった方も『IFTTT』はとっても便利なアプリなので是非、この記事を読んで再度チャレンジしてみてください！ 『IFTTT』使い方マニュアル目次 『IFTTT』の読み方 『IFTTT』のアカウントを登録しよう 『IFTTT』で何が出来るの？ 連携したいサービスを『IFTTT』で使えるようにする。 レシピの作り方 ユーザー投稿のレシピを使ってみよう バックグラウンド同期設定を理解して通信料オーバーを回避！ まとめ 読みたい項目をタップ（クリック）すれば、その項目までジ
おすすめのMac無料アプリ、50個集めてみました。初心者から上級者までおすすめです。【2013.5.28】 現在Macを用途別に4台所有していて、インストールしているアプリケーションを数えてみたところ300近く入っていました。今回はその中から初心者にもそうでない方にもおすすめできる無料のアプリケーションを50個集めてみました。 ※価格は2013年5月28日時点のものです。今後有料化される場合もあります。また、ドネーションウェアも含まれているのでアプリが気に入ったら作者さんに寄付をお願いします。 Alfred – ランチャーアプリの決定版 「option + space」で現れる検索窓から、Mac内のファイルやアプリケーション、連絡先、ウェブ検索などを行うことができます。 画像のように「fi」を入力→リターン入力でFinal Cutを起動できたりします。キーボードだけでアプリケーションを立ち
Antwort | Responsive Layouts for Email HTMLメール用のレスポンシブテンプレート「Antwort」 HTMLメールを送る際に、メールクライアントに併せてレスポンシブに動くみたい。 float対応していないクライアント向けにtableタグを使う等しているところが、他のレスポンシブフレームワークと違うところ メールでのマーケティングに活用したいところですね 関連エントリ レスポンシブなiPhoneのサイドメニューっぽいメニューが作れるjQueryプラグイン「Sidr」 レスポンシブなCSSベースのドロップダウンメニュー「Top Drawer」 レスポンシブな日付ピッカー実装jQueryプラグイン「pickdate.js」 最初からレスポンシブなCSSデザインのHTMLテンプレート３５ レスポンシブなテーブル作りに役立つjQueryプラグイン「FooTab
The Web engineer's online toolboxというまとめ記事が便利そうだったので、実際に試しつつ抄訳してみました。(一部のコメントと体裁は変えています。) 目次 一覧 RequestBin httpリクエストを保存するエンドポイントを作ってくれる。 Create a RequestBin のボタンをクリックするとURLが表示されるので、そこをHTTPクライアントからたたくとRequestBin側にリクエスト内容が記録される。 ソースも公開されてるのでローカルで立ちあげることもできる。 githubのwebhookのhelpも参考にどうぞ。 Hurl httpリクエストを実行してくれる。パーマリンクも作ってくれるので、POSTリクエストもコピペで他の人と共有できる。 類似サービス: REST test test , Apigee console httpbin HTTP
PremailerはWebサイトのURLからHTMLメールを生成するソフトウェアです。 日本では普及はまだ今ひとつですが、海外ではHTMLメールが当たり前になっています。ビジュアル的にも映えるのでレスポンス率も高いようです。そんなHTMLメールを手軽に作成できるのがPremailerです。 作成画面です。取り込むWebサイト、リンクに追加するパラメータ、その他オプションがあります。 こちらが取り込む対象のWebサイト。 実行しました。 こちらが生成されたWebサイト。デザインはほぼそのまま、スタイルシートが取り込まれています。 こちらはプレインテキスト版。 PremailerはベースになるHTMLをWebサイトから取得するので、作成がそれほど難しくありません。そして取り込んだHTMLから不要な情報を除きつつ、スタイルシートを埋め込んでHTMLメールの基盤を生成します。後は生成されたHTML
Windows/Mac/Linux：Gmailの数あるバックアップ方法はライフハッカーでも以前お届けしましたが（Windowsアプリの『MailStore』など）、新たにクロスプラットフォームで使えるアプリが登場しましたのでご紹介します。多機能かつ高度なカスタマイズが可能な素晴らしいGmailバックアップ・アプリ『Gmvault』です。 Gmvaultは、Gmailアカウント全体をバックアップできるだけでなく、定期的に自動バックアップをとることも可能。クイック同期モードにすれば更新分のみダウンロードするので速いです。また、バックアップするメールの検索条件設定や日付範囲の指定、バックアップしたメールを暗号化して保存することもできます。 Gmvaultの最もユニークな特長は、ラベルなどの属性情報すべてを含む完全な形で、Gmailの受信箱を別のGmailアカウントへ復元できる機能です。「sync
不思議ネット とは 不思議.netでは５ちゃんねるで話題になっているスレを厳選してお届けするサイトです。普段５chを見ない人でも気軽にワクワクできる情報サイトをころがけて毎日絶賛更新中！
jQueryは人気の高いフレームワークで、軽量高速という特徴がある。いくつかの著名ベンダからCDN経由で提供されており、実質的なダウンロードも高速という状況にある。しかし、最近のjQueryはちょっとサイズが大きくなりすぎたのではないか、そう感じている開発者もいるかもしれない。特にjQueryの特定の機能しか使っていない場合、最新版がでるごとに新機能が増えることに不満を感じている方も少なくないだろう。もうこれ以上サイズを増やさないでほしい、と。 そうしたユーザにとって興味深いプロジェクトが登場した。jQueryをモジュール化して必要な部分のみを利用できるようにした「jQuip」だ。jQuip (jQuery-in-parts)はjQueryをモジュールへ分割し、利用する機能のみを組み合わせて使用できるようにしたフレームワーク。説明によればもっとも基本となるjquip.jsコアのサイズは、ミ
Musicracerは手持ちの音楽を使ったレース風音ゲー。 [/s2If] MusicracerはWindows/Mac OSX用のフリーウェア。ゲームは苦手なので滅多にやらないが、音楽を使うゲームは面白いものが多い。音に合わせて手で叩いたり、足を動かしたりするゲームは人気が高い。ゲームセンターはもちろん、iPhoneやiPadでも人気がある。 そんな音ゲーは大抵、予め用意されている楽曲の中から選択してゲームを楽しむようになっている。音楽を解析する必要があるためと思われるが、これでは中途半端に感じる人もいるかも知れない。そんな方にお勧めしたいのがMusicracerだ。 Musicracerはレーシングゲームと音楽と組み合わさったようなゲームで、音楽に合わせて現れるアイテムを得つつ、障害物をよけて進むゲームだ。マウスまたは矢印キーで操作し、左右に移動するだけのシンプルな操作となっている。
2018.04.04 detectFace();SDKの提供を終了しました。 2015.02.09 ポストされたjpeg画像にexifのorientation情報が付いている場合、 APIがそれを解釈するようになりました。 (Flash製サンプルでは事前の処理でexif情報が削除されてしまうため、 APIはorientationを認識できません) 2011.06.12 APIに若干の機能追加を行いました。 既存のクライアントとは完全な互換性があります。 入力画像の傾向に応じて検出モードを選択できるようになりました。 詳細はリファレンスを参照して下さい。 サンプルコンテンツ「簡易サンプル」を、 APIの新しい機能を使うように変更しました。 2010.08.26 APIに若干の機能追加を行いました。 既存のクライアントとは完全な互換性があります。 特徴点毎に信頼度が付加されるようになりました。
jqpad - Project Hosting on Google Code iPad向けのリッチなサイトが超簡単に作成できるフレームワーク「jqpad」。 iPad向けのネイティブアプリケーション風のUIでWEBサイトを構築することが容易になります。 iPhone用のiUIのiPad版といったところでしょうか。 こちらのページをiPadで見てみましょう 少しクセがあるみたいですが、使いこなせば１から作るよりははるかに楽に作れそうです。 まだ不備もあるみたいなので今後に期待です。 関連エントリ iPhone向けWebアプリを作ろう これは注目のHTML5を使ったモバイルアプリケーション構築用フレームワーク「Sencha Touch」
SpritelyはJavaScript製/jQueryプラグインのオープンソース・ソフトウェア。iPhone + Webの最大の問題点と挙げられるのがFlashを使えないために効果的なアニメーションが利用できないということだ。GIFアニメーションを使う手もあるが、クリックやインタラクティブな動作ができないのはいただけない。 iPhone 3GSなら意外とスムーズ HTML5で解決できる部分も幾つかあるが、手軽に使えるとは言い難い。アニメーションに特化したライブラリが欲しい。そうすればiPhone + Webでの可能性がもっと広がるはずだ。そしてそれを可能にするのがSpritelyだ。 SpritelyはjQueryを使ったアニメーションライブラリで、名前の通りスプライトイメージを使ってアニメーションを行う。つまり1コマ1コマに相当する画像をくっつけて保存し、それを切り替えて表示することでア
「みんなでゲームを創る」Webサービスが登場、巨大RPGの可能性も 2010年1月 7日 ゲーム好きが集まってコラボしながら新しいゲームを開発できるWebサービスが登場した。開発からプレイまで、全てWebブラウザ上で完結するためOSやソフトに依存せず、PCとインターネット接続環境があれば、誰でも参加できるのが特徴だ。現在、試験運用が行われている。 ゲーム制作Webサービスの名称は『Rmake』。“平凡なエンジニア”を自称するakasata氏が中心となって開発が進められている。エンターブレインが販売しているゲーム制作ツール『ツクール』シリーズなどと似ており、キャラクターやマップ、音楽、効果音などの素材データを組み合わせ、これらをスクリプトで制御して、“組み立てる”仕組みだ。 ユーザーが作成した素材は、他のユーザーと共有可能で、全部をはじめから自分でやるより簡単に開発ができる。また、気軽に質問
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
