bpstudy#25に参加しました

 2009年9月25日に投稿  |  BABA Toshiaki

BPStudy#25に参加しました。 いつものとおりメモ。

MySQLのはなし

奥さん@サイボウズラボ

Happy Optimization

重要なこと

  • プロファイラを使う
  • Oprofileなどなど
  • 局所的な最適化よりも前に考えておくことがある
  • 投入したコストを回収できないと意味がない
  • 「物理限界の○○%」(MIPS、帯域など)を目標にする→ゴールが明確 物理限界＝ゴール(の目標値算出に使える)
  • 一般的にはIPCがネックになることが多い
  • ソケットだと 100k transaction/sec 程度
  • CPUクロックなどから限界値を算出する
  • サーバ側でがんばるか、がんばらないかは考えましょう
  • C10Kの問題はあるわけで。。。 限界を越えよう
  • SIMD(SSE)
  • Instruction per secが足りないならベクタ演算する
  • 圧縮する
  • I/Oの帯域が足りないなら圧縮転送
  • グループコミット
  • I/Oの帯域が足りないならまとめて書き込む(バッファリング)
  • ロック回避

Scaling

Scale?

[続きを読む]
Event 

第10回InfoTalkに参加しました

 2009年9月18日に投稿  |  BABA Toshiaki

例によってメモ～

Twisted

コンピューターは待ちがいっぱい→解決したい 方法は2通り。

スレッドで多重化して効率化

  • 同期型を多重化
  • ブロッキングI/O
  • コードが簡単でわかりやすい
  • 遅い
  • 無駄が多い(なにもせずただ待つ)
  • 多重化したら、切り替えのオーバーヘッドがある

状態が変化したときだけ処理をすることで効率化→Network Programing Style！

例: AJAX, Chrome, Weave, Ariel AirOne, などなど

[続きを読む]
Event 

Desinger×Engineer勉強会#2に参加しました

 2009年9月11日に投稿  |  BABA Toshiaki

Desinger×Engineer勉強会#2に参加しましたので、例によってメモを公開します。

Flashいまむかし

by 木本さん http://c.papapam.com/landing.php?room=FlashImaMukashi

flashの歴史

  • 1985 MacroMind VideoWorks
  • すでにtimelineの考え方がある
  • 1993 Macromedia Director
  • MacroMind+Authoware→Macromedia設立
  • Shockwaveリリース
  • 1996 FutureSplash Animator(by FutureWave Software) = Macromedia Flash 1
  • MacromediaがFutureWave Softwareを買収してリリース
  • レイアウトが今のflashとほぼ同じ
  • Future spLASHでFLASH?という噂
  • 1997 Macromedia Flash 2
  • ボタンができた
  • フレームアクションができた→インタラクティブになった！
  • 1998 Macromedia Flash 3
  • Netscape Navigator(当時は有償)にpluginが標準搭載された
  • 1999 Macromedia Flash 4
  • 企業サイトで普及した
  • MADムービーなどでもよく使われた
  • 条件分岐などができるようになった
  • 携帯用のFlash Lite 1.0は、Flash 4をベースにしている(が、互換性はいまいち)
  • 2000 Macromedia Flash 5
  • ActionScriptが搭載された！
  • 同時期にAdobeがLiveMotionを発表→2003年にver.2で撤退
  • 2002 Macromedia Flash MX(Ver.6) / Macromedia Flash Communication Server MX
  • Flashビデオがサポートされた
  • 2003 Macromedia Flash MX 2004(Ver.7) / Macromedia Flash Communication Server MX 1.5
  • ActionScript2.0
  • 2004 Macromedia Flex
  • MXMLでかける。プログラマーとデザイナーの作業を分離した。
  • 227万円。高すぎ。生成するflashが遅い。
  • 2005 Macromedia Flash 8 / Macromedia Flash Media Server 2 / Macromedia Flex 2
  • Basic版 / Professional版が出たが、Basicは機能が少なすぎてほどなく消えた
  • FlexをEclipseベースで作り直した
  • Adobeに買収された
  • Flash Lite 3.0のベース
  • 2007 Adobe Flash CS3 Professional(Ver.9) / Adobe Flash Media Server 3
  • Action Script 3.0で動作が10倍くらい高速になった
  • ボタンにアクションが書けなくなったりした
  • H.264やHDに対応した
  • 対抗馬として、MicrosoftからSilverlight1.0がリリースされた DRMなどが得意。3Dも強い。
  • 2008 Adobe Flash CS4 Professional(Ver.10) / Adobe AIR 1.0 / Adobe Flex3
  • AIRはWebkit内蔵
  • Flash自体は画像操作などに強くなってきた
  • 2009 Adobe Flash Catalyst 1 / dobe Flash Builder 4 / Adobe Flex 4
  • ツール: flash / フレームワーク: flex という命名変更
  • デザイナー向け専用ツールとしてFlash Catalystを提供

ActionScript

  • フレームにスクリプトを定義する
  • 関数呼び出しがないので、gotoで代用していた
  • プラグラムがすさまじく分散するので管理しづらい
  • グラフィック+アクションがセットになるので、わかりやすかった。流用が楽だった
  • ActionScript3.0から、プログラマー的にまともになった
  • Swingっぽく、イベントリスナを登録するようなコーディングスタイルになった
  • AVM(ActioNScript Virtual Machine)
  • Flash Playerに内蔵されている
  • Flash Player9から、AVM2が搭載された→互換性なし

Flash制作もろもろ

  • ActionScript3.0になって、デザイナーの心が折れている
  • でも、いまのところAdobeはさらに高機能化の方向 Flash制作する人
  • Adobe Flash CS4 Professional 1択
  • 互換品で作って納品はちょっと・・・
  • FLVエンコーダも内蔵
  • フレームワークが登場してきた
  • Progression
  • Spark project
  • Flash Catalyst(未発売)もあるよ
  • FlexアプリケーションのView部分を作れる
  • FXGという新フォーマット エンジニア
  • Adobe Flex 3がよさげ
  • お金がない人はFlashDevelop 3 + Flex 3 SDK
  • Windows専用
  • がんばればAIRも作れる ちょっとやってみたい人
  • wonderfl
  • カヤックがやっているwebサービス
  • ActionScript3.0対応

コツ

  • flashを上書き保存すると・・・
  • 差分保存を繰り返すので、どんどんデカくなっていく
  • しまいに・たまに・壊れる
  • 別名保存で回避 or 差分解消コマンドで回避

Adobe AIR×Google App Engineの移行tips

by 佐藤一憲さん http://www.slideshare.net/kazunori279/flexairgaejtips

[続きを読む]
Event 

BPStudy#24に参加しました

 2009年8月28日に投稿  |  BABA Toshiaki

bpstudy#24に参加しました。

今日のお題

開発者のためのHTML5講座 白石さん＠あゆた

# HTML5? - main部分だけのPDFで900page以上の大作 - 2009.10にfinal draft目標 - W3Cの勧告になるのは2022年とか。。 - 実装が出揃うのはもっと前 おおきく二つにわかれている - Markup - 冒頭に空のDOCTYPE宣言を書く→```` - 空なのは「最新で」という意味だとかなんとか・・・ - Web Application API ## HTML5とXHTML HTML5のボキャブラリを扱えるXHTML＝XHTML5 XHTML5はXHTML1.0の置き換えを意図している # Markup 新タグ - divをもっとsemanticにする文書構造タグ - article, aside, nav, footer, header... - 埋め込み要素のタグ - fiture, source, video, autio, canvas, embed - form, webアプリ - keygen, output, inputに新しい要素 - インタラクティブ - テキスト強化 - ルビなど 特徴 - metaタグでcharsetを指定する→```` ※XMLではないから閉じなくてよい - アウトライン構造を意識するようになった - 「セクション」の概念ができた - 各セクションに見出し(h1～h6)をつけることになる →セクションごとにh1を書くことができる。 ※body直下のh1と、bodyの中のarticleの中のh1を区別してもらえる ## Canvas 実装が進んでいる要素。**IE以外なら**、すでに使える。 図形・テキスト・画像・動画などを描画でき、自由にトランスフォームできる。 - 現在は2D - 3Dも登場しつつある - O3D(Google), Canvas3D(Mozilla),Operaなど実装が登場しつつある 動画もプラグインなしで再生できるようになる(``video``タグ) →JavaSciptから操作可能 動画の標準エンコーディングはHTML5に盛り込まれなかった→超残念 ## Form inputのtypeが大幅に追加 - tel, search, url, email, datetime, datetime-local, date, month, week, time, number, range, color - 現時点ではFormについてはOperaが頑張っている バリデーションもできるように(submit時、JavaScriptでkickなど。) - required - pattern - typeでのチェック(email,urlなど) オートコンプリートが制御できるようになった 候補を提示できる ## Drag and Drop ネイティブサポートされる(ようになる) ## その他 designModeとexecComman()が標準化されてWYSIWYGエディタを作れるように などなど # Open Web Platformを支えるAPI ## アプリケーションキャッシュ オフラインWebアプリを実現するために、必要なリソースをローカルにキャッシュするしくみ キャッシュマニフェストファイルを作成することで実現する。 マニフェストが更新されていたら、ファイルを取得しなおす(if-modified-siceなgetをする) キャッシュというか、定義してくれたものを全部もってくる(pre load的な動作) ## クロスドキュメントメッセージング - 異なるウィンドウ(document)間でのメッセージングを実現 - クロスオリジンの通信も可能 - 送信元の確認が重要 ## Web Workers バックグラウンドスレッド workerとは変数など共有しない。元ウィンドウのコンテキストも触れない →メッセージングで情報をやりとり workerはデバッグできない。。。 ## Web Storage KVS - LocalSorage ドメインごと、永続期間無制限 - SessionStorage ウィンドウごと、永続期間はウィンドウを閉じるまで - 同期APIと非同期APIがある - 同期APIはworker内でしか使えない ## Web Sockets 非HTTPwで双方向通信を実現するためにAPI port: 81(ws), 815(wss) # まとめ なかなか便利。 一通り把握するところからだなぁ。。。
Event 

SocialWebJapan#3に参加してきました

 2009年8月26日に投稿  |  BABA Toshiaki

例によって、嘘・大げさ・紛らわしいや、私の誤解などある可能性がありますのでご容赦ください。

looops斉藤さん

Sorial Mediaは儲かるか？

単純な広告モデルはキツイ。

Facebookがアツい

All Facebook でランキングが見られる。 Daily Active Userの集計らしい。 ここ3ヶ月は農場育成ゲームがアツい。1,2位独占。 ここ3ヶ月で約半数が入れ替わり。 2009.8 best50のうち、

[続きを読む]
Event 

第9回InfoTalkに参加しました

 2009年8月23日に投稿  |  BABA Toshiaki

blog上の日程が前後してますが、第9回InfoTalkに参加してきました。 →InfoTalk

マーケットアウトによるWebマーケティング

by 大森 義輝 氏＝アイオイクス株式会社 SEO事業部 コンサルタント webをパーソナライズして、 コンバージョンレートを向上させよう！ というお話でした。 パーソナライズというと「会員向け」というイメージがあるけども、材料として

[続きを読む]
Event 

Python Hack-a-thon #1に参加しました

 2009年8月22日に投稿  |  BABA Toshiaki

ちょっと面白そうだったので、Python hack-a-thon #1に参加してきました。 →Python Hack-a-thon #1 - Twisted Mind 10:00開始のところ10:20到着という、 相変わらずの遅刻っぷりを発揮してしまいましたが、 興味があったDjangoのハンズオンに参加させてもらいました。 リーダーはid:tokibito。淡々とわかりやすく教えてくれました。 いろいろフォローしてくれたので、楽しくできました！ mysql_replicatedなるものがあって、結構使えるとのこと。 たしかrailsにも同じようなものがあったはず。便利な世の中です。 それにしても、Django島のMac率の高さは異常。 Macが11/13とか。。これはもう買うしかないですね。 でも、もうUbuntuから離れられない予感もしてるんだよねぇ～。悩ましい。

ただ参加しただけではアレなので、環境構築が不安(いるのか?)という方のために Djangoインストール済みのAMI(Amazon Machine Image。Amazon EC2で使えるやつ) を作ってみました。 ami-059e7e6c → ami-57fd1d3e ※作り直しました Djangoチュートリアルで使えるかもしれません。 ↓インストールしたもの

[続きを読む]
Event 

CentOS5.3にKaresansuiをインストールしてみた

 2009年7月26日に投稿  |  BABA Toshiaki

CentOS5.3にKaresansui-1.0.2-1をインストールしてみたときのメモです。

今回の環境

  • CentOS 5.3
  • DELL SC1435
  • Opteron 2376(2.3GHz Quad-Core) x2
  • 8GB Memory

インストール

参考:

まずXenを動かす

rootで実施

[続きを読む]
Linux