2011年5月28日のブックマーク (26件)

  • WebSocketを見てみよう

    スライドは下記URIで公開しています: http://bit.ly/ws-kuruma http://kuruman.org/diary/2011/05/28/file/websocket_study_kuruma.pdf WebSocketを見てみよう @Kuruma # whoami • Kuruma – しがないOpera Browser使い – twitter.com/Kuruma – kuruman.org “WebSocketを見てみよう” (2011-05-28) 2 もくじ • 概要 • 実装状況 • はじめの一歩 – 大まかな決まり事と流れ “WebSocketを見てみよう” (2011-05-28) 3 概要 “WebSocketを見てみよう” (2011-05-28) 4 WebSocketとは draft-ietf-hybi-thewebsocketprotoco

    kkeisuke
    kkeisuke 2011/05/28
  • Ustream: understeerの過去のライブ. 1/5

    kkeisuke
    kkeisuke 2011/05/28
    WebSocket
  • オープンソースソフトウェア - sonix web

    【☆ワイヤレスジャパン2011出展のお知らせ】 ※ソニックスでは、OSSによるAndroidテストツール「SCIROCCO (シロッコ)」のリリースに合わせて、2011年5月25日~5月27日の 期間に開催され「ワイヤレスジャパン2011@東京ビッグサイト」に 出展いたします。 また、5月25日(水)のスマートフォン・タブレットセッション講演 にて発表いたします。 講演名: AndroidUIテスト自動化ツール『Scirocco』  (※ワイヤレスジャパン2011公式ページはこちらから。) 【ツール概要】 『Scirocco』は、ソニックスがOSS(オープンソースソフトウェア) にて提供するAndroidアプリケーション開発用UIテスト自動化ツールです。 Androidアプリケーション開発を行う場合の世界共通の課題として、 対応する端末毎にOSバージョンや画面解像度、性能などが異なり、

    kkeisuke
    kkeisuke 2011/05/28
    Androidアプリケーション開発におけるUIテスト自動化ツール。複数台の端末テストを自動化し、スクリーンショット付きのテスト報告書を出力するツール
  • 画一的なプレゼンテーションにさよならを。HTML5/JavaScript/CSS3によるプレゼン·CSSS MOONGIFT

    CSSSはHTML5/JavaScript/CSS3で作られたWebベースのプレゼンテーションテンプレート。 CSSSはHTML5/JavaScript/CSS3によるオープンソース・ソフトウェア。最近はHTMLJavaScriptを使って作られたプレゼンテーションが増えている。JavaScriptでキーの動きに合わせてスライドを動かす類のものだ。 奇麗なHTMLプレゼン コンテンツがHTMLベース、つまりテキストで作れるのが大きな魅力だろう。そして最新のWeb技術を盛り込んで作られたのがCSSSだ。 CSSSは矢印キーによるスライドと切り替えと、Ctrlキーと組み合わせたキーボードショートカットをサポートしている。Ctrl+Hでスライドのサムネイル一覧を作ることもできる。矢印を押すたびに文字が追加表示されていくと言ったアクションも実装できる。 スライド一覧 良いと思ったのは、スライドの

    kkeisuke
    kkeisuke 2011/05/28
  • WebSocket勉強会

    WebSocket Communication 自己紹介 かみやん (Twitter@kamiyam) システム開発会社 ほとんどWebのシステム Java・C#がメインのプログラマ 元自動車整備士です 今日は大阪から来ました アジェンダ WebSocketとは? 現状WebSocketで何ができるのか? 私のセッションでは難しい話は抜きにしてWebSocketを使ったデモを中心にお送りしたいと思います。 と、事前資料公開時は考えていましたが、デモだけで30分もたないのでWebベースの実装についての解説なども WebSocketとは? 今日、何度も出てきたと思いますが、リアルタイムに双方向通信を可能にするプロトコルです。 SyncSlide WebSocket Communication http://prog.re-d.net/demo/slide/20110528/ USTREAMをご

    kkeisuke
    kkeisuke 2011/05/28
  • Chromeの小技&裏ワザまとめ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    kkeisuke
    kkeisuke 2011/05/28
  • ExpandableListViewクラスで折り畳めるリストを表示する | TechBooster

    今回はリストの中の項目を選択すると、子供のリストが開くExpandableListViewの使い方を説明します。 大項目を表示させておいて、詳細は選択してから表示するような場面で活用できます。 通常のListViewについては下記の記事などが参考になります。 リストビューを使ってデータを一覧表示する リストビューをカスタマイズする それでは続きへどうぞ ExpandableListActivity 通常のListViewにもListViewクラスを直接使う方法とリスト表示専用のListActivityを継承したActivityを用意する2つの方法がありましたが、ExpandableListViewも同じようにExpandableListViewクラスを使う方法とExpandableListActivityクラスを継承したActivityを用意する方法があります。 ExpandableLis

    kkeisuke
    kkeisuke 2011/05/28
    Android
  • lightningTest - jsdo.it - Share JavaScript, HTML5 and CSS

    kkeisuke
    kkeisuke 2011/05/28
    text-shadow で光
  • スマートフォン(iphone、androidなど)とタブレット(ipad,androidタブレット)を判別する方法 - maxfactory | モバイル関連の技術メモ

    ユーザエージェントでの振り分けは、それぞれ下記が判別の条件になります。 デバイス 振分けルール iphone ユーザエージェント内に「iPhone」の文字列が含まれていること ipad ユーザエージェント内に「iPad」の文字列が含まれていること android ユーザエージェント内に「Android」と「Mobile」の文字列が含まれていること かつ 「SC-01C」の文字列が含まれていないこと androidタブレット ユーザエージェント内に「Android」の文字列が含まれていること かつ 「Mobile」の文字列が含まれていない、または、「SC-01C」の文字列が含まれていること BlackBerry ユーザエージェント内に「BlackBerry」の文字列が含まれていること windows mobile ユーザエージェント内に「IEMobile」の文字列が含まれていること

    kkeisuke
    kkeisuke 2011/05/28
    ユーザエージェント UserAgent
  • wonderfl build flash online | 面白法人カヤック

    kkeisuke
    kkeisuke 2011/05/28
  • ランタイム共有ライブラリを調べる | 2BLOG

    Flashには「ランタイム共有ライブラリ(RSL)」という機能がある。 これはAS2のころからある機能でSWFの実行時にあるSWFがもつライブラリを他のSWFから利用するもの。 たとえば、A.swfでもB.swfでも利用するシンボルをShare.swfでRSLとして登録し、実行時に参照する。 するとA.swfとB.swfは自身のライブラリに同じシンボルのデータを持つ必要がなくなり、結果的にファイル容量が軽量化しダウンロードにかかる時間が短縮されたり、一意に修正をすることが出来たりするわけです。 便利そうな機能なのだけど、これが以外に使われない。RSLにすることで、(単一ファイルではありえない)読込みエラーなどが発生する機会が増えるなど構造的なデメリットもあるのだけど、一番の理由は読込みのタイミングがうまく制御できないからではないかと思っている。制御に関してはっきり挙動がわかる資料が無かった

    kkeisuke
    kkeisuke 2011/05/28
  • appforandroid.info

    appforandroid.info 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

    kkeisuke
    kkeisuke 2011/05/28
  • 立体的なCSS3でデザインされた検索フォーム実装チュートリアル:phpspot開発日誌

    Creating A Rocking CSS3 Search Field 立体的なCSS3でデザインされた検索フォーム実装チュートリアルが公開されています。 次のようなデザインですが、これは検索フォームだけではなく色々なところで使うことで個性的で立体的なデザインを作れる気がします。 立体的なボタンはなんとなく押したくなりますね。 押すとちゃんとボタンがへこみます。 CSS3のテクニックを色々と使ったテクニックになっているので解析するだけでも勉強になりそうですね。 関連エントリ CSS3のよく使いそうな10個のテクニックのまとめ CSS3で実装されたボタンのサンプルやチュートリアル総まとめ CSS3な背景パターンのギャラリーサイト「CSS3 Patterns Gallery」 コピペで使えるCSS3ボタン6つのレシピ

    kkeisuke
    kkeisuke 2011/05/28
  • [ Titanium Mobile ] アプリを終了しても値を保持するカウンターのサンプルコード

    Titanium Mobile で、アプリを終了しても値を保持するカウンターのサンプルコードを書いてみました。 ↑ 実行画面イメージ サンプルコード ———————————————————————- 次のコードを app.js として保存し、実行します。 var Count = 0; var win = Ti.UI.createWindow({ title:’Home’ }); var label = Ti.UI.createLabel({ text: ‘0’, color:’#666′, textAlign:’center’ }); var button = Ti.UI.createButton({ title: ‘カウントアップ’, width: 180, height: 40, top: 320 }); var reset_button = Ti.UI.createButton({

    [ Titanium Mobile ] アプリを終了しても値を保持するカウンターのサンプルコード
    kkeisuke
    kkeisuke 2011/05/28
  • Googleマップライクに地図操作ができるJavaScriptライブラリ·Leaflet MOONGIFT

    Leafletは軽量で地図操作に最適なJavaScriptライブラリ。 LeafletJavaScript製のオープンソース・ソフトウェア。かつてWebベースの地図と言えば、画像の上下左右に矢印がついたものばかりだった。それを一変させたのがGoogleマップで、Ajaxによるスムーズな操作を可能にした。 ポップアップ 今やあのUIが当たり前になっている。そして地図以外でも使える場面も増えている。あのようなUIをオープンソースで手に入れたいならばLeafletを使ってみよう。 LeafletはCloudMadeが提供するライブラリで、地図操作に用いることを想定している。マーカー表示やマーカーからのポップアップ、イメージのオーバーレイにも対応する。拡大、縮小する時にはアニメーションしたり、ホイールやダブルクリックでズーム操作もできる。 クリックした場所で表示 マーカーの他にも円や三角形を描く

    kkeisuke
    kkeisuke 2011/05/28
  • ぜんぶピュアCSSでやっちゃおうというJavaScriptの代替デモ56:phpspot開発日誌

    56 Pure CSS Effects Javascript Alternatives Including Demos | Designs Mag (Designs Magazine) ぜんぶピュアCSSでやっちゃおうというJavaScriptの代替デモ56。 全部CSSでやっちゃうのはむしろ手間になったりしそうですが、CSSでもできるという引き出しをもっておくと思いの外簡単にできることもおおそうです。 というわけで、ひと通り見ておいてもよいかと思います。 どちらがらくちんで、マークアップの論理構造的に正しいか等を合理的に考えて、選べるようにしておくとよさそうですね。 関連エントリ ピュアCSSでスライドアウトインタフェースの実現 ピュアCSSなドロップダウンメニュー実装例 ピュアCSSでonclickイベントをシュミレーションするデモ

    kkeisuke
    kkeisuke 2011/05/28
  • [JS]ページをリフレッシュしないでコンテンツをアニメーションでロードするスクリプト -fLoadingSite

    ページをリフレッシュしないで、次々にコンテンツをスライドのアニメーションでロードするjQueryのプラグインを紹介します。 fLoadingSite 0 1 デモページ [ad#ad-2] ロードするコンテンツは、それぞれすべてブックマークが可能です。 上記デモページのトップは「fLoadingSite/sample.html」となり、「About us」をクリックすると、「fLoadingSite/sample.html#aboutus.html」をロードします。 デモページ:About us ※上記リンクで直接「About us」のコンテンツをロードします。 fLoadingSiteの主な特徴 6つのユーザーオプション:url_location, map_location, handler, loadingImg, home_page, page_ref クリック時のhandlerのス

    kkeisuke
    kkeisuke 2011/05/28
  • fieldset要素単位で横スライドするバリデーション付きの入力フォーム用jQueryプラグイン・jQuery Stepy - かちびと.net

    縦長になるような入力フォームにいいかな と思ってメモ。fieldsetでグループ化された 要素単位でスライド化してくれます。下部 までスクロールする必要が無くなるのと、 どこが誤入力か分かりやすい、場所を取ら ないなどのメリットがあります。 特に、入力項目が長いフォームは離脱率を高くする可能性も否めませんので、入力プロセスを補助するのはユーザビリティに大きく貢献出来るかと思います。IE6でも7でも動作するようです。 日語に直してみました。これは1例で、3つに分けなければならないわけではありません。 入力をミスすると、次のfieldset要素に進めない(スライドできない)という仕組み。 fieldsetごとにバリデーションチェックを行うのでユーザーもストレスが無いような有るような。 うん、ストレス無いです。(キリッ ファイルとか <script type="text/javascript"

    fieldset要素単位で横スライドするバリデーション付きの入力フォーム用jQueryプラグイン・jQuery Stepy - かちびと.net
    kkeisuke
    kkeisuke 2011/05/28
  • Ultimate HTML5 Cheatsheat [Infographic] | Tech King

    For this week’s infograpic we decided to create something you can utilize in your day-to-day web design and development tasks. We are very pleased to present to you The Ultimate HTML5 Cheatsheet. We hope you enjoy it and find it useful. Like it? Add this infographic to your blog or share it with friends! 600 pixels wide version <a href="http://www.testking.com/techking/infographics/ultimate-html5-

    kkeisuke
    kkeisuke 2011/05/28
    一覧
  • HTML5 Canvas Cheat Sheet

    http://blog.nihilogic.dk/ Canvas element Attributes Name Type width ulong height ulong Methods Return Name string toDataURL( [Optional] string type, [Variadic] any args) Object getContext( string contextId) 2D Context Attributes Name Type canvas HTMLCanvasObject [readonly] Methods Return Name void save( ) void restore( ) Transformation Methods Return Name void scale( float x, float y) void rotate

    kkeisuke
    kkeisuke 2011/05/28
    一覧
  • qrg0008 (CSS3).pub

    Page 1 of 5 FREEQuick Reference Guide http://www.veign.com Part Number: QRG0008 ©2009 Veign, All Rights Reserved Cascading Style Sheets (CSS 3) BACKGROUND background background-image background-position background-size background-repeat background-attachment background-origin background-clip background-color background-attachment scroll | fixed background-break bounding-box | each-box | continuou

    kkeisuke
    kkeisuke 2011/05/28
    一覧
  • jQuery 1.4.2 Visual Cheat Sheet woorkup.com

    Blog » WordPress » How and where to learn WordPress plugin development (FYI, we build plugins) How and where to learn WordPress plugin development (FYI, we build plugins) It can be overwhelming when you first try to get into WordPress plugin development. Honestly, one of the best ways to learn is just to dive right in and start coding. However, this is something that doesn’t just happen overnight.

    jQuery 1.4.2 Visual Cheat Sheet woorkup.com
    kkeisuke
    kkeisuke 2011/05/28
  • the jackol’s den » htaccess Cheatsheet - Mikhail Esteves

    13July2008 Is Google Making Us Stupid? Posted by Mikhail Esteves under: General. I can feel it, too. Over the past few years I’ve had an uncomfortable sense that someone, or something, has been tinkering with my brain, remapping the neural circuitry, reprogramming the memory. My mind isn’t going—so far as I can tell—but it’s changing. I’m not thinking the way I used to think. I can feel it most st

    kkeisuke
    kkeisuke 2011/05/28
    一覧
  • JavaScript:undefined値の判定

    JavaScriptでは初期化されていない変数には全て「undefined」という値が入っています。 var a; alert(a); //undefinedが入っている これを利用して、変数が定義済みかどうかを判別することが可能です。…が、やり方がいろいろあるみたいなので、まとめてみることにします。 undefinedと比較する if (a === undefined) { alert("aは未定義"); } グローバル変数として、そのまんまundefinedという名前の変数が用意されているので、それと比較するやり方。一番素直な方法ですが、JavaScriptにおいては良くない書き方とされています。 undefinedは予約語ではなく、単なる変数です。だから上書きすることができるし、関数スコープ内で同名のローカル変数を作ることもできます。(ただし最近の処理系ではconst扱いになって上書

    JavaScript:undefined値の判定
    kkeisuke
    kkeisuke 2011/05/28
    typeof
  • [CSS]順序付きリストol要素を視覚的に美しくスタイルするチュートリアル

    プレーンな状態で割とスタイルされるol要素を視覚的に美しくするスタイルシートのチュートリアルを紹介します。 Firefox4でのキャプチャ 順序付きリストを美しくスタイルするチュートリアル HTML HTMLは非常にシンプルなol要素で実装します。 <ol> <li>List item one</li> <li>The second item on the list</li> <li>Number three is a bit longer, with some lorem ipsum for good measure. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad

    kkeisuke
    kkeisuke 2011/05/28
  • hi-posi » AIR for Androidでできない事。

    Posted on 2011年5月26日, 10:22 AM, by 岡田昇三, under AIRforAndroid, Android, Flash. ここにきて、AndroidとiOSの両方に対してアプリを作りたいという問い合わせが増えています。 両方抑えたい!→JavaとObjective-Cで開発→コスト高い&てか人居ない!→Flashアプリ(AIR)ってどうなの? という感じです。 当然ネイティブアプリに比べればできることに制限があります。 自分用メモとして、AIR for Android(iOS)で、できない事をぱっと思いついたものを羅列します。 間違ってるやんけ!これも足しとけよバカチンが!だから歌舞伎町でぼったくりに会うんだよ!みたいなものがあればコメントいただければと思います。 ※追記 5/26 なんか、この記事、拡散が早いので念のために追記しときます。 AIR for

    kkeisuke
    kkeisuke 2011/05/28