誰もが理解し、成長できる。 みんなが遊んだことのあるスーパーマリオ。あの1-1のステージはシンプルなので、よく覚えてますよね。実はあのステージはデザイナー視点でみると素晴らしいレベル構成に仕上がっているんですって。兄弟メディアコタクジャパンで詳しく解説されていたので、その内容をちょっと覗いてみましょう。 ゲーム開始直後の画面からしても、システムの少ないリソースを上手くやりくりし、ゲームに不慣れな世代にも受け入れられるように様々な工夫が施されています。画面上に沢山テキストを表示させたり、説明書を読ませたりすること無く、プレイヤーに何が可能かを認識させ、プレイを通じたスキルの向上を可能にするという、アフォーダンスの用い方と学習曲線デザインの素晴らしい手本が詰まった作品です。 開始直後の画面ではマリオが右を向き、その前には開けた空間があります。何も動いておらず、脅威となるものも見当たりません。こ
2014年6月12日に、拙著 「納品」をなくせばうまくいくーソフトウェア業界の“常識”を変えるビジネスモデル が発売となりました。 私はこれまで技術者として、そして経営者としてずっと取り組んできたソフトウェア開発の業界を、少しでも良くしたいという思いから、新しいビジネスモデルに取り組んできました。 その取り組みを、今回のような１冊の本にまとめることが出来たことで、より多くの方にソフトウェア開発の世界で起きている問題と、それを解決するためのアイデアの一つとしてのビジネスモデルを知って頂く機会になれば、私にとってもとても嬉しいことです。 本書では、技術的な用語はほとんど使わずに表現することを心がけました。技術者の皆さんだけでなく、経営者やビジネスマンの皆さんにとっても読みやすいものになっていると思います。 ソフトウェアやプログラミングの仕事とは本来は楽しいものであり、そのことをもっと多
NEW こんにちは。マークアップの胡夢です。 わたしが個人で請けている、外部のWebデザイナーさんから送られてくるデザインデータで、「これだけはやめて欲しい」って事をつらつらと書いてみます(´・ω・｀)ｷﾋﾞｼﾒ 基本的にPSD（Photoshopデータです、一応念のため）を頂いて、そこからマークアップに必要な画像を切り出して使うのですが、毎回苦労する羽目になっておりまして、同じように苦労しているマークアップさんの声をTwitter等で見かけるので、「Webデザインをやるなら、これくらいは知って置いて欲しいなぁ」という内容をまとめてみましたので、記憶に留めてもらえると非常に有り難いです。 お願い【１】レイヤーについて ●レイヤーの結合はホントにヤメテ！ わたしが対応するマークアップ案件はこういったことはほとんど無いのですが、コーディングをしたことがないデザイナーさんでこれをやっちゃう方が居
無限スクロールまたはauto pagingと呼ばれるUIには、読み終えたコンテンツがどんどん画面の上のほうに溜まっていってメモリーを食い潰すという問題がある。 なかでもTumblrは画像などのコンテンツが多いため、ダッシュボードダイバーたちは無限Tumblrユーザースクリプトなどのユーザースクリプトをインストールして、読み終えたコンテンツを定期的にページ上から自動削除するといった対策を講じていた。 ところが最近のTumblrのダッシュボードでは、ポストが画面外に出るとその中の要素が一時的にページから削除され、画面内に表示されると要素が再度復元されるようになっている。どうやらこれによって無限スクロールによるメモリーの圧迫が抑えられているらしい。 関連するコードはhttps://secure.assets.tumblr.com/assets/scripts/dashboard.jsの/*! s
Tilmeld Vær den første til at høre om vores bedste tilbud, største besparelser og seneste nyheder ved at tilmelde dig vores nyhedsbrev i dag!
iOS 8 では、ネットワーク機能も強化されます。 （画像：9to5Mac） iOS 8 では、Wi-Fi スポット検索時に送信する識別番号がランダム化されます。ここ数年で、この識別番号を収集してマーケティングに活かす動きが出てきたからです。 さらに iPhone・iPad のあいだでデータを直接やり取りする『マルチピア接続』が強化されます。これまでは iOS 限定でしたが、OS X Yosemite にも対応します。 ※ 紹介する機能は開発途上のベータ版 iOS 8 のものなので、一般公開の前に変更・削除される可能性があります。 iOS 8の最新情報まとめはこちら → 【iOS 8まとめ】毎日つかうアプリが新しくなったiOS 8の使い方まとめ! 識別番号をランダムに変更 海外のApple系ニュースサイト『AppleInsider』によれば、iOS 8 では Wi-Fi スポット検索時に送
ドワンゴとニワンゴは、「ニコニコ動画（ニコ動）」や「ニコニコ生放送（ニコ生）」を含むコンテンツ配信サービス「niconico」が不正ログイン攻撃を受けた件に関し、攻撃規模や被害状況などの詳細情報を公表した。それによると、21万9,926件のアカウントが不正ログインされ、19アカウントで「ニコニコポイント」が不正使用されたという。不正使用による被害総額は17万3,610円に上った。 niconico がユーザーからの問い合わせを受けて調査を開始したのは6月9日。この時点の問い合わせ状況は、6月1日に2件、6月9日に1件あっただけだった。翌10日には第三者による不正ログイン試行を検出し、同一 IP アドレスからの大規模な不正ログインが2014年5月27日から6月4日にかけて行われていたことを確認した。さらに、ニコニコポイントが不正に使われたことも確認できたそうだ。 この時点で、不正ログイン攻撃
![ドワンゴが「niconico」不正ログイン攻撃の被害状況を公表、お手本のような詳しい情報公開 [インターネットコム]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ec300faf8de677f5db8a81c8550a088c52fbddc/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fimage.internetcom.jp%2Fimg%2F20140613%2F1402643767.jpg)
Webサービスほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク！2014年6月13日1 @JUNP_Nです。オンラインで利用することができる無料のWebサービス「Compressor.io」はJPG、GIF、PNG、SVGの画像をビックリするほど軽量化してくれます。面倒なアカウント登録などもなしで、画像をドラッグ&ドロップだけで使えて超便利！ 無料で多様な画像ファイルに対応しているのが嬉しい画像軽量化サービス！Compressor.io - optimize and compress your images and photos オフラインではJPEGの画像軽量化には「JPEG mini」を利用、それ以外の画像については「ImageOptim」を利用していたのですが、これだけではGIF動画の軽量化がもの凄く難しい。 関連：1
うまくトレンドを取り入れ、デザインの細部まで徹底的にこだわり、気持ちのいいインタラクションとアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。 画像の一部だけ動くシネマグラフを使ったコンテンツ、ペルソナを使ったユーザー中心のレイアウトなど、最新のトレンド情報もお見逃しなく！ VOTD.tv シンプルですっきりしたデザインだけでも素敵ですが、ロゴ、ナビゲーションやサムネイルやコンテンツなどの随所に仕掛けたインタラクションの芸が非常に細かく、楽しませてくれます。
こんにちは！ 小学生の頃、野菜や果物の形をした消しゴムが流行っていたので、初めて「さやえんどう」の形をした消しゴムを買い、帰り道に待ちきれず中身を取り出そうとしたら3粒全てが勢いよく飛び出し、排水溝に吸い込まれていきました。 きょうへいです。 イメージしにくい方は「さやえんどう 消しゴム」というキーワードで画像検索してみてください。 本日はGoogle Analytics（以下、Analytics）のマイレポートについて書きたい思います。 目次 マイレポートとは？ マイレポート作成方法 マイレポートを共有する マイレポートをメールで送る まとめ マイレポートとは？ マイレポートとは？ マイレポートは、Google Analyticsの複数のレポートをひとつの画面にまとめる機能です。 これにより、色々なレポートをいちいち見に行く必要がなく、よく利用するレポートをまとめて、1つの画面で閲覧する
パララックスエフェクトに代表されるようにスクロールで新しい視覚効果を生み出す試みがされています。単純な上下のスクロールでは得られない大きなインパクトを訪問者に与えることができます。 その新しい手法として紹介したいのがmultiscroll.jsです。スクロールによって起こる新しいエフェクトを楽しんでください。 multiscroll.jsの使い方 何はともあれ動画を見るのが一番分かりやすいかと思います。 いかがでしょう。スクロールすると上下から画像がスクロールしてきて合体します。パララックスとはまた違うインパクトがありますよね。 最初の表示はこんな感じ。 スクロールするとコンテンツが上下から表示されてきます。 視覚効果は慣れてしまうと思ったインパクトを与えづらくなります。パララックスイフェクトも最近では印象が残りづらくなっているかも知れません。そこで新しい視覚効果を考えてみるのは面白いと思
動画をブラウザいっぱいに背景として表示させ、その上にコンテンツをオーバーレイで配置するテクニックを紹介します。 HTML5 Video 実装 HTML 現在、動画ファイルは二つのフォーマットを用意するのがよいでしょう。WebMはGoogleが推奨するものでChrome, Firefox, Operaでネイティブにサポートされています。 <video autoplay loop poster="polina.jpg" id="bgvid"> <source src="polina.webm" type="video/webm"> <source src="polina.mp4" type="video/mp4"> </video> オーバーレイで表示するコンテンツは、通常通りの実装です。 <div class="overlay"> コンテンツ </div> CSS まずは、動画をフルスクリー
マジンガーZ・グレートマジンガー・グレンダイザーといったスーパーロボットたちを女の子に擬人化した「ロボットガールズ」や「機械獣ガールズ」たちを集めて敵と戦いフルボッコにするシミュレーションゲーム「ロボットガールズZ ONLINE」が、6月5日から正式サービスを開始しました。1人も友達がいない状態でもランダムに呼び出せるフレンド小隊システムを活用して、序盤からフルボッコを楽しんでみました。 ロボットガールズZ ONLINE-フルボッコシミュレーション http://rgzonline.ujj.co.jp/ フルボッコ戦闘がどんな感じなのかはこのムービーを見ればわかります。 「ロボットガールズZ ONLINE」で敵をフルボッコにしてみた - YouTube 登場するロボットガールズたちがどんな子たちなのかについてはPVで説明が行われています。 ロボットガールズZ ONLINE PV - You
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
