Private content!This content has been marked as private by the uploader.
Private Presentation
Private content!This content has been marked as private by the uploader.
Herokuを利用したナントカstagramの作り方 - Rewish
先週の水曜日に@hilokiと一緒に作った Shibastagram - 柴犬たくさん、しばすたぐらむ というモフモフ系癒しWebをリリースしました。 スクロールすると柴犬がモリモリ出てきて無限に癒されるナイスWeb。 今回はソースコード自体を公開し、Shibastagramのチワワ版「chihuastagram - チワワたくさん、チワスタグラム」を作りながら、ナントカstagramの作り方を紹介したいと思います。 ※記事中のChihuaやChihuastagramは自分のナントカstagramに合わせて読み替えて下さい。 準備 早速いってみましょう。 注意) 以下の内容はMac環境を前提としています。UNIX/Linux系のOSを使ってる人は問題無いと思いますが、Windowsの人はRubyやRubyGemsなど必要なモノを別途インストールする必要があります。あと全部ターミナルで作業で
PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」:phpspot開発日誌
php-console - Google Chrome extension for displaying PHP errors/exceptions/debug messages in browser console or notification popups - Google Project Hosting PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」。 Chromeの拡張とPHPのソースコードで動かすもので、PHPのエラーを、Chromeのコンソールウィンドウや、画面内にポップアップでポコポコ出せたりします。 要はChrome用のFirePHPみたいなものです。 以下のようにエラーレベルとエラーメッセージが表示されます。 コンソールの例 ポップアップの例 この機能が使えるかどうか？はアドレスバーで確認できます。使える場合はアイコンが次のように表
今日から始めるCoffeeScript - KAYAC Engineers' Blog
こんにちは。毎年花粉症になりかけている飯塚です。 最近のNode.jsの普及などによってサーバサイドJavaScript界隈が盛り上がっています。 そんなホットなJavaScriptをラクにかつエレガントに書くためのCoffeeScriptという言語をチュートリアル風に紹介します。 何かしらのライブラリを自分で書く程度にJavaScriptで開発している人は絶対に使ったほうがいいと思います。 JavaScriptを知っていれば1-2時間程度で十分駆使できるようになります。 （2011/6/28：@m_satyr様にご指摘頂いた箇所を修正しました。） 目次 CoffeeScriptとは？ インストール Hello World 構文 関数 変数展開 Objectの生成 ループ 存在チェック ヒアドキュメント thisのバインド クラス 無名関数 {var} Tips ?の使い分け 存在チェック
さいきんの JavaScript テスト / Test.js - Shibuya.js 発表資料 - 川o・-・）＜2nd life
本日行われた Shibuya.js の発表資料をアップしました。 さいきんの JavaScript テスト / Test.js - Shibuya.js 発表資料 View more presentations from hotchpotch JS のテスティングフレームワークのおおざっぱな説明や JavaScript テストにおける問題、それについての解決方法の一つ、CUI でのテスト、Envjs、エンドツーエンドテストにおける JS / Ajax のテスト、終わりにちらっと Phantomjs の話があります。 スライドの最後にあるように、やはりまだコレだ！という JS のテスティングフレームワークは存在しなく、今後 JS のテストは『僕らが書きたいテスト』をどれだけ簡単に書ける・書く手法が確立されるかによって流行廃りは決まってくるんじゃないかなぁ、と思ってます。そのうちの一つがスライ
まるで実写、海外製ゲームエンジン「CryEngine3」の技術力がどれだけすさまじいかが実感できるムービー
昨今のゲーム開発の中枢を担うのがいわゆるゲームエンジンと呼ばれるもので、日本ではFF13で使われたスクウェア・エニックスのCrystal Tools、「デッドライジング」「ロストプラネット」「デビルメイクライ4」「バイオハザード5」で使われたカプコンのMT Frameworkが有名です。 一方海外ではこういったゲームエンジンを他社へ供給する企業が存在しており、中でも「CryEngine3」はリアルタイムにハイクオリティで美麗なグラフィックをWindows・Xbox360・PS3の3つのプラットフォームで動作させるというとんでもないものとなっており、「これであのゲームを作ったらすごいことになりそうだ」と妄想が膨らむような内容となっています。 実際にどれだけハイクオリティで、技術力がすさまじいのかがわかるムービーは以下から。 CryEngine 3 Video Game, GDC 11: Ex
node.jsでシンプルなMVCを行うための仕組み色々:phpspot開発日誌
iframeやtextareaをドラッグ＆ドロップでリサイズできるようにするjQueryプ... 次の記事 ≫：モダンなブラウザアイコンセット９ A Simple MVC Setup In Node.JS node.jsでシンプルなMVCを行うための仕組みが色々紹介されています。 WEBアプリケーションを組むといえば、MVCにして、アプリケーション全体の見通しをよくしたり、各キャリアへの対応も簡単にしたりといった手法が一般的ですがnode.jsでも同じような仕組みが確立されるとより使いやすくなりそうですね。 Mongoose - node.jsで使えるmongoDB用のORマッパーライブラリ(Model) Jade - JavaScript のテンプレートエンジン(View) Express.js - WEBアプリ構築フレームワーク。コントローラー部分に該当するコンポーネント(Contro
node.js用の環境作り - ディレクトリ構成とnginxの設定から起動テストまで
開発環境を設定してみる 前回の，node.jsとnpmのインストールをしたメモ（CentOS さくらのVPS）でnode.jsとnpmをインストールしましたが，まだ環境設定ができてなかったので今回も引き続き下準備． (仮に) /hogehoge/public/dev/ で開発することに．環境のディレクトリ構成とか，サーバー設定についてあまり参考になる記事を見つけられなかったので，以下適当に設定をしてみた．サーバーは，nginxを使います． ディレクトリ構成の予定 /hogehoge/public/dev/server.js : 8124をlistenするHTTPサーバー的なJSファイル．． /hogehoge/public/dev/app/ : その他lib的に，nodeで実行するJSを設置する． /hogehoge/public/dev/www/ : 公開ディレクトリとして，CSSやクラ
第4回 「状態遷移図」と「状態遷移表」で見えるもの | gihyo.jp
はじめに テスト担当者と開発担当者との会話。 テスト担当者：「この状態の時にこの動作を行うと、結果としてどういう状態に遷移すれば仕様として正しいんでしょうか。仕様書に記載がないので…」 開発担当者：「どれどれ、うーん、本当だ。記載がないね…。俺もわからないや。テストした結果を仕様書に記入しておいてよ。それが仕様だから」 テスト担当者：「…」 この話が「あり得ない話」なのか「よくある話」なのかはさておき。今回の話題は、「状態遷移テスト」です。 状態遷移テストとは 「状態遷移テスト」とは、状態遷移図と状態遷移表をもとに行うテストの総称です。私たちテスト担当者は、機能テストやシステムテストにおいて状態遷移図や状態遷移表を作成して、ソフトウェアが「正しく」設計仕様どおりに動くかどうかをテストします。 ですが、この「設計仕様書通りに動く」というところがなかなか難しいところです。冒頭の会話にもありま
node.jsに関する基礎や開発・チュートリアルのまとめ:phpspot開発日誌
node.jsに関する基礎やチュートリアルのまとめ。 リアルタイムなWEBを実現するには必須のサーバサイドJS、node.jsについて色々とまとめてみました。 node.js node.jsについて node.js なんとなく凄そうだけどよく分からないという方も多いかもしれないので簡単に解説。 一番最初見た時は何かのJavaScript ライブラリかと思ったのですが、全く違って、V8というChromeにものっている高速JavaScriptエンジン上で動くサーバを動かせる仕組み。 サーバ自体を具体的に言うと次のようなコードで実現します。 var http = require('http'); http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/plain
foodfoto inc.サイトの作成に使ったツール・サービス - Fjord, Inc(株式会社フィヨルド)
お手伝いさせて頂いたfoodfoto incのコーポレートサイトが2月1日に公開されました。デザインプロセスは@machidaさんが書かれたので僕はシステム面について書きたいと思います。 といってもプログラマーの僕は殆ど何もやってません。これは依頼者である@func09さんとデザイナーの@machidaさんがコラボレーションツールを上手く使った為だと思います。そこでfoodfoto.jpサイトを作るに当たって使ったツールやサービスを紹介してみたいと思います。 Basecamp 言わずと知れた37signals, LLCのコラボレーションツール。ハードに使う人・ソフトに使う人、プロジェクトに関わる人は色々いると思いますが、今回、常にBasecampの画面を睨んでいるというようなハードな使い方ではなく、ソフトに関わった僕としては”メッセージ”の機能が便利に思いました。 “メッセージ”は要は掲示
Google プロジェクト ホスティングの新機能
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://jp.techcrunch.com/2011/03/01/20110228ajax-org-debuts-development-as-a-service-platform-for-javascript-html5/
IDEA * IDEA
https://jp.techcrunch.com/2011/02/18/20110217game-closure-makes-it-a-breeze-to-build-multiplayer-cross-platform-games/
5509.me