2010年5月11日のブックマーク (34件)

  • jQuery Circulate

    Prereqs Requires the jQuery Library as well as the Easing plugin. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script> <script type='text/javascript' src='js/jquery.easing.1.2.js'></script> <script type='text/javascript' src='js/jquery.circulate.js'></script> Usage / Options / Defaults $("#anything).circulate({ speed: 400, // Speed of each qu

    kkeisuke
    kkeisuke 2010/05/11
  • Mediator パターン再履修(2)【閃光的網站・弛緩複合体 -Review Division-】

    前回、Mediator パターンを調べたときは Obsever パターンとの違いがよく分からなかったんですが、それは複数の Colleague が単一クラスの事例だったせい。 Mediator パターンが来の力量を発揮するのは、Colleague がいろいろなクラスの混成部隊のときなんですね。 ってなわけで、再履修を始めるにあたって、来の Mediator パターンの使われ方について、ちゃんと見てみますよ。 参考書は← 「Head Firstデザインパターン ―頭とからだで覚えるデザインパターンの基」では、Mediator パターンは『その他まとめて』の扱いだったので、いまいちでした。 Madiator パターンは以下の2種類のクラスによって構成されるパターンです。 周囲に影響される有象無象(Colleague) その有象無象に指示を与える司令官(Mediator) Colleagu

    kkeisuke
    kkeisuke 2010/05/11
  • wonderfl build flash online | 面白法人カヤック

    kkeisuke
    kkeisuke 2010/05/11
  • Androidアプリのアニメーションリソースの使い方、定義方法

    Androidアプリのアニメーションリソースの使い方は? Androidアプリでは、文字列や色など、リソースとしてXMLに定義したりしますよね。 これと同じく、アニメーションをリソースとして定義する事ができます。 Androidアプリのアニメーションリソースの追加方法 まずは、アニメーションを定義する為のXMLファイルの追加の手順を説明します。 基的に文字列やレイアウトのXMLの追加方法と同じです。 EclipseでのXMLの追加方法 但し、アニメーションを定義するためのXMLを追加する場合は以下の画面の赤枠部分のラジオボタンで「Animation」を選択してください。 ファイル名は、何のアニメーションかわかるような適当な名前でOKです。 今回は、testanime.xmlとでもしておきます。 そして、Finishボタンを押すと、以下のように、Androidプロジェクトのresフォルダの

    Androidアプリのアニメーションリソースの使い方、定義方法
    kkeisuke
    kkeisuke 2010/05/11
  • 複数SWF間でクラスを共有させるコツ(1) | _level0 - KAYAC Front Engineer Blog

    プロジェクトが複雑になった時、SWFを複数に分割することがあります。たとえばボタンやエラーパネルのような共通の素材を別SWFにして使い回したり、Progressionのpreloaderのように役割をわけたり、といった場合があります。 このように同じ要素を一元化すると開発上とても効率がいいのですが、実はちょっとだけ問題があります。 複数のSWFにまたがって同じクラスファイルを使うときは、実際はそれぞれのSWFに同じクラス定義が存在しており、実行時には同じパッケージ内の同名クラスがあればロードした親クラスの方が優先されます。 内容が全く一緒であれば問題はありませんが、開発の途中でSWFごとに微妙に違うバージョンが混在した場合、定義がちがったり挙動が変わってしまってうまく動かなくなることがあります。 これに気をつけて開発するコツを少しまとめようと思います。 共有する方法 まず前提として共有する

    複数SWF間でクラスを共有させるコツ(1) | _level0 - KAYAC Front Engineer Blog
    kkeisuke
    kkeisuke 2010/05/11
  • [AS3]Progression4メモ - BONKURA BLOG

    kkeisuke
    kkeisuke 2010/05/11
    TweenListクラスを使えば登録された複数のコマンドを開始タイミングをずらしながら実行させることが可能。
  • 印象的にサムネイルを魅せられるjQueryチュートリアル via Scrollable Thumbs Menu with jQuery

    twitter facebook hatena google pocket まずは見ていただいた方がいいかもしれません。(サンプル) このような印象的なサムネイルの魅せ方をJavaScriptライブラリjQueryで実現しています。 上記のようなアパレルだけでなく、ブランド志向の商品・サービスに使えそうです。 via:Scrollable Thumbs Menu with jQuery | Codrops sponsors 使用方法 まずhtmlのマークアップです。 <ul class="menu" id="menu"> <li> <a href="#">Brand 1</a> <div class="sc_menu_wrapper"> <div class="sc_menu"> <a href=""><amp-img src="images/1.jpg" alt=""/></a> <a

    印象的にサムネイルを魅せられるjQueryチュートリアル via Scrollable Thumbs Menu with jQuery
    kkeisuke
    kkeisuke 2010/05/11
  • Androidで画面遷移 - hidecheckの日記

    2画面サンプル アプリ概要 プロジェクト名:IntentSample アプリケーション名:IntentSample パッケージ:com.example Activity 遷移元画面:MainActivity 遷移先画面:NextActivity xml 遷移元画面:main.xml 遷移先画面:next.xml 作成手順 ■画面遷移の方法 呼ばれる側のActivityを新規作成 例)NextActivity 作成したActivityで使うlayoutファイルを作成 例)next.xml layoutファイルはresフォルダ以下のlayoutフォルダ内に作成する AndroidManifestファイルを修正する <修正内容> applicationタグ内にactivityタグを追加する。 android:name属性に?で作成したActivityを指定する 例) <activity andr

    Androidで画面遷移 - hidecheckの日記
    kkeisuke
    kkeisuke 2010/05/11
  • Zoomooz.js

    Zoomooz is: 6KB gzipped and 18KB minified. This includes everything but jQuery. Make any web page zoom. Download ZIP File Download TAR Ball Fork On GitHub Latest version: 1.1.9 (Nov 11, 2013, hacky fix for the back and forward buttons #66) Zoomooz is a jQuery plugin for making web page elements zoom. It can be used for making Prezi like slideshows and for zooming to images or other details. Quirky

    kkeisuke
    kkeisuke 2010/05/11
    jQuery
  • Loading...

    kkeisuke
    kkeisuke 2010/05/11
  • YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」:phpspot開発日誌

    YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」 2010年05月11日- jquery.mb.mediaEmbedder Matteo Bicocchi's Blog YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」が公開されています。 <div>要素の中にWIKI記法っぽく記述するだけで動画の埋込みが可能です。vimeo、Ustream、Youtube、Livestream、Flickrの他、mp3のようなオーディオファイルにも対応しています。 サンプルコードは以下で、動画のembedコードを取り出すことなく、動画閲覧用のURLを指定するだけで埋込みが完了します。 投稿されたURL等をプレビューしたい場合に、いちいちYo

    kkeisuke
    kkeisuke 2010/05/11
  • [CSS]CSS3を使用した素敵なボタンを実装するチュートリアルの決定版

    div, span, p, a, button, inputなどさまざまなHTML要素に適用が可能な、CSS3グラデーションを使用したボタンを実装するチュートリアルをWeb Designer Wallから紹介します。 CSS3 Gradient Buttons ボタンは画像やJavaScriptを使用せず、CSSで実装されていて、フォントのサイズに基づいて拡大縮小が可能なものとなっています。ボタンのサイズはpaddinとfont-sizeで簡単に変更が可能です。 下記のデモページで、拡大縮小を試してみてください。

    kkeisuke
    kkeisuke 2010/05/11
  • ktyr report [コトヨリリポート] - [HTML5]File API #03

    kkeisuke
    kkeisuke 2010/05/11
  • さまざまなオープンソースライセンスをまとめてみた。 - (apply-generic op . args)

    オープンソースライセンスをまとめてみました。 GNUのどや顔が好きです。 でも、自分ならBSDライセンスを使います。 <追記> 2010/05/09 19:00 はてブでApache Licenseもお願いします、とあったので追記しました。 unagiameさん、ご指摘ありがとうございますm(_ _)m MITまたはXコンソーシアムライセンス 要約すると、MIT Licenseとは次のようなライセンスである。 1.このソフトウェアを誰でも無償で無制限に扱って良い。但し、著作権表示および許諾表示を、ソフトウェアのすべての複製または重要な部分に記載しなければならない。 2.作者または著作権者は、ソフトウェアに関してなんら責任を負わない。 テンプレート BSD License(Berkeley Software Distribution License) 「無保証」であることの明記と著作権およ

    さまざまなオープンソースライセンスをまとめてみた。 - (apply-generic op . args)
    kkeisuke
    kkeisuke 2010/05/11
  • PC

    厳選Linuxフリーソフト100 Linuxデスクトップを便利にするフリーソフトゲームも遊べる 2024.02.28

    PC
    kkeisuke
    kkeisuke 2010/05/11
  • USBメモリやSDカードで手軽に高速化、未使用メモリも有効活用できるソフト「eBoostr 4」

    「eBoostr 4」はインストールするだけで、余っているUSBメモリやSDカード、さらには32ビット版では使うことのできない物理メモリを活用してWindows XP/Vista/7/Server 2003/Server 2008の高速化を行います。設定も簡単に行うことができ、各種アプリケーションの起動速度やブラウザの起動速度、Windowsの起動時間を高速化し、かなり手軽にシステムを高速にすることができます。 仕組み自体はマイクロソフトのWindows Vista以降に搭載されている「ReadyBoost」をさらに細かく設定できるようになった感じとなっており、特にReadyBoostが使えないWindows XPや、ReadyBoost用のUSBメモリなどが最大1つ・4GBまでしか設定できないWindows Vistaではかなりメリットが大きい仕組みとなっており、Windows 7でも体

    USBメモリやSDカードで手軽に高速化、未使用メモリも有効活用できるソフト「eBoostr 4」
    kkeisuke
    kkeisuke 2010/05/11
  • FlashBuilder 4 に Ant を導入する - すがブロ

    FlashBuilder 環境構築シリーズその2 その1 [Flash Builder 4 を使ってみよう - @sugamasao.blog.title # => ”コードで世界を変えたい” その3 FlashBuilder に Aptana plugin と FlexFormatter を導入する - @sugamasao.blog.title # => ”コードで世界を変えたい” Ant が欲しい! というか、最初から入っていないということに驚愕するのですが、入ってないものは入ってないのでしょうがないですね。 Ant単体のプラグインというのは無く、JDTというEclipseのパッケージを突っ込むと使えるようになります。 更新サイトに追加 以下を更新サイトに登録する http://download.eclipse.org/releases/galileo そうすると、「Programm

    FlashBuilder 4 に Ant を導入する - すがブロ
    kkeisuke
    kkeisuke 2010/05/11
  • wonderfl build flash online | 面白法人カヤック

    wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい

    wonderfl build flash online | 面白法人カヤック
    kkeisuke
    kkeisuke 2010/05/11
  • wonderfl build flash online | 面白法人カヤック

    wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい

    wonderfl build flash online | 面白法人カヤック
    kkeisuke
    kkeisuke 2010/05/11
    perlinNoise 炎
  • [AS3]Progression4メモ - BONKURA BLOG

    kkeisuke
    kkeisuke 2010/05/11
    P194 コマンドの実行場所によるスコープの違いを理解する。P197 Funcコマンドでイベント待ちをする
  • wonderfl build flash online | 面白法人カヤック

    kkeisuke
    kkeisuke 2010/05/11
  • [AS3]Progression4メモ - BONKURA BLOG

    kkeisuke
    kkeisuke 2010/05/11
    P182 コマンドの実行と中断。P193 リレーオブジェクトを使用して、コマンド間で共通のオブジェクトを受け渡す
  • Androidアプリ全体で文字色や背景色を統一させる方法(Theme/テーマ)

    Androidアプリ全体で、文字色や背景色を統一させる方法は? Androidには、テーマというものを定義する事ができます。 スタイルをご存知でしょうか。 もしご存知ない方は、以下の記事を参照してください。 Androidアプリで使う文字列のスタイルを統一する方法 テーマとは、このスタイルをAndroidアプリ全体の初期値として使用する方法です。 Androidアプリのテーマの使用方法 テーマの定義方法は、基的にスタイルと同じです。 ですので、Androidアプリで使う文字列のスタイルを統一する方法を参照してください。 この方法でXMLにスタイルを定義するまでは、全く同じです。 スタイルは、各ViewのStyle属性で、定義したスタイルを参照させていましたが、Theme(テーマ)として参照させる場合は、以下のようにします。 Eclipseを使った方法を説明します。 まず、テーマを指定した

    Androidアプリ全体で文字色や背景色を統一させる方法(Theme/テーマ)
    kkeisuke
    kkeisuke 2010/05/11
    テーマ。スタイルをAndroidアプリ全体の初期値として使用する方法
  • [ajax] JKL.ParseXML/ajax通信処理ライブラリ

    Kawa.netxp [ajax] JKL.ParseXML/ajax通信処理ライブラリ JKL.ParseXML クラスは、サーバ上の XML 形式ファイルをダウンロード~解析して、 JavaScript オブジェクト(配列やマップ)に変換するライブラリです。 複雑な DOM 操作なく簡単なスクリプトで XML 形式ファイルを扱えるため、 Amazon など XML を出力する既存の Web サービスや、 CGI と連携することで ajax ページを手軽に構築できます。 IE・Firefox・Opera・Safari のクロスブラウザに対応しています。 XML を JSONのように手軽に扱える他、 JSON/CSV/LoadVars 形式ファイルなどのテキストファイルも利用可能です。 安定版アーカイブ: jkl-parsexml-0.22.tar.gz TAR.GZ jkl-parsex

    kkeisuke
    kkeisuke 2010/05/11
    XML 形式ファイルをダウンロード~解析して、 JavaScript オブジェクト(配列やマップ)に変換するライブラリ
  • [JavaScript] JKL.Calender

    Kawa.netxp [JavaScript] JKL.Calendar/ポップアップするカレンダー表示クラス JKL.Calendar は、ポップアップでカレンダー表示を行うクラスです。 2006年10月にクラス名を変更しましたが、2005年4月のリリース当初のクラス名 JKL.Calender も 別名定義してあるので、こちらも利用可能です。半年前にご指摘いただいた typo でした。 合わせて、選択可能な日付範囲指定用のプロパティ min_date/max_date を追加しました。 Yahoo! UI ライブラリのカレンダー機能がかなり強力なので、 最近なら YUI もオススメできそうですが、 実は JKL.Calendar の方が日語環境では使いやすかったりするかもしれません。 JavaScript ソースのダウンロードはこちら: jkl-calendar.js JavaScr

    kkeisuke
    kkeisuke 2010/05/11
  • ajaxな住所入力フォーム

    Kawa.netxp ajaxな住所入力フォーム いっけんすると普通の住所入力フォームですが、郵便番号7桁を入力すると・・・。 ajax (Asynchronous JavaScript+XML) 技術を利用しています。 Ajax を使った郵便番号検索 や Guide to Using XMLHttpRequest が参考になりました。 ajax サーバ側は、Perl CGI+DB_Fileを使用しています。 サーバ側は 単一郵便番号→複数住所な地域に対応していますが、 クライアント側が複数住所には対応していないので、ちょっとそこは手抜きです。 ajax クライアント側は、Windows Internet Explorer 6.0 で動作確認しています。 FireFox 1.0/Netscape 7.1 でも動きました(Windows で確認)。 Opera 7.54 では、動きません。

    kkeisuke
    kkeisuke 2010/05/11
    js
  • JKL.Dumper - JSONデータダンプクラス

    JSON形式テキストに変数の内容をダンプするクラスです。 JavaScript の開発時にデータ構造を確認するのに使えます。 JavaScript ソースのダウンロードはこちら: jkl-dumper.js (右クリックして[対象をファイルに保存]を選択) Internet Explorer 6.0、Firefox 1.0、Opera 8.0 で動作確認済です。 サンプルソース var data = { string: "string", array: [ 1, 2, 3 ], hash: { key1: "value1", key2: "value2" }, data1: null, data2: true, data3: false }; var dumper = new JKL.Dumper(); // Dumperオブジェクトを生成 document.write( dumper.d

    kkeisuke
    kkeisuke 2010/05/11
    JSON形式テキストに変数の内容をダンプするクラス。JavaScript の開発時にデータ構造を確認する
  • RedLine Magazine : CSS セレクタ総復習 (2010年5月版)

    CSS セレクタ総復習 (2010年5月版) CSS3のプロパティにも興味津々なのですが、その前にまずセレクタを全部まとめて総復習しておこうかな、と。来1ページに書くべきではない内容量なので読み込み遅いと思います。ごめんなさい。 Selectors Level 3 http://www.w3.org/TR/css3-selectors/ 選択子 http://zng.info/specs/css3-selectors.html (日語訳) ※下記内容で、サンプルページを用意したセレクタもあるんですが、当然、各セレクタに対応しているブラウザとそうでないブラウザがあります。対応していないブラウザでサンプルページを見ても再現できません。 目次 * (汎用選択子) E (型選択子) E[foo] (属性選択子) E[foo="bar"] (属性選択子) E[foo~="bar"] (属性選択子

    kkeisuke
    kkeisuke 2010/05/11
  • Androidアプリで使う文字列のスタイルを統一する方法

    Androidアプリ内で使用する文字列の書式を合わせたいけど、どうやって管理させればいいの? Androidアプリには、スタイルというものを定義する事ができます。 スタイルとは、文字列などに設定する色んな属性を一つのIDで使用できるものです。 例えば、Androidアプリに複数の画面があるとして、それぞれに配置しているTextViewの書式を合わせたいと思ったとします。 もちろん、それぞれのTextViewの属性を設定してやれば実現する事ができますが、もし、仕様変更などの理由で、文字列の色を変えたいとか、文字列の太さを変えたいという場合に、その都度、全てのTextViewの属性を書き換えるのは大変です。 そういう仕様変更にも即座に対応できるように、上記のようなケースでは、「スタイル」を使用すべきです。 それではスタイルの使用方法を説明します。 Androidのスタイルの使用方法 まず、An

    Androidアプリで使う文字列のスタイルを統一する方法
    kkeisuke
    kkeisuke 2010/05/11
    スタイル
  • 複数の乱数パスワードを自動生成する JavaScript

    (2002/12/04) 複数の乱数パスワードを自動生成する JavaScript です。 IE 6.0、NN 4.7 で動作確認済み。IE 5.0 でもたぶん動きます。 複数のアカウントの生パスワードの生成作業に応用できます。 JavaScript で crypt() 関数があれば、.htaccess などのファイルも 同時生成できるんだけど、これはムリそう。(実装例ないですかね?) Copyright 2002 Kawasaki Yusuke, Kappe Inc.

    kkeisuke
    kkeisuke 2010/05/11
  • wonderfl build flash online | 面白法人カヤック

    wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい

    wonderfl build flash online | 面白法人カヤック
    kkeisuke
    kkeisuke 2010/05/11
    3D
  • WebFonts として利用できるフリーの和文フォント | ヨモツネット

    blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTMLSVG 混在でき

    kkeisuke
    kkeisuke 2010/05/11
    WebFonts として利用できるフォントをまとめ。
  • ktyr report [コトヨリリポート] - [HTML5]File API #02

    と、言うことはjsを挟めばflashにデータを送れるのではないか。・・・できた。 pcにある画像ファイルをドラッグ&ドロップでflashに表示する。 ※Firefox3.6でしか動きません。 File API #02 と、言うことは・・・。 参照したサイト Dynamic Flash – Base64 encoder/decoder class http://dynamicflash.com/goodies/base64/

    ktyr report [コトヨリリポート] - [HTML5]File API #02
    kkeisuke
    kkeisuke 2010/05/11
    js を挟んで、画像ファイルをドラッグ&ドロップでflashに表示する。
  • jQueryとCSS3を使ったカラフルなレーティングシステムのサンプル:phpspot開発日誌

    jQuery quickie: Colourful rating system with CSS3 jQueryとCSS3を使ったカラフルなレーティングシステムのサンプルが公開されています。 点数によって色を変え、アニメーション表示するもので、視覚的にわかりやすい投票のUIが作れますね。 動きをみたい方は以下のムービーでも見ることができます。 こうした投票のUIとしては★が一般的ですが、こういうUIも慣れるとなかなか使いやすそうですね。 関連エントリ jQueryのAjax機能を使った投票システムのサンプルプログラム reddit風のGoodかBadの投票機能実装サンプル Ajax+PHP+MySQLな投票ウィジェット jQueryとPHPでダイナミックな投票スクリプトを作成

    kkeisuke
    kkeisuke 2010/05/11