AndroidのDatePickerやTimePickerは日付・時刻の入力を行うためのコンポーネントであるが、数値を1単位でインクリメント・デクリメントするための機能しかない。 例えば、時刻を入力するとき、1分間隔で入力することは少なく5分とか10分間隔で入力することが多いが、標準のTimePickerで実現できなかった。 そのため、TimePicker内部で使用しているNumberPickerを自作して使用していた。 このとき、下記の問題が発生していた。 apkファイルの肥大化(NumberPickerが内部で使用するリソースファイルをapkファイルに持つため、apkファイルのサイズが大きくなる) Android SDKからコピーしたリソースファイルを流用しているので、カスタムUIを使用している端末(Xperia、Desire等)と同じにならない(背景色とか)。 この問題を解決するため
Firefox web browser - Faster, more secure & customizable MozillaはRelease The Kraken - Rob Sayre's Blogにおいて、より実際のアプリケーションに近いパフォーマンス試験を実施するベンチマークアプリケーションKrakenを開発したと発表した。SunSpider、V8、Dromaeoなどの既存のJavaScriptベンチマークよりも実際のアプリケーションに近いベンチマークが可能だと主張している。 JavaScriptベンチマークはそれぞれ特徴が異なっており、それぞれに違う結果を示すことがある。このため、ブラウザのJavaScriptエンジンの性能を比較する場合、よく使われるベンチマーク、特にSunSpiderとV8の双方の結果を掲載し、総合的に判断することが多い。Krakenは実際のアプリケーション
AstroでPandaCSSを使ってみるAstroを触ってみようかな? と思い、まずは公式のチュートリアルを一通り終わらせてみました。以前から気になっていたPandaCSSの勉強も…と思ったので、AstroでPandaCSSを使ってみることに。PandaCSSのインストールマニュアルを見ながら各種設定を終え、npm run devしてみても、CSSが反映されず。原因は単純なミスでした。 LaravelでjQueryを使ってみるデータベースに登録、更新、削除を行なった際に、簡単なflashメッセージを表示させてみようかと。一定時間が経過 or ボタンクリックでメッセージが消えるアニメーションを、jQueryで実装してみたいと思います。npmを使ってインストールしたjQueryを使うと、javascriptの実行順が意図しないものになってしまい、jQueryが実行されなくなってしまいました。色
user-agentを参照せずに、IE6, 7, 8, 9の各バージョンを判定するスクリプトを紹介します。 var ie = (function(){ var undef, v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i'); while ( div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->', all[0] ); return v > 4 ? v : undef; }());
最近phpをいじるがてら、ひさびさに携帯サイトに触れているためメモメモ。 携帯サイトで装飾を入れるとなるとi-cssが云々って話があったりしますが、正直テストサイトでそんな面倒なことをしていられないので、だいたい以下のようなhtmlで作成しています。 とりあえず携帯サイト作りたい時テンプレート <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Co
HTML, CSS, JavaScriptをはじめ、XML, ActionScript, Flex, Java, Perl, PHP, SQL, Cなどさまざまな言語に対応したコードを手軽に管理できるソフトウェアを紹介します。 Code Bank [ad#ad-2] Code Bankは簡単に個人でコードを保存・管理できるAdobe Airのアプリケーションです。Subversionのコード専用お手軽版という感じでしょうか。 データベースはローカルとサーバーのどちらにも作成することができます。 画面はシンプルで、使い勝手もよいです。 コードの登録画面では、Language(登録する言語)、Title(タイトル)、Description(説明文)、Code(コード)、Tag(タグ)を登録できます。
CSS3のtransitionでアニメーションするjQueryプラグイン「jQuery transition Animate」 iPhone / iPadではjQueryのanimateメソッドが重いのでCSS3のアニメーションを使いましょうというのがセオリーになっていますが、CSSでアニメーションって結構めんどくさかったりします。 そこで、jQueryのanimateメソッドと同じような記述をするとCSS3のtransition でアニメーションするjQueryプラグイン「jQuery transitionAnimate」を作成しました。 jQuery.transitionAnimate.js 新しいバージョンを「transitionAnimateをバージョンアップ」からダウンロード可能です $(セレクタ).transitionAnimate(params, duration, easi
はじめに 2010 年 9 月 15 日を持ちまして、サイボウズ・ラボを退職いたしたました。 報告も兼ねて、久しぶりにブログを書いてみたいと思います。 (写真はゆうすけべーさんです) この会社に入って、たくさんの学びと思い出がありました。 その一つ一つをまとめていければ、素晴らしい記事になるのかもしれませんが、僕は文章が苦手です。 ですので、うまく退職のエントリを書き上げることができません。 言葉にできない。そんな感じです。 なので、このエントリはサイボウズ・ラボやサイボウズ本社の仲間たちへのありがとうの気持ちをこめて、自分らしく最後まで JavaScript のことを書きたいと思います。 サイボウズでの最後の仕事 僕にとって、サイボウズでの最後の仕事は「JavaScript で新しいユーザーインタフェースを作ること」でした。 そして、その中で始めて複数人による大規模な JavaScrip
Internet Explorer 8 Microsoftの次期メジャーブラウザとして登場することになるIE8では、標準規約への準拠作業が着々と進められている。特にCSS 2.1のテストスィートを寄贈するなど、CSS 2.1準拠の取り組みには余念がない。今回さらに同社のCSS 2.1への取り組みを強調する変更がIEBlogにおいてMicrosoft CSS Vendor Extensionsのタイトルのもと発表された。これによってIE7やIE8向けに作成したCSSに変更の必要性が生まれるためWebデザイナは同発表に注意しておきたい。 ブラウザでは標準規約として規程されたCSSプロパティ、標準規約で規程されているものの完全には準拠していないCSSプロパティ、現在標準化が進められているCSSプロパティ、ブラウザベンダが用意した独自拡張プロパティなどがある。こうしたプロパティのうちブラウザベンダ
ToDoを管理するアプリです。 web storage機能を使うのでサーバを必要とせず、データを保存することができます。 注意点としては、ブラウザ固有のストレージを使うので、違うブラウザや他のPCでは同期できません。 同期したい場合は、バックアップ機能を使ってデータをコピーし、復元から同期を実行する必要があります。 (function() { var ToDoApp = { /* property */ STORAGE: window.localStorage, DBNAME: 'todo', GDBNAME: 'todoGroup', INDEX: 0, GINDEX: 0, CONTAINER: 'todo', TIMER: null, CURRENT: null, ADDFLG: false, /* method */ initialize: function() { this.IN
jQTouchとそのテクニック 白石俊平@OpenWeb Technology 自己紹介 株式会社OpenWeb Technology代表 Google API Expert (HTML5) / html5-developers-jp管理人 著書に「HTML5&API入門」があります。 本日のアジェンダ jQTouch入門 jQTouchのテクニック(Mobile Safari/Webkitの知識) jQTouch入門 jQTouchとは Webアプリを「ネイティブアプリっぽく」見せるためのWebアプリフレームワーク iPhone/iPad専用 jQueryに依存 現在のバージョンは1.0 Beta2 ライセンスはMIT Licence 「ネイティブアプリっぽく」とは? ブラウザのフレームなしで動作する ネイティブアプリに近いUIを実現する ホーム画面のアイコンから機動できる jQTouc
ユーザーのPCに変数情報等を保存できる。 Flash版のCokkieみたいなものらしい。 (そもそもCookieをよくわかっていないが) 何ができるかといったら、swfファイル間で同じ変数情報を共有可能。 使い方、owner.flaをつくりのそのフレームアクションに、 // 共有オブジェクトを作成する var so:SharedObject =SharedObject.getLocal("MyData","/"); //containerBox0という箱を定義して値を設定 so.data.containerBox0="test0"; //ローカルにファイル(MyData.sol)を保存する。 var str = so.flush(); つづいて、user.flaを作ってそのフレームアクションに、 var so:SharedObject=null; so=SharedObject.getLo
valueOfとtoStringメソッドの水深43cmぐらいの深さの話 - 三等兵のもう少し深いお話。コメント欄に書こうかとも思ったけど、最近ブログ書いてない気がしたのでちゃんと記事にしてみる。 まずは問題です。次のコードを実行したときにtrueかfalseのどちらがalertされるかそれぞれ当ててみてください。 var date = new Date(); var date_string = date.toString(); var date_value = date.valueOf(); alert(date == date_string); alert(date == date_value); true, true false, false true, false false, true (難しい問題ではないと思いますが、)この問題の答えは最後に。 続いて、もっとシンプルな問題です。
favicon(ファビコン)。 ブラウザのアドレスバーやブックマーク、タブに表示されるアイコンのコトです。 そのfavicon(ファビコン)を今まで使ったコトなかったんだけど、リニューアル予定の「dakkie.com」で使ってみようと思って、いろいろ探してみたら良いサイトを見つけました。 ファビコン作成。favicon.ico 無料で透過マルチアイコンが作れます。 http://ao-system.net/favicon/ というサイトで、何もパソコンにソフトをインストールしなくてもネット上でfaviconが作れてしまいます。 16×16ピクセル、32×32ピクセルといった正方形の画像(PNG、GIF、JPG)を用意して、あとはアップロードして作成ボタンを押すだけ。ダウンロードボタンが出てきます。簡単です。 このサイトは複数の画像を選択するコトによって、マルチアイコンを作るコトもできます
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
エミュレータでは正常にGoogle MapViewが表示されていたのに、公開したAndroidアプリをMarketからダウンロードして起動すると、MapViewが表示されない!? ※本記事は、Android Google Map API v1に関しての情報になります。 Androidアプリでは、Google Mapを簡単に表示できるMapViewというViewがありますね。 私は、Android Marketに公開する前に、エミュレータで正常にMapViewが表示されていたので、そのままAndroid Marketに公開して数日が経過してから気付いたのですが、全くMapViewが表示されていない事に気付きました。 そのときの解決策をご紹介したいと思います。 ちなみに、MapViewを使うには、以下のサイトでGoogle MapのAPIキーを取得する必要がある事は、ご存知の方も多いと思います
概要 † iPhoneアプリのような挙動が、ウェブブラウズで提供できるJavaScriptのライブラリです。 jQueryのプラグインとして動作します。 公式: http://www.jqtouch.com/ 公式サイトの動画の最初の方で、SafariでURLにアクセスして「Add to Home Screen」をタップしたらホームに置かれるようですね。 その際のアイコンなども変更可能です。 ↑ 使い方 † 基本、jQueryのプラグインなので、jQueryのライブラリと一緒に読み込んでインスタンスを生成すればOKです。 <script src="js/jqtouch/jquery.1.3.2.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/jqtouch/jqtouch.min.js" ty
壁紙を替えるには WallpaperManager を使用します 替え方は setBitmap(Bitmap bitmap) setResource(int resid) setStream(InputStream data) の三つから指定します まず AndroidManifest でパーミッションを設定する必要があります AndroidManifest.xml <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" ... > ・ ・ ・ <uses-permission android:name="android.permission.SET_WALLPAPER" /> </manifest> サンプルコード public
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く