タグ

2010年4月22日のブックマーク (15件)

  • wonderflから学ぶActionScript 3.0最適化 | ClockMaker Blog

    いつも勉強になる_level0.KAYACさんのブログでイベント告知(ごはんとFlash -Its a wonderfl rice-)がありましたが、皆さん詳細をチェックしましたか? ライブコーディングというその場でActionScript 3.0を書いて課題のFlashを作るという企画もあるのですが、私も参戦します。果たして30分で作り上げることができるのか、今から緊張します。 さて、前置きが長くなりましたが、wonderflで検証されたActionScript 3.0最適化手法をまとめてみました。詳細は以下から。 Bitmap関連 Flashの処理速度の最適化において、描画処理の最適化は最も効果があります。ここではスクリプトで高速化した検証結果をまとめてみました。 BitmapDataクラスのdraw()とcopyPixels()だとcopyPixels()のほうが160%高速。 co

  • tokuhirom blog

    Blog Search when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.path} [in template "__entry.ftlh" at line 3, column 25] - Reached through: #include "__entry.ftlh" [in template "entry.ftlh" at

  • HTMLテーブルの縦横を固定にしてデータを見やすく·Super Tables MOONGIFT

    Super TablesはJavaScript製のオープンソース・ソフトウェア。業務システムをはじめ、レポート出力等で多用されるのがテーブル組みだ。縦横に長いデータを表示する場合、表計算ソフトウェアであればヘッダ部を固定表示にする。そうすればスクロールしても何の項目かすぐに分かる。 中央に表示されているテーブル だが素のままのHTMLではそのような柔軟な表示は行えない。そのためシステムによっては10行ごとにヘッダを繰り返し挿入したりする。だがそれも再利用性が悪くなるだろう。そこで使ってみたいのがSuper Tablesになる。 Super Tablesを使うとテーブルの縦方向ヘッダを固定にしてスクロールしても常に表示される。さらに横方向のヘッダも固定になり、一番左側のカラムが常に表示されるようになる。テーブルのユニークになるIDを常に表示したりすると便利だ。 実際のデータ。普通のテーブル組

    HTMLテーブルの縦横を固定にしてデータを見やすく·Super Tables MOONGIFT
  • ユーザビリティ向上に。デフォルト値を薄い文字で表示する·jQuery Watermark MOONGIFT

    jQuery WatermarkはjQuery用のオープンソース・ソフトウェア。最近のWebサイトでは登録フォームにどういった文字を入力すべきかを提示するケースが多くなっている。例えばユーザIDと書かれていれば何を入力すれば良いか分かりやすい。他にも検索ボックスにSearch...と書かれているのもよく見かける。 予め文字を入力してユーザビリティを向上する そんなテキスト入力を補助する効果を実現するのがjQuery Watermarkだ。名前の通りjQueryプラグインなので、jQueryを使った開発の際にはぜひ使ってみたいライブラリだ。テキストボックスの他、テキストエリアに対しても適用できる。 テキストボックスに対して利用する他、パスワードボックスでも通常のテキストを表示しつつマウスがフォーカスしたら内容を消すこともできる。さらにSafari用の検索ボックスへのデフォルト表示にも対応して

    ユーザビリティ向上に。デフォルト値を薄い文字で表示する·jQuery Watermark MOONGIFT
  • PythonのコードをJavaScriptに変換する·Pystachio MOONGIFT

    PystachioはJavaScript製のオープンソース・ソフトウェア。Webシステムにおいてクライアントサイドで選べる言語はあまり多くない。JavaScript/ActiveX/Flash/Javaくらいだろうか。動作の軽快さやユーザビリティを考えるとJavaScriptが良い選択肢になるだろう。 PythonのコードをJavaScriptに変換して実行する とはいえサーバサイドと合わせて二つの言語を使いこなすのは面倒だ。そこでPystachioの出番となる。PystachioはJavaScriptで作られたソフトウェアだが、Pythonのコードを解釈してJavaScriptとして実行してしまおうという試みがなされている。 キーワードはscriptタグの「text/python」になるだろう。これが埋め込まれている内部のコードを解釈してJavaScriptに変換するのがPystachi

    PythonのコードをJavaScriptに変換する·Pystachio MOONGIFT
  • Railsベースの高機能SNS·Crabgrass MOONGIFT

    CrabgrassはRuby on Rails製のオープンソース・ソフトウェア。SNSはFacebookやMySpaceといったグローバルなものや、mixiやGREEといった国内専用のものがあり、既に飽和しつつあるように感じるかもしれない。だがセグメントを絞り込んだ取り組みではまだまだ開発の余地がある。 タスク管理もあるSNSではOpenPNEが有名なオープンソースSNSだが、ソフトウェア自体は他にもたくさん存在する。そうしたソフトウェアを知っておくことで、よりニーズに適したものを選定できるようになるだろう。CrabgrassはRuby on Railsで作られたSNSだ。 Crabgrassが提供する機能はグループ、友人とのコネクション、タスク、チャット、メッセージ、つぶやきとなっている。さらにグループではフォーラムやWikiといった機能がある。基的な機能は十分にあると言えるだろ

    Railsベースの高機能SNS·Crabgrass MOONGIFT
  • たまには$を書かない日を -No Dollar Sign Day-

    PHPを日々書いている人へ。 たまにはPHPから離れて他の言語でプログラムを書いてみましょうという話です。 Webシステムのプログラムを書く手段としてPHPは実用的なのですが、他にも様々な言語が存在しているのは周知のとおりです。PHPにはPHPの、他の言語には他の言語の良いところ悪いところがあり、それらは普段使っている言語を離れて他の言語を知ることによって、初めて気付かされます。 また他の言語での実装方法を知ることにより、PHPで実装する際に別の角度からプログラムを見ることができ、さらに深い理解を得ることができます。 PHPを極めていくことはとても良いことなのですが、ある程度頭で描いた仕様が実装できるようになったのなら、是非他の言語を触ってみることをおすすめします。 では実際どの言語を触ってみるのが良いかという話になるのですが、普段PHPでWebシステムを開発しているなら、おすすめはPyt

  • オープンソースのネットブートシステム·netboot.me MOONGIFT

    netboot.meはPC/AT互換機向けのオープンソース・ソフトウェア。セキュリティ対策が謳われる中、度々取り上げられるのがシンクライアントだ。幾つか方式はあるが、サーバ上にOS自体置いてしまい、実行時にダウンロードして利用するタイプのものもある。だがWindowsのような大きなOSは難しいだろうし、仕組みも複雑だ。 仮想マシンにて実行したところ ネットブートができるとUSBメモリに入れてOSを持ち歩くよりも安全だ。もし紛失してもデータの漏洩はなくなる。そんなネットブートシステムを手軽に実現するのがnetboot.meだ。netboot.me自体はCD/DVDまたはUSBメモリ等にインストールして利用する。 そしてnetboot.meからシステムを立ち上げると起動するOSを選択する画面になる。インターネット経由なので大型のOSは難しい。それでもコンソールベースのFreeBSDやX Win

    オープンソースのネットブートシステム·netboot.me MOONGIFT
  • v8エンジンによるJavaScriptのWebサーバ·node.js MOONGIFT

    node.jsはJavaScript製のフリーウェア(一部オープンソースのライブラリが入っている)。クライアントサイドとサーバサイド、両方が同じ言語で書ければどれだけ開発工数が低減されるだろうか。Web系の技術者は常にそこにジレンマを感じることだろう。 デモのチャットアプリ 方法は二つ、JavaScriptでサーバサイドを実装するか、GWTのようにJavaScriptを覆うかだ。node.jsはJavaScriptでサーバサイドを実装する。特徴的なのはそのエンジンとしてGoogle製のv8エンジンを採用していることだろう。さらにnode.js自体がポートをリッスンし、Webサーバとして動作するのが特徴だ。 独自でWebサーバを用意しているからだろうか、動作は軽快だ。チャットアプリケーションがデモとして用意されているが、レスポンスはとても良い。サーバサイドの実装と合わせて同一言語で開発できる

    v8エンジンによるJavaScriptのWebサーバ·node.js MOONGIFT
  • Flashベースのグラフ化ライブラリ·BirdEye MOONGIFT

    BirdEyeはFlash製のオープンソース・ソフトウェア。グラフ表示を行うライブラリは多数存在する。簡易的なものであればHTMLレベルで描くこともできる。さらに多機能なものが必要であればJavaScriptを使うこともできる。そして複雑なグラフを描きたければ導入したいのがFlashベースのグラフライブラリだ。 BirdEyeはFlash製のグラフライブラリだが、その機能は実に多彩になっている。あまり簡易的なグラフを描くのには向かないかも知れないが、逆に高度なものを必要とする際にはぜひチェックしたい。棒グラフや円グラフ等の一般的なグラフはもちろん、家系図のようなグラフを描くこともできる。 もちろんFlashを使っているので動的に表示を変更するインタラクティブなグラフを描くこともできる。棒グラフと範囲グラフ、折れ線グラフを吹く動的に組み合わせるようなものを作成可能とあって、高機能なグラフを描

    Flashベースのグラフ化ライブラリ·BirdEye MOONGIFT
  • 【成人限定】 「フロム・ヘル」はスゴ本

    100年前のロンドンを舞台に、切り裂きジャックをモチーフにした傑作。血の色は黒、どす黒い闇と同じであることを思い知った。もちろん、よい子は、読んでは、いけない。 「コミック」や「マンガ」という呼び方は適当でない。画とフキダシはあれど、物語装置は精密で、伏線は丁寧に織り込まれており、「見る」というより「解く」ように読みしだく。巷の呼び名「グラフィック・ノベル」が合っているね。 そして、全編モノクロ。バッキンガム宮殿の女王陛下からホワイトチャペルの娼婦まで、ありとあらゆる階層の人物が、文字どおり、「黒」と「白」に塗り込められる。全体的に、重くて、寒い。光の当て具合が絶妙で、独白のときは横顔を浮かび上がらせ、凶行の場面ではもちろん後ろから照らす(当然、表情は見えず、わずかに光る白目が強い殺意を顕す)。「解体」現場は明々と照らされた手術室のようなシーンで立ち会える。嬉しくはないが。 ほとんどのペー

    【成人限定】 「フロム・ヘル」はスゴ本
  • iモード専用サイトのhtmlソースの閲覧方法 « mpw.jp管理人のBlog

    iモードブラウザ2.0のJavaScriptを調査・研究する過程で、iモード専用サイトのhtmlソースを閲覧する方法を発見しました。 今回発見した方法を用いれば、「ドコモ・ゲートウェイ以外からのアクセスを禁止している」、「サーチエンジンのクロールを禁止している」、「XSS脆弱性が存在しない」の三つの条件を満たしているiモード専用サイトでも、htmlソースを閲覧することができます。 しかし、htmlソースを閲覧するためには、そのiモード専用サイトが別の二つの条件を満たしている必要があります。 htmlソースが閲覧可能なiモード専用サイトの条件 デフォルトホストで運用されている。(ヴァーチャルホストではない) iモードブラウザ2.0のJavaScriptからのアクセスを禁止していない。 iモード専用サイトのhtmlソースの閲覧方法 iモードブラウザ2.0のJavaScriptで、htmlソース

  • なぜTwitterは低遅延のままスケールできたのか 秒間120万つぶやきを処理、Twitterシステムの“今” − @IT

    ユーザー同士のつながりを元に時系列に140文字のメッセージを20個ほど表示する――。Twitterのサービスは、文字にしてしまうと実にシンプルだが、背後には非常に大きな技術的チャレンジが横たわっている。つぶやき数は月間10億件を突破、Twitterを流れるメッセージ数は秒間120万にも達し、ユーザー同士のつながりを表すソーシャル・グラフですらメモリに載る量を超えている。途方もないスケールのデータをつないでいるにも関わらず、0.1秒以下でWebページの表示を完了させなければならない。そのために各データストレージは1~5ms程度で応答しなければならない。 Twitterのリスト機能の実装でプロジェクトリーダーを務めたこともあるNick Kallen氏が来日し、2010年4月19日から2日間の予定で開催中の「QCon Tokyo 2010」で基調講演を行った。「Data Architecture

  • 少しのコードで実装可能な20のCSS小技集

    2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください! ↑私が10年以上利用している会計ソフト! コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね! 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox

    少しのコードで実装可能な20のCSS小技集
  • AppEngineのDatastoreの学び方 - ひがやすを技術ブログ

    Google AppEngineではBigtableの上にDatastore Serviceが構築されていて、開発者は、このDatastore Serviceを利用してBigtableにアクセスすることになります。このDatastore ServiceはPython版もJava版も機能はほとんど同じです。もしかすると、全く同じものかもしれません。 GAE/Jの場合、JDOを通じて、Datastore Serviceを利用するのが推奨されていますが、実はこれが嵌りポイント。 JDOは汎用的なインターフェースなので、Datastore Serviceを理解するのには向いていません。Datastore ServiceがRDBMSのような高機能なら、JDOを通じて抽象化し、Datastore Serviceのことは知らなくても済すのもぜんぜんありなのですが、残念ながら、そうなってはいません。 Da

    AppEngineのDatastoreの学び方 - ひがやすを技術ブログ