PHPカンファレンス2013 の #P4D ワークショップでお話させていただきました。 私がお手伝いさせていただいてる Forkwell のサービス開発のフローを例に紹介させていただきました # 補足などを追記 http://d.hatena.ne.jp/ken_c_lo/20130915…
先日プレスリリースが出たのですが、KAIZEN platform という会社で技術顧問などをやっています。それから、一昨日自分も出たWebアプリケーション開発に関する勉強会 (資料) を開いたじげんという会社でも少し前から同じように顧問のような形で携わっています。 自分が関わっている会社のPRも含めて、すこし、2013年現在のWebサービス開発の現場感、やり方みたいなものを書いてみたいと思う。ただ、自分の利益があるところの話だけではフェアではないので、Webエンジニアならよく知っているであろう Qiita を運営しているインクリメンツの様子も合わせて紹介する。 KAIZEN platform KAIZEN platform が提供しているサービスは planBCD という A/B テストの SaaS で、Webサイトのコンバージョンだとかを画面の構成要素を変えて効果測定したいとか、そういう
コミュニケーションサービス「アメーバピグ」のアバターを利用したソーシャルゲームサービス「ピグライフ」を2011年6月から提供しているサイバーエージェント。2012年5月には「ピグアイランド」、さらには同年8月に「ピグカフェ」、同年11月には「ピグワールド」を開始するなど、矢継ぎ早に新たなソーシャルゲームサービスをリリースしている。 同社では、これらの新サービス拡大に当たり、急増するゲームデータの処理に最適なデータベース基盤の構築を検討。ピグライフのサーバ環境や運用に生じていた課題を踏まえ、データ処理の高速性、ラックへの集積度の高さ、スケールアウトできる拡張性、カスタマイズの容易さを重視。新たなサーバ環境へ刷新したという。 ピグライフのデータベース基盤としてサイバーエージェントが当初利用していたのは、欧米や国内大手ベンダーのサーバだった。だがシステム基盤刷新にあたり同社が採用したのは、大手ベ
多彩な表現力のWebGLを扱いやすくする「Three.js」:Webグラフィックをハックする(5)(1/5 ページ) Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリだ。サンプルコードと見比べながら、効率良く学習しよう Three.jsの基礎 本連載も5回目を迎え、いよいよ佳境に入ります。今回の題材は、Webブラウザ上で3次元グラフィックを実現する「WebGL」です。ただし、これまでと違ってAPIを直接は触れず、「Three.js」を利用します。Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリです。Mr.Doob氏を中心にオープンソースで開発が進められており、WebGL界隈ではデファクトスタンダードに近い地位を築いています。 Three.jp公式サイト WebGLはこれまで解説し
Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム Facebookは今年、HTML5ベースで開発したモバイルアプリの動作速度や安定性で不評を買い、動作を改善したネイティブアプリケーションをあらためてリリースしました。ザッカーバーグ氏もこれを振り返って「HTML5に賭けたのは失敗」と発言しました。 しかし「Facebookのモバイルアプリ開発チームが抱えた問題の理由を、私たちは怪しいと思っている」(We had our suspicions about why Facebook's mobile application team had problems)とブログに書いたのは、HTML5ベースのモバイルアプリケーションフレームワーク「Sencha Touch」の開発チーム。
こんなの見つけましたiWebInspector [簡単な使い方] iOSシミュレータを立ち上げる シミュレータ内のSafariで調査したいページを開く iWebInspectorの”Load from Safari”をクリック Page Listingという今見てるページの確認画面が出るので良ければリンクをクリック SafariとかChromeのWebインスペクタに似た画面になるので、色々HTMLとかCSSを調整すると、iOSシミュレータ内のSafariに反映される! 立ち上げるとこんな画面 iOSシミュレータのSafariで適当なページを開く Webインスペクタが表示された! インスペクタでタグを選ぶとシミュレータ内のタグがハイライトされる。 background-colorを変えてみたり、h2タグの中身を変えてみたり 読み込み速度見てみたり ConsoleからJavascript叩いて
髪を切った@HIROCASTERでございませう。 今日は巷で話題のfluentd(フルーエントディー)を使って、アクセスログを活用するための準備をしたいと思います。 簡単にfluentdを使って何をするのか 例えばこんなこと という、知識や目的の準備です。 fluentd とは? Linuxサーバなどのログを集約するためのツールです。ログ形式は良くあるテキスト形式ではなく、JSON形式にて構造化された形で保存されるため、集約されたログデータを解析したりするのがとってもやりやすくなります。 従来のテキストデータで出力されるApacheのログなどを読み込んで、fluentdでリモートログサーバに飛ばして、集約保存することなんてことができます。 集約されたログデータを解析サーバで解析して、グラフで出力とかするわけです。 具体的にどういうことができるの? ログデータの活用は無限大なので、さまざまな
Play framework で Java Web アプリケーション開発をもっと簡単に ついに Web デベロッパによって Java フレームワークが開発されました。 ぶくぶくに膨れ上がったエンタープライズ Java をクリーンに置き換える魅力に気付いてください。 Play は開発者の生産性に注目し、RESTful アーキテクチャを目指します。 ★ リリース 1.0.2 ダウンロード そして はじめてみよう ! 概要 バグを直したらリロードするだけ Java ファイルを修正して、保存して、ブラウザをリロードすれば、すぐに結果を見ることができます! コンパイルもデプロイもサーバの再起動も必要ありません。 ステートレスモデル Play は "Share nothing" なシステムです。 同じアプリケーションの多数のインスタンスを複数台のサーバ上で動作させることで容易にスケールし、REST に
WEBサイトに情報を入力するだけで負荷テストができるLoad Impact、GUIから操作できるApache JMeterや、コマンドラインから使うcurl-loader・httperf・Siege・Pylot・abを簡単な使い方と共に紹介していきます。 Load Impact http://loadimpact.com/ Load ImpactはスゥエーデンのGatorhole AB社が管理している、フォームに必要な情報を入力するだけで負荷テストをしてくれるWEBサイトです。 ツールをインストールしたりする必要が有りませんので、非常に楽です。 毎月5回まで無料で負荷テストができます。 それ以上は10回/$30のクレジットを購入する事になります。 トップページのフォームにURLを入れて「Run free test」をクリックすると、世界各地のいずれかのAmazon EC2サーバから負荷テス
僕たちの勉強会は、まだ始まったばかりだ…ビシッ!! m9( ・`ω・´) はじめに 皆様、最近ちょっとずつ寒かったり暑かったりしますがお元気でしょうか? 僕は秋の花粉症でぐだぐだですが、元気です。 突然ですが 最近、「UT Startup Gym」(UT スタートアップジム)という「ウェブサービスの企画、開発」の勉強会をやっています。 ずっと知り合いの中だけでやっていたのですが。 最近、一区切りつき、もっとこの勉強会に多くの人に参加して欲しいなと思いブログを書くことにしました>< みなさんは ウェブサービスを作りたいなって思ったことありませんか? 僕はよくあります。 「なんで、〇〇みたいなサービスってないんだろーなー」とか、「もっと、こういうサービスを作ってみたいなー」とか そういうとき、自分ですぐにそのウェブサービスを作り上げることが出来たらなあと思います でも そうは言っても、なかなか
JQTouchやPhoneGap、jQuery Mobileを利用したモバイルアプリ開発と、オバマサイトのキャンペーンの裏側が語られた「Web Directions East 2010」レポート(後編) 10月15日に開催されたWeb Directions East。後編のレポートをお届けする。 Jonathan Stark氏「HTML, CSS, JavaScript を利用したモバイルアプリ開発」 Jonathan Stark(ジョナサン・スターク)氏は、モバイルアプリケーション開発を専門にコンサルタントとして活躍する一方、オライリー・ジャパンから出版されている『iPhoneアプリケーション開発ガイド―HTML+CSS+JavaScriptによる開発手法』の著者でもある(この書籍は日本でも高い支持を得るている)。氏は、昨今におけるモバイルアプリ開発にどうして関心が集まるのかを解説し
App Store登録もOK!JavaScriptで作るiPhoneアプリ:これ、俺ならこう使う(5)(2/4 ページ) ハイブリッドアプリケーションとは? ネイティブアプリケーションとWebアプリケーションを比べると、開発の容易さやiPhone以外のプラットフォームでの動作などでは、Webベースのアプリケーションのメリットが大きく、またデメリットも少ないことが分かります。ローカルストレージを利用することで、データ保存の問題もクリアできます。 しかし、WebアプリケーションはApp Storeでの配布ができない点が、大きなマイナスです。苦労して開発したアプリケーションですから、より多くの人に使ってもらい、場合によってはビジネスにつなぎたいものです。 そこで、HTML+JavaScriptの技術を使いつつ、ネイティブアプリケーションを開発する「ハイブリッドアプリケーション」ともいえる開発手法
新着記事一覧 Firefox 4は2010年秋に登場、Mozillaがロードマップ更新 [14:18 9/8] 【レポート】開発者のためのMicrosoft Tech・Ed Japan 2009レポート [14:12 9/8] パイオニア、マルチ・エンタテインメント・ミキサー「DJM-5000」発売 [14:01 9/8] キヤノン、Webプリント機能を搭載するなどスペックアップした複合機6モデル [14:00 9/8] キヤノン、L判フチなしプリントが約17秒という高速なフォトプリンタ [14:00 9/8] キヤノン、A3ノビにまで対応したカラーレーザー並みのビジネスプリンタ [14:00 9/8] キヤノン、A3ノビにまで対応したハイパフォーマンスビジネスプリンタ [14:00 9/8] 約40年間のシンセサイザーの歴史をすべて包括した巨大シンセ音源「TITAN」 [1
IE拡張4種です。4種類とも知っている人は少ないのでは? (1) ieHTTPHeaders リクエストとレスポンスのHTTPヘッダを記録して表示するだけ。シンプルです。 ieHTTPHeaders (2) Internet Explorer Developer Toolbar Beta 3 写真はβ2です、ごめんなさい。 DOM構造を解析してツリー表示するとか、指定した要素に枠線を表示してくれるとか。CSSにこだわりたい時に。 Internet Explorer Developer Toolbar Beta 3 (3) Fiddler リクエストとレスポンスのログをとります。他の機能は上のスクリーンショットを見ればなんとなく分かると思いますが、それだけではなくて、JScript.NET (.NET版JavaScript) のコードを書けば、動作をカスタマイズ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く