こちらも良いデザインの４原則と同じくノーマンという人が考えた理論のようです。 人が作業する上で、どういうふうに行動しているかを表した理論です。 一つの目的があり、それがなんで達成できないのかを考えるときに役に立ちます。 行為の７段階はつぎの７個です。 ゴールの形成 意図の形成 行為の詳細化 行為の実行 外界の状況の知覚 外界の状況の解釈 結果の評価 これを３つのグループに分けて紹介します。 ゴールの形成 行為を行う３プロセス 評価を行う３プロセス ゴールの形成 起こってほしいことを考える段階です。 大抵のアプリでは起動したときにすでにゴールが存在することが多いと思います。 また、１つのアプリの中に細かい沢山のゴールがあることもあります。 カメラアプリなら写真を取ることがゴールですし、twitterアプリならtweetすることや他人のtweetを見ることがゴールになります。 行為を行う３プロ

「スマートフォンのインタラクションデザインに関するユーザビリティ調査」を発表 ～最も支持されるJavaScriptの表現方法とは～ 株式会社アイ・エム・ジェイ（JASDAQ 4305）のグループ会社である株式会社IMJモバイル（本社：東京都目黒区 代表取締役社長：川合純一）は、「スマートフォンのインタラクションデザインに関するユーザビリティ調査」を実施いたしました。 調査期間は2011年9月14日～9月15日、有効回答数は412名から得られました。 調査結果概要 スマートフォンの普及に伴い、インタラクション性が高いサイトが求められています。 スマートフォンサイトを構築する際の効果的な表現方法としてJavaScriptの活用がありますが、実際にJavaScriptを使った表現方法がユーザーに与える印象について実例を用いた調査を行いました。 調査の結果、シンプルにわかりやすい表現方法はユーザ

前回の記事で話にあげていた Socket.IO と AS3 で簡単に WebSocket 通信できるライブラリについて、 何か物を作るのに必要そうな機能を一通り実装できたので github で公開しました。 ライブラリは以下 github からリポジトリをクローンするか、zip をダウンロードして入手できます。 GFS.I.OAS3 - GitHub https://github.com/glassesfactory/GFS.I.OAS3 github リポジトリで、ごく簡単ではありますがサンプルの紹介と使い方の説明をしています。 既に色々と手馴れているかたはリポジトリに書かれている使い方と ASDoc を読めば何となく使えるかと思います。 この記事では、前回 Socket.IO サーバー周りなど色々と省きまくってしまったので、そこも含め解説して行きたいと思います。 作った経緯 前

幅：480pxで表示 [ad#ad-2] 実装 HTML 各パネルはリスト要素で実装します。 リスト要素を内包するdiv要素のidとclassに「st-accordion」を付与します。 <div id="st-accordion" class="st-accordion"> <ul> <li> <a href="#"> Item Title <span class="st-arrow">Open or Close</span> </a> <div class="st-content"> <p>Some content</p> </div> </li> <li> ... </li> </ul> </div> スクリプトのオプション スクリプトのオプションでは、アニメーションの種類、スピードなどが設定できます。 $.Accordion.defaults = { // index of ope

フェードイン、フェードアウト、バウンド、シェイク、回転などのアニメーションを簡単に使用できるクロスブラウザ対応のスタイルシートを紹介します。 ※JavaScriptは一切使用していません。 Animate.css - a bunch of plug-and-play CSS animations [ad#ad-2] Animate.cssの使い方 「animate.css」を外部ファイルとして指定し、アニメーションを加えたいエレメントにclassを付与するだけです。 外部ファイル <link rel="stylesheet" href="animate.css" /> エレメントにclassを付与 <p class="flash">Live long and prosper.</p> Animate.cssの実装 デモでは、classを付与するだけで、多彩なアニメーションが簡単に利用できま

Red Plugin Youtube動画を自由自在に操れるjQueryプラグイン「Red Ytube」 YoutubeのAPIを使って独自の再生ボタンを作ったり、再生時間なんかを表示させたり、埋め込み動画をその場でリサイズしたりすることが可能です 独自のテキストベースの再生・停止ボタン 現在の動画時間のリアルタイム表示 右下のつまみをドラッグ＆ドロップで動画をリサイズ（これは便利） APIを調べるのが億劫でも比較的簡単に実装できそうです 関連エントリ APIを使わずにYoutube動画のサムネイルを得る方法 Youtube動画埋込みを独自デザインにしたい場合に使えるjQueryプラグイン「Custom Youtube Player」

タブが何個になってもOKなUIを作成できるjQueryプラグイン「Infinite Rounded Scrolling Tabs」 2011年10月17日- Infinite Rounded Scrolling Tabs | jQuery Plugins タブが何個になってもOKなUIを作成できるjQueryプラグイン「Infinite Rounded Scrolling Tabs」 次のような角丸デザインで、幅が足りない場合はスクロールボタンが表示されるタブUIが作れます こういうのは過去にあんまりなかったかも。デザインとかはCSSで調整できますね スクロール部分は自分でやろうとするとめんどくさそうなのですが、これは参考にできそうです 関連エントリ 閉じられるタブUIを実装できるjQueryサンプル「Magic Tabs」 jQueryベースのタブUI１５種まとめ textareaやin

コンテンツへスキップ ナビゲーションに移動 Flashup HOMEFlashupFlashup 第11回 発表資料 「Facebook APIを使ったミニゲームの作成」

FlashPlayer11の動作に必要なシステム構成は、http://www.adobe.com/jp/products/flashplayer/tech-specs.html で公開されてるんだけど、Stage3DのGPUアクセラレーションに対応した環境についての明確な情報が見つからない。 Stage3Dが開発コードネーム“Molehill”としてお目見えした際には「DirectX9, OpenGL1.3, OpenGL ES2.0（モバイル） に対応したグラフィックカードを搭載してること」みたいな案内があったんだけど、正式公開時のリリースノートにそういった記述は無い。Known Issuesとして多少の情報が載ってる程度。 リリースノートやらWeb上の情報で見かけたものから把握できたのは Mac OS X では、Intel GMA、ATI Radeon x1600、ATI Radeon

複数のカメラを使う https://techbooster.org/andriod/device/2358/ カメラの使用方法(2) https://techbooster.org/andriod/device/362/ パーミッションの設定 カメラ機能を利用するにはパーミッションの設定が必要です。忘れないように、はじめに追加しておくとよいでしょう ■AndroidManifest.xml <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="org.jpn.techbooster.sample.camerapreviews" android:versionCode="1" android:versionName

Errors (All) | (None) Beware of broken box sizing Require properties appropriate for display Disallow duplicate properties Disallow empty rules Require use of known properties Compatibility (All) | (None) Disallow adjoining classes Disallow box-sizing Require compatible vendor prefixes Require all gradient definitions Disallow negative text-indent Require standard property with vendor prefix Requi

前回、Sound.LoadPCMFromByteArrayを試してみたんで、ついでにSound.LoadCompressedDataFromByteArrayについてもやってみました。このメソッドではPCMデータではなく圧縮済みのmp3データそのものをSoundインスタンスに変換することができます。 » サンプル（要FlashPlayer11） » ソース こちらはうまくいくようです。SoundCompleteイベントも呼ばれているようです。再生完了時に約20ミリ秒ほど再生ヘッダが最後まで進まずに止まりますが、普通にサウンドを再生したときも同様の現象が起こったので多分こんなもんなのでしょう。

このブログでは、Google スタッフによる Google の企業向けソリューションに関する公式な情報やユーザーの事例などを、いち早く皆さんにお届けします。 2008 年 5 月 26 日 Posted by 横山直人 ( エンタープライズ セールス ) Google が法人向けに提供しているエンタープライズ製品の大きな柱のひとつである、地図情報サービス Google Maps API Premier の国内での本格販売開始を 開始しました。 Google Maps API Premier は、Web サイトやブログの中で Google マップを利用することができるGoogle Maps API の企業向け有償サービスです。Google Maps API Premier を利用することで、企業ニーズに応じて Google マップをマッシュアップし、企業サイトで Google マップを活用す