スマホデザイン会議-バスキュール 2012年6月28日
5. ダブルスクリーン Social Stadium System mixi Xmas 2011 お茶の間をスタジアムに！ TVCF & スマホ連動 期間中3週間で 高視聴率テレビ番組かつ 256万人参加、 Twitterなどソーシャル上でも 毎日110万人が 盛上りを見せるサッカーの 遊びに来る お茶の間観戦をさらに盛り上げる オンライン最大級の ソーシャル観戦スマートフォンアプリ。 クリスマスイベント。 TVCF連動で プレゼント提供した。 スマートフォンブラウザアプリ iPhone/Android 24:00という深い時間にも関わらず 毎日10万以上の参加があり 3日間で56万人のCM連動参加者を獲得 6. ソーシャル連動 mixi Xmas 2009年、2010年、2011年3年連続 ソーシャルラジオ/ソーシャルバナー クリスマス時期に開催するシーズナルイベント mixi アプリ
JavaScript アニメーションのデザインパターン
JavaScript でアニメーションを作る アニメーションとは何？ ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> なんで、あんな感じの書き方になるの？ setInterval の意味が分からない こんな感じで書けないの？ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
最速インターフェース研究会 :: JavaScriptのデザインパターン - Singleton
JavaScriptじゃねえと書けねえよ、ってやり方でデザインパターンを実装してみるコーナー。とはいってもデザインパターンとか良くわからないので適当に覚えながら作る。 間違ってる箇所あったらつっこんでくれるとありがたいです。 わかりやすい文章を書く能力が欠如してるのでデザインパターンって何だとかそういうのはこっち参照。 http://d.hatena.ne.jp/naoya/20050813/1123924312 JavaScriptのコンストラクタはPerl同様自在に定義できます。returnでobjectを返してやれば、newの結果としてそいつを使います。 普通にシングルトンなクラスを実装するにはこんな感じだと思います。 function Singleton(){ var self = arguments.callee; if(self.instance == null){ this.
Essential JavaScript And jQuery Design Patterns - A Free New Book
Essential JavaScript And jQuery Design Patterns - A Free New Book November 14, 2010 Hey guys. Today I'm happy to announce the release of a free book I've written called 'Essential JavaScript & jQuery Design Patterns For Beginners'. Design patterns are reusable solutions to commonly occurring problems in software development and are a very useful tool to have at your disposal. I wanted to write thi
Learning JavaScript Design Patterns by Addy Osmani
Document has moved, if you aren't automatically redirected go here.
プロとしての行為 Act as Proffesional
先週おこなわれたTEDxTokyoで改めて考えさせられた内容がありました。 長時間労働が常習化している社員・経営者 これから家庭を持つ人、持った人 これから（現在）出産や育児に携わる人 のような人に特に見て頂きたいと思います。 小室さんは昔からお美しい…。動画は中盤から本質的な話になるので、だまされたと思って全部見てください！ 日本の労働 近年の日本人の労働の実体は 平均残業時間60時間/月 労働生産性は先進国の中で最下位 とのことである。国土も、人口も、資源も、少ないと言われる国なのに、そのうえ生産性が低いときたら…。 だが一方で… 「30%の残業が減っても、売上の上がる企業がある」 これは、私の経験からも事実であると感じます。 私は過去に経営に携わった会社では、月の残業時間が20時間を超えると人事評価を落とす制度にしたことがあります。 もちろん、これが平社員であれば、マネージャーの評価
マインドマップを作成してWord/Excel/PowerPointなどと連携可能なフリーソフト「Edraw MindMap」
マインドマップに限らずブレインストーミングやSWOT分析などを作成する際に使えるソフトがこの「Edraw MindMap」です。作成した図はPowerPointや各種画像ファイル、PDFなどにエクスポートが可能。クリップアートも豊富に用意されており、これまでとは違ったプレゼン資料などが作成できます。日本語入力も大丈夫です。 作成例、インストール、操作＆機能については以下から。 Free Mind Mapping Software, Freeware, Create mindmaps for brainstorming, problem solving, rational analysis, and decision marking. http://www.edrawsoft.com/freemind.php ◆作成例 実際にこのソフトを使って作れる図はこのような感じ、かなり多種多様。 ◆イ
開発者が知っておくべき、6つのUIアーキテクチャ・パターン - ＠IT
.NET開発者中心 厳選ブログ記事 開発者が知っておくべき、6つのUIアーキテクチャ・パターン ―― 「matarillo.com」より ―― 猪股 健太郎 2011/12/15 「.NET開発者中心 厳選ブログ記事」シリーズでは、世界中にある膨大なブログ・コンテンツの中から、特にInsider.NET／.NET開発者中心の読者に有用だと考えられるブログ記事を編集部が発掘・厳選し、そのブログ記事を執筆したブロガーの許可の下、その全文を転載・翻訳しています。この活動により、.NET開発者のブログ文化の価値と質を高め、より一層の盛り上げに貢献することを目指しています。 Martin Fowler氏の『GUI Architectures』を訳して公開しようと思ったのだが、FAQページに「PofEAAの続編などは商業出版する予定なので翻訳はしないでほしい」と書いてある。なので翻訳の公開はやめて、「
Test Your Mobile Web Apps with WebDriver - A Tutorial
The latest news from Google on open source releases, major projects, events, and student outreach programs. Mobile testing has come a long way since the days when testing mobile web applications was mostly manual and took days to complete. Selenium WebDriver is a browser automation tool that provides an elegant way of testing web applications. WebDriver makes it easy to write automated tests that
WebDriverを統合したSelenium 2を使ってみる - CODESCRIBBLE
Seleniumとは Seleniumとは、Webアプリケーションのテストを自動化するためのフレームワークです。Seleniumが提供するコマンドやAPIを用いることで、実際にWebブラウザを動かしながらWebアプリケーションの動作を検証することができます。これにより、従来手動で行っていたWebアプリケーションにおける回帰テストの多くを自動化することが可能になります。 Selenium 2（Selenium WebDriver）とは Selenium 2は、先月の8日に正式版がリリースされた、Seleniumプロジェクトの新しいプロダクトです。Selenium 2の最大の特徴は、やはりWebDriverとの統合でしょう。これについては、WebDriverの開発者であるSimon Stewart氏の話も含めた詳しい内容が以下の記事に載っているので、そちらを参照してください。 Selenium
Selenium WebDriver を利用して Webアプリケーションのテストをしてみる - suzukij's diary
以前から気になっていた Selenium WebDriver を使ってWebアプリの自動テストを試してみたので忘れないうちにメモ。 WebDriverに惹かれたのは以下の理由 ブラウザの操作がJavaで簡単に書ける（学習コストが低い） 記述するコードが簡潔で分かりやすい（コードのメンテナンスがしやすい） JUnitからも実行できる（Jenkinsから実行して自動化したり） ブラウザのスクリーンショットが撮れる（エビデンス作成） 導入準備 ここから Selenium Client Drivers(Java) をダウンロードしてjarにクラスパスを通すだけ。 Mavenを利用する場合、pom.xmlに selenium-java を追加するだけでOKです。 ブラウザ操作の機能のみを利用するだけなら selenium-htmlunit-driver は不要なのでexclusionを指定しておくと
Selenium Web アプリケーションテストシステム
Selenium は、数多くのプラットフォームを対象に Web アプリケーションのテストを自動化するためのツール群です。 Selenium は... 多くのブラウザとオペレーティングシステムで動作します。 多くのプログラミング言語とテスティングフレームワークでコントロールすることができます。
Selenium
Selenium automates browsers. That's it!What you do with that power is entirely up to you. Primarily it is for automating web applications for testing purposes, but is certainly not limited to just that. Boring web-based administration tasks can (and should) also be automated as well. Selenium WebDriver If you want to create robust, browser-based regression automation suites and tests, scale and di
TodoMVC
Thanks for stopping by! Let's get started TodoMVC is a common set of JavaScript examples for MVC frameworks like SproutCore, JavaScriptMVC, Backbone, YUILibrary, Spine, Sammy, AngularJS and others. Live examples To preview a Todo implementation for a particular framework, simply select it from the menu to the right of the screen. Depending on the browser you're using, you may need to access the
マークアップエンジニア だからうれしい Fireworksの使い方あれこれ
2. 自己紹介 • まぼろしの松田と申します • デザイン、マークアップ、JSer、 ライティングなど • 主な著書 『効率的なサイト制作のためのDreamweaverの教科書 【CS5.5対応版】』（鷹野さんとの共著、マイナビ） 2
ブラウザ動作の理解－レンダリングツリーの構築と描画のタイミング | ゆっくりと…
HTML5 の Web Worker やら GPU でハードウェア・アクセラレートされる IE9 のレンダリングなど、今年もブラウザの進化が激しくなりそうですネ。一方でフロント･エンド改善によるページ表示の高速化 Tips や Hack も百花繚乱、出尽くした感がありますが、やはり原理原則を知らないと 「どれが正しくて筋が良いか」 中々判断が効かないと思いませんか？ そこで最も基本的な 「ページの読み込みから表示まで、ブラウザって何をどうやってるの？」 を理解していきたいなと思っています。 一番の厳密かつ王道は、ブラウザ間の違いを極力少なくするように注意深く書かれている HTML5 の仕様書 を理解だと思いますが、イキナリではハードルが高いので、まずは周辺を漁っています。そんな中から、ちょっと古いですが、2004年5月の記事 「Testing Page Load Speed」 を今回、翻訳
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Userslot : Situs Slot Luar Negeri Paling Gacor Winrate Tertinggi
Twist Automated Testing | ThoughtWorks
Selenium Web Driver使い方 - For Want Of A Better Word
ウェブデザインのセンスを学ぼう、2012年上半期洗練されたディテールのUIデザインのまとめ