タグ

2012年7月2日のブックマーク (20件)

  • モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。

    モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲーム歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS

  • CSSの勉強中に困ったら

    CSSの勉強中に色々困ることが起きて検索するのですが、だいたい同じところに行き着くので自分用のリンク集も兼ねてまとめておきます。 仕様を確認するとりあえずW3Cを見に行った方が早い。 そもそもプロパティや値について分かっていない場合はここで解決することが多い。 CSS current work & how to participate現在の状況と仕様書の目次。CSS3の日語訳集 - 血統の森 web実験小屋日語訳へのリンク集。W3Cの目次から探すのが面倒なときはGoogleで「w3.org プロパティ名」で探すと早い。「devs.w3.org」と「www.w3.org」を分けて検索するのもいいと思う。 ブラウザの対応と実装対応しているかどうかだけの場合は以下の2つのサイトで事足りる場合も多い。 When can I use… Support tables for HTML5, CSS3

    CSSの勉強中に困ったら
  • O'Reilly Japan - インタフェースデザインの心理学 : ウェブやアプリに新たな視点をもたらす100の指針

    デザインは相手から反応を引き出すための大事な要素です。買ってほしい、読んでほしい、行動を取ってほしいなど、相手の反応を誘い出すためにデザインをします。人間の行動原理を理解していないデザインは相手を混乱させるだけで目的の結果を得ることができません。書ではすべてのデザイナーが知るべき100の指針を実践例とともに紹介します。すべてが科学的な研究から導き出されたものです。これらの指針を理解してデザインすれば、人間の思考や行動、遊び方にマッチした直観的で人を引きつける製品――印刷物、ウェブサイト、アプリケーション、ゲーム――を作れるようになります。 翻訳者によるサポートページ。 サンプルPDF ● 「前付〜#008まで」(53MB) 目次 1章 人はどう見るのか 001 目が受け取る情報と脳が私たちに伝える情報は微妙に違う 002 対象の「あらまし」をつかむのは中心視野より周辺視野の役目 003 

    O'Reilly Japan - インタフェースデザインの心理学 : ウェブやアプリに新たな視点をもたらす100の指針
  • PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」:phpspot開発日誌

    CSS3Ps PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」 CSS3でちょっと凝ったオブジェクトを作りたい場合に、Photoshopがそのまま使えてCSS3にコンバートしてくれます。 CSS3で描画した驚きのグラフィックス、というのも、こうしたツールを活用すると驚きのCSS3グラフィックスでもなんでもなくなるのかも。 シェイプをデザインします グラデーションなんかもつけつつ プラグインのボタンをクリックで出力。そのまんま。 画像じゃないから軽いという点もポイントですね 関連エントリ CSS3でシャレオツなリストを作るチュートリアル アニメーションするバナーをCSS3で作るチュートリアル CSS3で出来たクールなLightBox実装チュートリアル CSS3で描かれたシェイプのサンプル集

  • UIが美しすぎる15の次世代モバイルアプリデザイン - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ

    無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> 世界的なスマホの急速な普及とそれに伴う様々なアプリの登場と共に、モバイルデバイス向けのUIデザインも様々な試行錯誤と進化を続けているようです。今回は、デザインにはこだわりのある人気ITメディアThe Next Webのスタッフが選んだ次世代のモバイルアプリを担う15のUIデザインを紹介します。 — SEO Japan コードを学ぶのと同じように、デザイナーとして上達する一番の方法は、習うより慣れることだ。それでもやはり、優れた作品を称賛して模倣すること(という名の練習)が驚くべき効果を発揮しないというわけではない。何よりも、他のデザイナーが過去にしたことを見ることは、相当な時間の節約になる。なぜ

    UIが美しすぎる15の次世代モバイルアプリデザイン - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
  • パララックスサイトの作り方の初歩

    最近パララックス(視差効果)を取り入れたサイトが増えてきました。 仕組みや簡単なものを作れるようにしておきたかったのでいろいろ試してみました。 ちなみにもっと効率良く作れる方法とかもあるかもしれませんので、一例ということで御覧ください。プラグインはまだ試したことがないので そちらを使ったほうが楽かもしれません。 パララックス効果のjQueryプラグインまとめ あと動作はこの記事時点でのFirefoxの最新版でしか確認はしていません。 スクロール量を取得する まずはスクロールすると動くので、スクロール量を取得します。ちなみにjQueryを使ってます。 $(function(){ $(window).scroll(function(){ var y = $(this).scrollTop(); $("#num").text("スクロール量:" + y);//表示用 }); }); サンプルペー

    パララックスサイトの作り方の初歩
    o_hiroyuki
    o_hiroyuki 2012/07/02
    パララックス効果の作り方
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
  • これは罠。PHPでiPhone端末にPUSH通知を送る際の落とし穴 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    段田です。 最近、PHPからiphone端末にPUSH通知を送る機能の開発に携わりました。PHPでプログラムを実装する場合、フルスクラッチとライブラリを使用するケースがあるのですが、各ケースでのポイントを忘れないよう書きたいと思います。 なおPUSH通知の概要、証明証の作成については省略します。概要などは下記の記事がわかりやすく、参考になりました。 Apple Push Notification サービス(APNs) の実装方法 iPhoneプッシュ通知まとめ フルスクラッチのケース フルスクラッチでやる場合、こちらのはてなの記事が参考になりました。 https://irss.hatenablog.com/entry/20111026/1319632548 しかし、試しに作成すると送信はできるのですが、下記の様な制約があることを知ります。 1つのメッセージで256バイトを超えてはいけない

    これは罠。PHPでiPhone端末にPUSH通知を送る際の落とし穴 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 2012年上半期 プログラマだったら読んでおきたい書籍11選 | Act as Professional

    このブログを読んでいる、あなた、ねこ背になっていませんか? 「胸を張って背筋を伸ばす」というのは、ねこ背を治す方法として無意味です。腹筋や背筋などの姿勢を支える筋力が足りないからというのも間違っています。 ねこ背にならない立ち方、座り方というのがあるのです。それを知らないのが一番の原因です。 詳しくは「一般人の常識を覆す“ねこ背”の治し方がここにある「ねこ背は治る!」 」にて、衝撃を受けたポイントを書いています。 ねこ背に悩んでいるあなたに、ぜひ手にとって頂きたい1冊です。 リーダブルコード ハッカーは読むな。必要ない。 良いコードを書くために悩み、ミスもする普通のプログラマに読んで欲しい。 発売1週目で増刷が決定するほど、上半期に圧倒的な注目をされた書籍です。私も一押しです。 デザインパターンよりも、こっちの方が毎日使う知識なのです。 良いコードとは人間が最短で理解できるように書かれたコ

    2012年上半期 プログラマだったら読んでおきたい書籍11選 | Act as Professional
  • では、子どもの〈見えない学力〉地頭、読む力に親は何ができるのか?

    引き続き、このから。 子どもの〈見えない学力〉、いまなら地頭とかいうものは、親の文化水準×子どもの経験の質によると、岸裕史はいう。 これだけだったらネットでいくらも見かける(俗流)文化の再生産論である。これでおしまいなら次のような笑えない問答に尽きてしまう。 問:勉強ができるようになるにはどうすればいいですか? 答:親を選びなさい けれども再生産のプロセスを細かく見れば、例えばどんなことが子どもの読書体験につながるのかが分かれば、(教養読書習慣のない親であっても)活用できるものを拾い上げることができるかもしれない。 先のは、この手のネタの宝庫なのだが、いくつか拾い上げてみる。 1.親が子供のを読む 親が読書の習慣がない場合は、親が子供のを読むことからはじめる。 中でも岸は、教科書を読むことを勧める。 ぶっちゃけ教科書の文章は、市販の大抵のよりも、短くやさしいからだ。 2.親

    では、子どもの〈見えない学力〉地頭、読む力に親は何ができるのか?
  • Javascriptで扱えるカッコイイグラフのまとめ - Qiita

    結論:Highchart ccchart(canvasChart)と悩みましたが、Highchartを選んだ理由は、下記の通りです。 1.円グラフや棒グラフを組み合わせた複合的なグラフのサンプルを載せている 2.複合グラフのアニメーションがかっこいい 商用ライセンスなので、無料にこだわる方は、ccchart(canvasChart)がおすすめです。 Highchart 表現力、完成度の点でいちばんだと思います。商用なのでお金さえあればこれがイチオシ。 ccchart(canvasChart) 私のイチオシは canvasChart です ライセンスは PUBLIC DOMAIN! raphael.js qiitaのプロフィールの円グラフで使われているjQueryプラグイン 美しめなグラフを作成することができる。 raphael.jsのプラグインのelycharts.js http://el

    Javascriptで扱えるカッコイイグラフのまとめ - Qiita
  • わかりやすい見積書の書き方 / Maka-Veli .com

    最近流行り(?)の「見積額」じゃないです。見積書自体の書き方。 ディレクターやってるとこういうのが気になってしょうがないのです・・・ sample.pdf 最下部にデータ置いておくんで、好きに使ってください。リンクも名前....MOREわかりやすい見積書の書き方 is a post from: Maka-veli.com

  • ggsoku.com

    o_hiroyuki
    o_hiroyuki 2012/07/02
    ちょw 買っちゃう人いるんだ
  • 『おっさんだけど綿菓子屋さんになりたい!』 遂に東京にオープン!取材を兼ねて食べてきました。レビュー - すしぱくの楽しければいいのです。

    公開日:2012年7月 1日 カテゴリ:べてきた 34のおっさんだけど真剣に綿菓子屋さんになりたい。 っというVIPスレから誕生し、裸一貫で上京したのち、日『綿菓子屋 ふわり』をオープンさせたという事で、急きょアポとってべに行ってきましたよ。('A') レビュー 力也配信!総合ホームページ 今回話題になった綿菓子屋さんとは、おさらい VIPで『綿菓子屋さんになりたい』というスレを立てたおっさん(力也さん)が、半年かけて福井県に屋台をオープンさせるという内容です。 VIP民に命名してもらった店名は『綿菓子屋 ふわり』 暇人\(^o^)/速報 : 34のおっさんだけど真剣に綿菓子屋さんになりたい。 - ライブドアブログ おっさんでも真剣に取り組めば何とかなるのだという内容で、気分がポジティブになる良記事でございます。 べ放題始めようとか面白い発想だし、いい話、これからが期待じゃないか。

    『おっさんだけど綿菓子屋さんになりたい!』 遂に東京にオープン!取材を兼ねて食べてきました。レビュー - すしぱくの楽しければいいのです。
  • これでメインブラウザに! 無料ランキング1位ブラウザ『Chrome』を使い倒す3つの小技を紹介します - アップス!!!-iPhoneの小技やiOS系ニュースを配信

    これでメインブラウザに! 無料ランキング1位ブラウザ『Chrome』を使い倒す3つの小技を紹介します 2012年06月30日 21:30 カテゴリ:iphoneの小技ユーティリティーapp ツイート Chrome カテゴリ: ユーティリティ 価格: 無料 どうも@kuroji1987です。 先日リリースされてから瞬く間に無料ランキング1位となったブラウザアプリ『Chrome』。 今回はこの『Chrome』をガッツリ使い倒すために便利な3つの小技をご紹介したいと思います。これでメインブラウザに昇格できるかもしれませんよ! 1.ブックマークレットを使う まず1つ目は『Chrome』でブックマークレットを使用する方法です。 リリース時の記事でも書きましたが、『Chrome』でブックマークからブックマークレットを起動するとうまく動かすことができません。 アドレスバーに直接入力することで起動させられ

  • 次世代HTMLの新仕様「レスポンシブ・イメージ(仮)」についてまとめてみた

    レスポンシブWebデザインを実装する際、画像の扱いは一つの課題として残っています。現在、PHPを使用した「Adaptive Images」やJavaScriptを使った「Responsive-Images」などが現実的な対応策としてありますが、どちらもApacheの設定を必要とします。レスポンシブWebデザインが広まって標準的な実装方法の一つになろうとしている今、サーバサイド技術に依存しない解決策が早急に求められています。 そんな中、HTMLの仕様策定の一端を担うWHATWG(Web Hypertext Application Technology Working Group – ワットダブルジーと読む)で、新たな仕様が検討されています。 では、どんな議論がされていて、今どんな状況なのか? なかなか複雑なことになっているようなので、調べてまとめてみました。 ※この記事は、レスポンシブWeb

    次世代HTMLの新仕様「レスポンシブ・イメージ(仮)」についてまとめてみた
    o_hiroyuki
    o_hiroyuki 2012/07/02
    いずれにせよ複数画像を用意するのは免れそうにない
  • 【テスト】きちんと色が見えていますか? オンラインで「色覚」のチェックをしてみよう

    【テスト】きちんと色が見えていますか? オンラインで「色覚」のチェックをしてみよう 佐藤英典 2012年6月30日 女性の255人にひとり、男性では12人にひとりが色覚に何らかの問題があるという。あなたは大丈夫だろうか? カラーサイエンスおよびテクノロジー分野の世界的な企業の「エックスライト」は、オンラインでできる色覚のテストを提供している。気になる方はぜひともチェックして頂きたい。 同社が提供している「Online Color Challenge」は、マスに並ぶ色の順番をかえて、きれいなグラデーションを完成させるというもの。左端と右端のマスにはベースとなる色が配置されている。隣り合う色を見極めて、ドラッグ・ドロップで並べ替えていくのだ。 4つの並べ替えを終えて、「score test」のボタンをクリックすると、すぐに評価点がわかる。評価点は低いほど良い結果で、ゼロ点が最高の評価。100点

    【テスト】きちんと色が見えていますか? オンラインで「色覚」のチェックをしてみよう
  • Zen-Coding、0.7のすすめ

    Zen-Coding、0.7のすすめ 2012-07-01 / 2013-02-27 HTML/CSSのコーディング速度が3倍上がる、といわれるZen-Coding。 使いこなしてコーディング速度が3倍になっていますか? SassとかLessとか流行ってる中、あえてZen-Codingを紹介します。 (Zen-Codingの現在のバージョンは0.7です。 古いバージョンを使用している方はアップデートをお勧めします。) 追記 Zen-Codingとは Zen-Codingは様々なエディタに対応しており、Webデザイナーでも導入が容易なのが魅力です。 エディタのサポートは、3つの分類に分かれます。 公式サポート Aptana/Zend Studio/Eclipse (Win/Mac/Linux) TextMate (Mac) Coda (Mac) Espresso (Mac) Komodo E

    Zen-Coding、0.7のすすめ
  • 本当にここ日本かよ?って画像ください : あじゃじゃしたー

    1:以下、名無しにかわりましてVIPがお送りします:2012/06/29(金) 22:46:32.70 ID:vYerxA8C0 お待ちしています。 以下、名無しにかわりましてVIPがお送りします:2012/06/29(金) 22:48:05.94 ID:vi3qmxsN0 3:以下、名無しにかわりましてVIPがお送りします:2012/06/29(金) 22:48:35.89 ID:Xa6kVBzq0 24:以下、名無しにかわりましてVIPがお送りします:2012/06/29(金) 23:11:15.82 ID:JCSMvklw0 >>3 こういう系大好きだ 4:以下、名無しにかわりましてVIPがお送りします:2012/06/29(金) 22:50:34.64 ID:a2kuoTAh0 8:以下、名無しにかわりましてVIPがお送りします:2012/06/29(金) 22:55:15.92

  • 【プレゼント有】ツイッターアプリを作ろう。誰でもわかるiPhone開発講座。第1回。 | AppBank

    みなさま、こんにちは!拡張現実ライフの@akio0911と申します。※詳しいプロフィールはこちら。 このたび、AppBankさんにて、ツイッターアプリ開発入門の連載記事を執筆させて頂くこととなりました。ぜひぜひこの連載を読んで、ツイッターアプリ作りの第一歩を踏み出してみて下さい! 私が執筆した書籍のプレゼントも用意していますので、記事の最後までお楽しみください。 第1回の目次です。 プロジェクトを作成する ストーリーボードを変更する クラスを追加する 画面にクラスを割り当てる ボタンがタップされた時の処理を追加する ツイート画面を表示するコードを追加する フレームワークを追加する アカウントを追加する アプリを実行する では、早速ツイッターアプリの作り方を学んでいきましょう。 プロジェクトを作成する まず、Xcodeを起動して、”Create a new Xcode project” をク

    【プレゼント有】ツイッターアプリを作ろう。誰でもわかるiPhone開発講座。第1回。 | AppBank