![Sign in - Google Accounts](https://cdn-ak-scissors.b.st-hatena.com/image/square/3698d95cde56fff85faa825c5621a8503d5f00e9/height=288;version=1;width=512/http%3A%2F%2Ftech.topgate.co.jp%2F_%2Frsrc%2F1472875901223%2Fgijutsu-shiryou%2Fslim3-json%2FScreen%2520shot%25202010-05-18%2520at%252017.26.59.png%3Fheight%3D173%26width%3D400)
標準の連絡先編集画面で画像を選ぶときのアレを自作アプリに組み込む方法について。 1. Intent を投げる 標準ギャラリーを以下の通り呼び出すと 画像の選択 画像の切り抜き(顔認識) 自作アプリ onActivityResult() 呼び出し の順で処理される。 final Intent intent = new Intent(Intent.ACTION_PICK); intent.setType("image/*"); intent.putExtra("crop", "true"); intent.putExtra("aspectX", 1); intent.putExtra("aspectY", 1); intent.putExtra("outputX", 96); intent.putExtra("outputY", 96); intent.putExtra("return-dat
デザイナは要注目! 明日から語れるHTML5&CSS3:一撃デザインの種明かし(13)(1/4 ページ) ※本稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。 いま世界で一番熱い「HTML5」「CSS3」とは? 最近、「HTML5」「CSS3」といった言葉をよく耳にしませんか? これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5+CSS3に対応するWebブラウザが増えてきたことで、HTML5
twitter facebook hatena google pocket 長谷川恭久(@yhassy)さんのブログcouldで使用されているscriptがよかったので紹介します。 なお、コンテンツも非常に読み応えがあるので、購読をお勧めします。 さて、couldでは、記事詳細を読み進め、ある位置までくると上からソーシャルブックマーク系が降りてきます。 記事後半まで読んでくれた意欲の高い人に対しアピールが出来、ソーシャルメディア上の伝播がより期待できます。 購入ボタンやお問合せボタンなどを置いてもいいかもしれません。 わりとシンプルな記述なので、苦労なく導入できると思います。 sponsors 使用方法 jQueryからjquery.jsをダウンロードします。 ■JavaScriptの記述 <script type="text/javascript" src="jquery-1.4.2.m
フリーフォントのまとめなんて腐るほどありますが、大抵 商用不可 再配布不可 収録文字数が少ない 変わったデザインのフォント のどれかに当てはまり、ベーシックで何も考えず使えるフォントって少なかったりします。 そこで、 フツーな形をしている 第二水準ぐらいの漢字を収録 スライドや商用印刷に使っても恥ずかしくないハイクオリティ なフォントをまとめてみました モトヤLマルベリ3等幅 https://android.git.kernel.org/?p=platform/frameworks/base.git;a=commit;h=4234d40eae54ad9126fbc4b61cbbe8dc78d282bc モトヤのマルベリの軽量版が Android に提供されることになりました。 Android向けですがApacheライセンスで提供されるので、ライセンスに従えば商用使用・改変・再配布なんでもで
アドビから Adobe® Illustrator® CS5 HTML5 Pack (以下 HTML5 Pack ) が公開されました。HTML5 Pack は、Illustrator CS5 15.0.1 に HTML/CSS3 の最初のサポートを提供、また SVG 機能を拡張して、Web やデバイスのコンテンツデザインを支援します。Dreamweaver® CS5 11.0.3 アップデーターで追加された HTML5 機能との組み合わせにより、Web デザイナーは HTML5 の最新の機能を活用したデザインを実現できます。 現在、HTML5 と CSS3 は仕様の標準化が行われている最中です。また、ブラウザーの SVG サポートもまだ完全ではありません。HTML5 Pack がサポートする機能は、現在ブラウザーに標準的に実装されている機能を基準としています。 今回公開された HTML5
掃除機のあのボタン forked from: Button gct256.PerlinNoise gct256.Random // forked from Event's "Button" http://jsdo.it/Event/jam_session3 /* ================================================ */ /* 掃除機のあのボタン */ /* ------------------------------------------------ */ /* utilities */ function ex(a, b) { for (var c in b) a[c] = b[c]; } /* ------------------------------------------------ */ /* extend Math */ ex(M
Google Chrome runs web pages and applications with lightning speed. これまでベータ版が提供されてきたGoogle Chrome Frameから安定版が公開された。初期のGoogle Chrome Frameと比較して実行速度の向上と安定性の改善が実現しているという。Windows 7およびVistaでは起動速度が3倍以上になったほか、ほかのプラグインとの競合がより改善されていると説明されている。 Google Chrome Frame、HTTPヘッダに対応 IE6、プラグインで最新ブラウザになる理由 Google Chrome FrameはIE6、IE7、IE8向けのアドオン。レンダリングにChromeのコンポーネントを利用することで、IEを使いながらもChromeの提供する最新の機能が利用できる。対応の困難さなどからIE
【Retinaディスプレイ対応】Smart Phone テンプレート for MT おまけも付いてくるよ。 2010年9月28日12:20頃追記 一部パスの書き方などが間違ってました。すみません。 現在修正版がアップされているのでDLされた方は再度お願いします。 2008年7月11日にiPhone 3Gが発売されて以降、新しい形のWebブラウジングを楽しまれている方も多いことでしょう。 ボクはそんな世の中を横目で眺めながら過ごし、つい先日まではiPhoneやiPod Touchはほぼ触ったことが無い状態でした。 そんなボクも、お仕事でiPhoneやスマートフォンに対応したサイトをコーディングする必要があり、iPod Touchを借りたのを切っ掛けに、今後もお仕事で使うだろうという名目で、新しい iPod Touch を購入してしまいました! で、手に入れたからには仕事以外でも何か作りたいっ
XREA/CORESERVERで、Movable TypeのCaptchaが表示されない不具合があります。Movable Type 4.x/5.xで発生するようです。 当ブログのコメントでやりとりがありましたので本エントリーで情報展開致します。 1.問題点 XREA/CORESERVERで、Movable Typeのコメント投稿にCaptchaを設定しても、Captcha画像が表示されません。 問題発生時のコメント投稿部分のCaptcha 本来のコメント投稿部分のCaptcha 事象を確認できたのはXREA+です。また頂いたコメントからCORE-MINIも発生するようです。CORE-Aでは不具合は確認できませんでした。 なお、Captchaの設定は、管理画面の「設定」→「コミュニケーション」でCAPTCHAプロバイダから「Movable Type既定」を選択して、インデックステンプレートを
infinite, circular jQuery carousel --- CarouFredSel 2.1.3 どんなHTML要素もカルーセル化してしまえるjQueryプラグイン「CarouFredSel」。 指定した要素以下に<div>や<img>を単に並べるだけでカルーセル化してくれるプラグインです。 少ないスペースで多くのコンテンツを格納するのに便利です。 横だけでなく、縦スクロールもオプションで指定することが出来ます。 ページ下部にexamplesが多数紹介されているので他にも色々な機能があることを確認できます。 関連エントリ 関連アイテムを出す場合等に使えそうなjQueryカルーセル「bxCarousel」 JavaScriptで実装するクルクル回転する3DカルーセルUI実装ライブラリ 無限に回転するカルーセルUI実現用jQueryプラグイン実装チュートリアル
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
Coronaを使用したiPhoneアプリ開発について④ (土, 17 4月 2010) 4月16日 テストも含めて、10日くらい。 勉強始めてからアプリが一個できるまで2週間くらいかな。 慣れたら1週間くら いで出来そう。 Luaに関して luaをつかってとくに問題はなかった。不満はなかった。 luaの更新は2008年で終 わっているので、若干今後が気になる。 coronaのandroidのベータ版に関して 端末がちがうから、iphone用の fontが問題かも。 シミュレータとUIのボタンのレファランスをつかってみたが、ビルドしてみたら なくなってしまった。 .apk ができた。 書体とフォントはCoronaでカスタムフォントはサイズが大きくなってしまう。 サーバビルドで必要なものだけを組み 込んであげれば便利かも。 >> 続きを読む Palm and HP: the next Ap
ronpaul2012.com is now closed.But you can know more about Ron Paul here: https://www.naomikizhner.com/about-ron-paul/
TWIN STRIKER "FOOT-PIN-BALL"はiPhone/Android端末用の新感覚の対戦型サッカー&ピンボールゲームです。 攻守ともにフリッパーの性能差があるキャラクター(国)、ボールスピードが変わるステージ、タイミングを合わせることで発生する必殺シュートにはサッカー好きならニヤリとするような演出があります。 アプリはiPhone/Android版ともに115円で販売しており、iPad版の提供も予定しております。 We are pleased that Designium has chose to use Ansca Corona SDK to create their comprehensive mobile app, Twin Striker, a fun and engaging table football game,” said Carlos Icaza, co
PowerManager デバイスの電源状態をコントロールするためのクラス このAPIを使うと、デバイスのバッテリーライフに重大な影響を及ぼす。 なので、本当に必要な時以外は WakeLocks を取得しないこと! そして可能な限り最低レベルの使用にし、必要なくなったらすぐに開放する! 1. Context.getSystemService() でこのクラスのインスタンスを取得 2. newWakeLock() で PowerManager.WakeLock オブジェクトを生成する 3. このオブジェクトのメソッドを使って、デバイスの電源状態をコントロールする こんな感じ PowerManager pm = (PowerManager) getSystemService(Context.POWER_SERVICE); PowerManager.WakeLock wl = pm.newWak
CSS3のアニメーションってスゴい! 先日のぽんたくんの記事でも紹介されたように、CSS3ではアニメーションも制御できるようになりました。 ということで、ぼくもCSS3のアニメーションを使ってdemoをいくつか作ってみました。 SafariやChromeなどwebkitブラウザで表示してみてください。 コピペで使えるCSS3アニメーション - jsdo.it ※PLAYボタンをクリックすると表示されますよ 見れない人のために動画も撮ってみました。 どうですか?CSSだけで、まるでFlashを使ってるような表現ができちゃうんです。 今回はこのCSSのアニメーションのチュートリアルをご紹介します。 「NEW!」というアイコンが、1文字ごとにぴょこんぴょこん跳ねるアニメーションを作ってみましょう。 上記のdemoでいうと二つ目の動きです。 HTML <p class="animetionNew
HTML5完全準拠をうたったIE(Internet Explorer)の新バージョン「IE9」ベータ版が2010年9月15日に一般公開になった。Webブラウザーシェアの約6割を占めるIEであるが、現バージョンであるIE8は、HTML5対応の点でFirefoxやGoogle Chromeなど主要なライバルWebブラウザーに大きな遅れをとっている。ベータ版とはいえ、HTML5に対応したバージョンがリリースされたことで、HTML5に対する注目度は一気に高まっている(関連記事1)。 HTML5の大きな特徴の一つは、Webアプリケーションのプラットフォームとしての機能強化である。現在のHTML4はHTMLのタグの仕様を規定するものだ。そのためHTML4をベースとしたWebブラウザーでは製品ごとにJavaScriptプログラムの挙動が異なることがあり、それがWebアプリケーション開発者にとって悩みの種
Google Developer Day (GDD)は世界各地で毎年開催されている Google I/O の次に大きな開発者向けのイベントです。日本では 2007 年から毎年 GDD を開催しています。第 4 回目となる Google Developer Day 2010 Japan は 9 月 28 日に開催します。 本イベントでは国内外の Google のエンジニアに加え、開発者コミュニティの方々を講演者に招く予定です。様々なセッションの他、オフィスアワー、Developer Sandbox、ライトニングトークなど、オフラインのイベントならではの趣向も用意しております。また、Google のテクノロジーは初めてという方々を対象とした BootCamp を前日 27 日に開催します。 開発者の皆様のご参加を心よりお待ちしております。 日程 2010 年 9 月 28 日 火曜日 10:0
Androidで音声ファイルを再生するためにはMediaPlayerクラスを使います。 MediaPlayerクラスが提供するメソッドを利用することで、簡単に音声ファイルを再生することができます。 詳細は続きからどうぞ。 まず、再生したい音声ファイルをrawディレクトリ以下に保存します。 今回はsample.mp3という音声ファイルを作成しました。 (rawディレクトリはデフォルトで存在しないので、ディレクトリも新たに作成します) 次にレイアウトファイルですが、今回は上記スクリーンショットのように 再生/停止用のボタンを1つだけ用意して、音声ファイルの再生中/停止中のチェックをして ラベルを動的に変更します。 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.
ここ一週間でコツコツ改良を進めていた HTML5 Forms の <input type="range"> 風味なスライダーコントロールと、 <audio> のラッパーがいい感じになったので簡単なデモを作りました。 http://uupaa-js.googlecode.com/svn/trunk/0.8/test/core/audio/player.htm IE6+ / Firefox / Safari / Chrome / Opera / iPhone(iOS4) で動きます。Android は持っていないので試していませんが、動きそうです。 ブラウザによっては、データのキャッシュが完了していないと上手くシークできないことがあります。 # mp3 や m4aファイルを http://uupaa-js.googlecode.com/svn/trunk/ からダウンロードし、ローカルで動かす
Androidでは大半のレイアウト、UI構造をXMLで記載しますが、きちんとStyleを使うとコードがすっきりする上に、同様の画面を複数つくった際の調整コストが大きく下がりますよ、と。 参考: Android developers:Applying Styles and Themes http://developer.android.com/guide/topics/ui/themes.html mucchinのAndroid戦記:Androidアプリで使う文字列のスタイルを統一する方法 http://android.roof-balcony.com/resource/style/ 以下の様な画面を「Styleなし」と「Styleあり」で作成した際にどうなるかを記します。 layout/main.xml <?xml version="1.0" encoding="utf-8"?> <Lin
残暑の蒸し暑さから、涼しさを通り越して、寒いと感じる今日この頃、tanakaです。 今日はjQueryでiframe要素の中にアクセスして、情報を取得したり、改変したりする方法を紹介します。 jQueryは、Webページに対するアクセスを簡潔に表現できるライブラリですが、iframe内の文書にまで、 $('div iframe p') といった感じでアクセスすることはできません。ドキュメントが違うからでしょうか?正しい理由はわかりませんが、同時に2つのページをまたいで処理するのは混乱しそうなのでこれはこれでいいと思います。で、そういったときにアクセスする方法があるのでご紹介します。 [追記 2010/09/27]注意点として、親フレームとiframe内ドキュメントのドメインが異なる場合はアクセスできません。 iframe内のドキュメントにアクセスするにはcontents() $(...).
Movable Type 5.03へのアップグレード後(または5.03を新規インストール後)、管理画面右上の再構築ボタンをクリックすると、表示された再構築画面に「Script Error」のエラーメッセージが表示される事象が、特定のサーバで発生するようです。ウェブサイト・ブログいずれの再構築も同様です。 2010.10.06追記 本問題はMovable Type 5.031で解消されました。 「エラーが発生します」というコメントを頂いて確認したところ、利用しているCORESERVERで同様の事象が発生しました。 今のところ発生が確認されているサーバは、XREA・CORESERVERです。ブログ記事一覧やテンプレート編集画面からの再構築は正常に行えます。 ということで、現在サポートに問い合わせ中です。解消しました。対処方法については「Movable Type 5.03へのアップグレードで再構
[ GreenSock ] GreenSockが語るトゥイーンのTips - 10/09/24 19:12 by cda244 GreenSockのサイトでトゥイーンさせる時の Tips が載っています。 TweenLite / TweenMax 以外のネタも含めて全部で6つ。 斜め読みですが、概要をまとめました。 ●1、でかいオブジェクトの回転は transformMatrix の方がスムーズ でかいオブジェクトを回転する時、 rotation で回転させるよりも transformMatrix プロパティを操作した方が動きがスムーズ。 ただし、アクティベートしないと transformMatrix 使えないから注意。 ●2、TimelineLite(Max) でアニメーションライフをより良いものに 訳はすごくテキトーで。 長々と書いてあるけど、要は TimelineLit
CSS3のアニメーションをコピペで使えるようにいろいろ作ってまとめてみました。対応していないブラウザでも、動かないだけで普通に表示されます。 <div id="container"> <div class="group"> <p class="animetionNew arrange01 group"><span class="letter01">N</span><span class="letter02">e</span><span class="letter03">w</span><span class="letter04">!</span></p> <p class="animetionNew arrange02 group"><span class="letter01">N</span><span class="letter02">e</span><span class="lett
A Web Design Community curated by Chris Coyier. Transparent Borders with background-clip - CSS-Tricksにおいて、CSSを使って透明なボーダーラインを描画する方法が紹介されている。透過になりそうだが透過にならない記述の説明、それを回避するためのダブルdivテクニック、さらにCSS3で導入されるbackground-clipを使った方法の3つのCSSが紹介されている。簡単に透過ボーダーを実現する方法として参考になる。紹介されているテクニックは次のとおり。 1. ボーダーに透過を指定する ボーダーに透過を指定した場合 - divの背景に対する透過になっており、divの下までは透過しない まず最初に考えつく方法が、ボーダーに対して透過の指定をすること。たとえば背景に白を指定して、ボーダーに「bord
A vocabulary and associated APIs for HTML and XHTML Ajaxian - Video Conferencing with the HTML5 Device Elementにおいて、HTML5の策定とともに策定が進められているdevice要素が紹介されている。device要素が仕様として確定し、主要ブラウザがこの機能に対応した場合、専用のアプリケーションのインストールやプラグインのインストールなどをすることなく、USB接続のビデオカメラやWebカメラを経由したビデオ会議が実施できるようになる可能性がある。 策定中のdevice要素の仕様はHTML Deviceでチェックできる。device要素がどういった使われ方を想定しているかは、HTML Deviceに掲載されている次のサンプルを見るとわかりやすい。 <p>To start chattin
この記事は、Java に精通した開発者の方に、ActionScript 3.0 (以下 AS3) がどのような言語なのか、どこが Java と異なっているのか (あるいは同じなのか) を一覧できるようまとめたものです。主に AS3 の静的な側面をまとめた、文法編 (文法編) およびクラス宣言編 (この記事)と、動的な側面をまとめた、属性操作編 (近日公開予定) および振舞い編 (近日公開予定) の 4 編に分けて、Java 開発者が引っかかりやすいと思われる点を中心に記述しました。厳密な言語解説よりは、まず AS3 の概要が分かること、を目的に書かれています。さらに詳しい言語仕様についてはActionScript 3.0 の学習をご覧ください。 クラス宣言編の内容 クラス宣言編では、クラスの宣言、および属性やメソッドの宣言に必要と思われる項目をまとめてあります。文法編と同様に、Java と
コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* この記事は、Java に精通した開発者の方に、ActionScript 3.0 (以下 AS3) がどのような言語なのか、どこが Java と異なっているのか (あるいは同じなのか) を一覧できるようまとめたものです。主に AS3 の静的な側面をまとめた、文法編 (この記事) およびクラス宣言編 (クラス宣言編)と、動的な側面をまとめた、属性
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く