東京、ベストコーヒーショップ25- Time Out Tokyo（タイムアウト東京）
東京は素晴らしい都市だが、カフェに限れば残念な場所。これが日本在住、もしくは旅行者の外国人の間では“頻繁に聞かれる不満”であった。彼らは、シアトルで最も有名なコーヒーチェーンのコーヒーなど飲む気にはなれないのだが、辛うじてコーヒーと呼べる一杯を手にするためにスターバックスを探さざるを得ない状況にあった。だが、カフェ・ド・ランブルの創業が1948年であることからもわかるように、おいしいコーヒーを出すカフェがないのではなく、知らないということが大きな問題であったことは確かだ。しかし、いい店は簡単に見つかるわけではない。しかもエスプレッソに特化する店の数が少ないのも事実である。 だが、そんな時代は終わった。ここ数年で、おいしいコーヒーを提供することに精をだしているカフェは急増した。その多くはコーヒー豆を自家焙煎し、大きなエスプレッソマシーンも巧みに操っている。しかも、僅かな例外を除けば、どのカフ
GitHub - playn/playn: A Java game development framework that deploys to JVM, HTML5, Android and iOS.
How To Build a Monkey Jump Game Using Cocos2d 2.X, PhysicsEditor & TexturePacker – Part 1
Update 6/26/2013: Updated for Cocos2D 2.X and latest version of Texture Packer and Physics Editor. In this tutorial, you’ll learn how to make a game about a monkey having a rough day. He’s just minding his own business, but these crazy objects keep falling from the sky! To see what I mean, check out this cool video: By the end of this tutorial, you’ll have created a cool physics-enabled game, and
How To Create a PDF with Quartz 2D in iOS 5 – Part 2
This is a blog post by iOS Tutorial Team member Tope Abayomi, an iOS developer and Founder of App Design Vault, your source for iPhone App Design. Welcome to the second part of the tutorial series on how to generate a PDF using Quartz 2D! In Part One, we set up an app framework for the PDF, and we drew some rudimentary text and lines with Quartz 2D inside our PDF. Since our PDF will be an invoice
FacebookのHacker Wayを日本語で要約してみる - 知のレバレッジを最大化せよ
マーク・ザッカーバーグの投資家向けの手紙の中でのHacker Wayという節が良かったので雰囲気を残しつつ、要約してみた Hacker Way 要約 背景と前提 Hacker Wayというユニークな文化とマネジメントアプローチをFacebookでは育ててきた 他の優れた人から学ぶことができるというのがポイント これは主にエンジニアプロセスでの話だが、これを昇華させて会社を運営する中核としている Hackerという語彙について いわゆるコンピューターに侵入するようなネガティブな意味合いではない hackingとは、凄い速さでものをつくる、あるいは、何が良いのかテストしていくことを意味している hackerの多くは、世の中に良いインパクトを与えることに理想をもった人たちであることを実際にあって感じている Hacker Wayという手段 それは継続的な改善をイテレーションで繰り返していくこと H
stack and heap in V8 ( JavaScript)
In V8 null, undefined, true and false internally are heap allocated objects. If you are comming from Java you can say that true and false in V8 are more like Boolean.TRUE and Boolean.FALSE in Java. There is an important difference between real local variables and variables that are captured by closures or shadowed by eval/with. Captures variables are stored in a special heap allocated structure ca
印象的な背景を作り上げるためのチュートリアル集「35 Awesome Photoshop Background Tutorials」
TOP > Design , Photoshop > 印象的な背景を作り上げるためのチュートリアル集「35 Awesome Photoshop Background Tutorials」 デザインをより印象的に、効果的に見せるためのグラフィック作りは、アイデア＋ハイレベルな制作技術が必要になってくる場合があります。そんな状況にきっと役立つチュートリアル集「35 Awesome Photoshop Background Tutorials」を今回は紹介したいと思います。 多彩な表現を可能にするphotoshopの機能を駆使し、さまざまな表現を可能にした実例が多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Photohop Tutorial Link: Create Special Color Effect in Photo
極大部分文字列の復習 - nokunoの日記
極大部分文字列について復習しました．極大部分文字列を使った twitter 言語判定(中谷 NLP2012) - Mi manca qualche giovedi`?岡野原さんによる元論文はこちら．http://www-tsujii.is.s.u-tokyo.ac.jp/~hillbig/papers/nl187_okanohara.pdf 極大部分文字列の定義については，id:n_shuyoさんのTokyoNLPでの発表資料で，論文と同様の説明がサンプル付きでされています． #TokyoNLP で「∞-gram を使った短文言語判定」を発表しました - Mi manca qualche giovedi`?ここでは， 部分文字列の間に，包含関係に基づく半順序関係を導入する この半順序関係における極大元を極大部分文字列と定義するという定義の仕方をしていて非常にエレガントで分かりやすい…のです
『enchant.jsで簡単なゲーム開発』
はじめまして プラットフォームDivで、アプリエンジニアをしているtyorikanです。 実務は基本サーバサイドのプログラマですが、クライアント側のjsメインで書かせて頂きたいと思います。 現在、native言語でスマホアプリを開発するとなれば、 iPhoneアプリはObjective-C、AndroidアプリはJavaでの開発となりますが、 HTML5、Javascript、CSSでアプリを作成することもできます。 実際にアプリとしてマーケットに出すにはPhoneGapでネイティブ化させる、などが必要ですが、 jsでゲームを作るゲームエンジンとして、enchant.jsというものがあります。 ------------- enchant.js は HTML5 + JavaScriptベースのゲームエンジンです。わずか30KBのソースコードで、PC, Mac, iPhone, iPad, A
今流行のArctic.jsと、enchant.jsの比較 | Geisha Tokyo Engineers' Blog
圧縮後のファイルサイズはenchant.jsのほうが3kbほど少ないですね。 どちらもjs上に継承などを行う擬似クラスを作るためのClass要素があったり、スマートフォン/PC両方で使えるようにtouch系イベントとmouseDown/Move系イベントを判定したり、fps(フレーム数）を設定してフレーム毎のイベントを設定するなどしています。 後発だけあって、Arctic.jsのほうはenchant.jsの機能をパクったenchant.jsにある機能はだいたいあるような感じですね。 オブジェクトの描画についてですが、Canvasでの描画の方が性能的に有利かもしれませんが、enchant.jsは divタグ毎にオブジェクトに持っていることで利便性をあげています。既存のアニメーション効果をdivタグ単位で 適応することにより、今までのエフェクトを使いまわすことができるのです。 ench
JavaScriptで動画から音声を抽出してみた
ブラウザだけでMP4/FLV/SWFの動画からMP3/M4A/AAC/WAVの音声を抽出できるサービスを作りました。 nicozonにあるmp3変換のページからサービスが利用できます。 nicozonの動画ファイルのダウンロード機能と合わせて使用すれば、 にこさうんどやnicomimiの代わりになりますね。 従来のこういうサービスはサーバー側で変換をするものですが、 このサービスの新しい所はJavaScriptで動画から音声を抽出している所です。 メリット ブラウザ側で変換してるのでサーバーのリソースを使用しなくて済む 順番待ちとかアップロードとかダウンロードとかしないので変換する速度が速い 音声ファイルをそのまま抽出しているので音質がいい 複数の動画ファイルを同時に変換することが出来る WebWorkerで処理しているので処理中もブラウザが固まらない サーバから動画ファイルをアップロード
ayacnews2nd.com - このウェブサイトは販売用です！ - ayacnews2nd リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Page Transitions with CSS3 | Codrops
In the last few years, we’ve seen a lot of single page websites lying around the internet, most of them using JavaScript for some transitions effect. Well, now I’m gonna teach you how you can have your own, but instead I’ll be using CSS Transitions and the :target property to do all the magic. In the last few years, we’ve seen a lot of single page websites lying around the internet, most of them u
WebRTCについて
Streaming Conference #1 で発表させていただきました https://streaming-lab.connpass.com/event/78549 頑張って完成させます！
THREE.jsのソース読みサポートサイト作りました - ずっと君のターン
皆さんTHREE.jsは単なるWebGLのラッパーと思っているかもしれませんが、実際はそれだけではなくて、テクスチャローダーや視点管理用コントローラーなんかの補助クラスに加えて、スプライトやパーティクルシステムまで付いていて、たぶん見たことない人が考えているよりいろいろできます。 ただ、いかんせんまともなドキュメントがないので、それらを実際に使うには、そのクラスを使っている例を見つけて、さらにそれらが使われている部分を検索して使い方を調べるしかありません。 正直面倒くさいので、ブラウザで少しだけ楽にソースを眺められるサイトを立ち上げました。 http://threejsdoc.appspot.com/doc/index.html ただしこれはあくまでもソース読むのを手伝うためのツールです。何やってるクラスなのかとか、どうやって使うかとかは、ファイル名やインスタンス変数から推測したり、サンプ
見た読んだ書いた: JsTestDriver導入
2011年12月25日日曜日 JsTestDriver導入 テスト駆動JavaScriptで紹介されてたJsTestDriverとjstdutilを、ubuntu11.10に導入した時の手順を記録しておきます。 インストール方法以外の手順は基本的にどのOSでも同じなので、WindowsやMac等にも応用できると思います。 1. インストール 1-1. インストール前の準備 JsTestDriverの動作にはJavaがインストールされている必要があります。 また、後で紹介するjstdutilを使用する場合はrubyが必要です。 以下のようにして必要なソフトをインストールします。 $ sudo apt-get install openjdk-7-jre $ sudo apt-get install ruby 1-2. ファイルのダウンロード JsTestDriverのダウンロー
『ｊＱuery Mobile 文字化け対策』
Jquery Mobileを使用して、スマートフォンのホームページを作成する場合、 問い合わせフォームなどで文字化けが発生した場合の対処方法を記載します。 文字コードは勿論、utf-8でＨＴＭＬファイルに指定します。 jQueryを使用しているため、それ以外の文字コードは文字化けが発生します。 問い合わせフォームの文字化けの原因はよくわかりませんが、Ajaxを使用設定していたためです。 ■対策 //jQuery mobile 初期化 $(document).bind("mobileinit", function(){ $.mobile.defaultTransition = "slidedown"; $.mobile.ajaxLinksEnabled = false; // Ajax を使用したページ遷移を無効にする $.mobile.ajaxFormsEnabled = false; /
livedoor
1【速報】外務省が警告発令「北朝鮮での日本代表戦観戦目的で渡...おーるじゃんる 2喫茶店に衝撃クレーマーが登場！ピザトーストを3分の2食べて一...オレ的ゲーム速報＠... 3上タン50人前おじさんのせいで、とある店のタンイベントが潰さ...はちま起稿 4家庭菜園きってのエース、サニーレタスさんまめきちまめこニー... 5柏木由紀さんがＡＫＢ４８卒業するきっかけ『ららぽーと』だっ...ハムスター速報 6【衝撃】スイスで安楽死した日本人女性の最期の言葉が辛すぎる...不思議.net - 5ch(2... 7【阪神】近本光司、大山悠輔は疲労を考慮し欠場「ずっと人工芝...なんじぇいスタジア... 8作家・暇空茜氏、車椅子利用者の映画館トラブルで持論「キャタ...痛いニュース(ﾉ∀`... 9バレンタインの苦い思い出【45】ヤゴヴのマンガ劇場 10【衝撃映像】スイスで安楽死した日本人女性の最期
node.jsでFacebookアプリ開発(2) - こしごぇ
若干の進捗があったので記録。 前回、認証用のパッケージを利用するつもりで準備を進めていました。ふと気づいたのですが、そもそもCanvas Page以外での利用を考えないつもりでした。そこで、signed_requestに対応しているのか確認したところ、どうも出来ないような感じ。signed_requestのためだけに大きなパッケージを導入してドキュメントやソースとにらめっこするのもどうかと思い、今回はスクラッチ(という名のコピペ)で対応することに方針転換。 参考にしたのは以下のコード。 https://gist.github.com/661597 上記を参考に、未認可ユーザなら認可をもらい(促し)、認可済ユーザならそのまま利用を許すところの機能を作ったわけですが、これが手間取りました。Canvas Pageのアプリは以前に作ったことがあるのですが、かなり前に一度だけだったのですっかり忘れて
【JavaScript】 DOM：たとえばこんなイベントハンドラの操作 addEventListener、removeEventListener（attachEvent、detachEvent）（株式会社コネクティボしゃいん☆のブログ）
ということで、三度、JavaScriptのDOMスクリプティングネタです。 今回はイベントハンドラの操作に使う addEventListener、removeEventListener、attachEvent、detachEvent の「たとえばこんな使い方？」みたいなものを書いてみました。 まずは毎度おなじみ、サンプル。 <script type="text/javascript"> <!-- // クリックイベント追加 function addClickEvent() { o = document.getElementById("hoge"); if (o.addEventListener) { // IE以外 o.addEventListener("click", alertHoge, false); } else { // IE o.attachEvent("onclick", a
Intro to JavaScript Events
The term event refers to something that happens to elements (by elements, we mean html elements such as <table>, <form>, <button>, or <div> ). For example, when clicking a <button>, there are several events taking place: mouse button being pushed, mouse button being released, and a html button being clicked. Events are sent as notifications to JavaScript. When event occurs, they are being fired. J
縦と横の動きを使って今までにないUIを実装しているWebサイト
Buero Buero Works / Niketo:Portfolio / La Moulade - Creative St...他...全4件
JavaScript クイズ - latest log
(ε・◇・)з さあみんな、クイズの時間だよ 問1. クォート( " と ' )を使わずに ["1"] を作ってみよう。 問2. 以下のコードはクロスブラウザでしょうか? YES / NO [void 0, null, 0].sort(function() { return 0; }); (ε・◇・)з 珍回答ができたら @uupaa までー 答え合わせ 答1. 以下の3つが答えです。2番目の答えはボクも分かってませんでした。 @xulapp さんに教えていただきました 1. /1/.exec(1) 2. [1+[]] 3. /1/(1) → http://d.hatena.ne.jp/uupaa/20091006/1254926477 (古いブラウザ限定) 答2. NO です。ブラウザ毎にバラバラです。この場合はES3の仕様上も不安定って事になってます(たしか) 問1. に寄せられた正解
ページ内に「しおり」を付けられるシンプルなjQueryプラグイン・youRhereで「後で読む」ユーザーに配慮する
便利そうだったのでご紹介。ページ内に栞 を付けられるjQueryプラグインです。栞は 行単位で付けられて、次アクセス時には自動 でスクロールしてくれます。長文コンテンツ やドキュメントサイトなんかには積極的に 導入して欲しいなぁ、と感じましたよ。 今までもいくつか似たようなライブラリはありましたが、youRhereは最もシンプルでカスタマイズもしやすく、使いやすい印象でした。 ブログなんかで「後で読む」というタグを良く付けられる記事の多くは、長文だったりするのでなかなかテンションが上がらず後で読んで貰えなかったりする傾向にあるようですが、これを導入すれば一気に読む必要が無くなるので後で読んでくれそうな気がしませんか？ こんな感じで行単位で栞を付ける事が出来ます。マウスに応じて左にアイコンを挿入する事も可能。サイトを離れて次にアクセスした際はスクロールしてくれます。 見たほうが多分早いですよ
最速TCPサーバーの条件 〜逆襲の Erlang と Haskell の挑戦〜 : DSAS開発者の部屋
釣った反響に応えて echo サーバーを改良していて PyCon JP の発表資料作成が進みません。 自業自得です。 methane です。 Erlangとは何だったのか でのベンチマーク結果では Erlang のスコアが奮わなかったのですが、 github で 性能改善する pull request をいただきました。 性能が悪かった原因ですが、実は backlog がデフォルトだと 5 で、ベンチマーク開始時の 大量の接続要求を捌ききれていないという状況でした。 高負荷サイトのボトルネックを見つけるには で紹介されている事例と同じ現象ですが、こちらのほうが backlog が小さく、 しかもベンチマーク用クライアントはほぼ同時に大量に接続をしてくるという条件で よりシビアに現象が発生してしまいました。 この問題が修正された Erlang は、 Go を超えて一気にランキング上位に踊り出
JavaScript 3DレンダリングエンジンのThree.jsを試す
こんにちは。 KRAYアルバイトの浅海です。 今回は、最近ちまたで噂のThree.jsで遊んでみようとおもいます。 http://github.com/mrdoob/three.js webgl対応のブラウザで見ている方は、右上に3Dのボックスが表示されていると思います。 Three.jsを使えば、このようなことを簡単にJavascriptで実現できるのです。 半信半疑で使ってみたところ、たしかにThree.jsでは、3D特有の行列計算や数学的思考をせずとも、3Dを表示、操作することができました。 「ちょっとのプログラムで3Dができる。」 この面白さを皆さんに届けたいです。 目次 立方体を表示する 光をあてる テスクチャを貼り付ける マウスで回転させる マウスで移動させる クリック判定する Three.js web上には、HTML5のcanvasを利用した様々なサンプルページやアプリケーシ
[CSS]これは使ってみたい、繊細で美しいツールチップを実装するチュートリアル
How to create animated tooltips with CSS3 [ad#ad-2] デモ 実装 デモ デモはCSS3アニメーション、擬似要素を使用しているため、Firefox, Chrome, Safariでご覧ください。 Demo 4 最初にぼんやりと大きなツールチップが表示され、縮小とともにはっきりとツールチップを表示します。 実装 HTML ツールチップはリスト要素で、各アイテムはa要素で実装されています。 <ul class="tt-wrapper"> <li><a class="tt-gplus" href="#"><span>Google Plus</span></a></li> <li><a class="tt-twitter" href="#"><span>Twitter</span></a></li> <li><a class="tt-dribbble
HTML5 Canvasを始めよう：EaselJSとTweenJSでテキストエフェクト | ClockMaker Blog
HTML5のCanvasをFlashライクに使えるようにするJavaScriptライブラリ「EaselJS」と「TweenJS」を使ってデモを作ってみました。 demo 今回のブログ記事では「EaselJS」と「TweenJS」の使い方をデモの作り方を通して紹介します。 ライブラリの紹介 「EaselJS」と「TweenJS」はFlashのエンジニアとして著名なGrant Skinner氏が開発しているJavaScriptライブラリです。「EaselJS」がHTML5 CanvasをFlashライクに使うためのライブラリで、「TweenJS」が汎用的なトゥイーンライブラリです。 ▲EaselJS HTML5のCanvas要素はHTML上に自由に描画することのできる新しい要素で、工夫することでFlashのように豊かな表現を作ることができます。ただCanvasではJavaScriptでちょっと
イモムシでjQuery入門 | 第1回デザイナーがイモムシで覚えるjQuery
こんにちは。kamecoです。 androidアプリをhtmlベースで作ったりしています。 それができるのも、jQueryの力でjavascriptをちょっと書けるようになったから。 ということで、jQueryを覚えよう！ 電卓で入門とか色々考えたのですが、 私が覚えた方法で。。 myベストイモムシを作ろう！！！！ とりあえずあなたのイモムシも用意しよう。 ダウンロード とりあえず名前を付けると愛着がわきます。 うちの子は「クロスケ」です。 ↑クロスケ。かわゆす。 練習で書いてた時から書き換えてないので、挙動がおかしいのは見逃してください。。 つまめます。動きます。顔変わります。などなど。 クロスケのjsもブログを書きながら新調してあげようと思います。 イモムシのhtml解説 これから使うhtmlですので構成や呼び出しているものを一応確認しておきます。 cssやh
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TCPセッションモニタ「miruo」が便利だった
Game Analytics 101
IBM Developer
PhoneGap From Scratch: Twitter & Maps | Envato Tuts+
[CSS3] CSS tips and tricks - RedTeamDesign - CSSに関するTipsを集めたブログ
STOP: DELETE IGNORE on Tables with Foreign Keys Can Break Replication
apigee console providers
joeycadle.com
Oracle Blogs
CSS3で作られた、カーブしたテキストを実現できる「Arctext.js」
gdb python scriptingの機能を使ってllvmをデバッグする - LLVMとコンパイラとVM
僕の経験をこれからアジャイルソフトウェア開発する人々に共有しました。 #agile渋谷 | Act as Professional
