タグ

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

  • はじめてのスマートフォンサイト制作「基礎知識や開発環境の準備編」

    今までスマホサイトを制作したことが無いので、サイト設計から基礎知識、デザインの知識など一から全て勉強していきますので、その点についてまとめて行きます。 用語整理 まず初めてに新しい用語などについて整理していきます。用語については自信ある方はこの項目は飛ばして下さい。 「スマホ」と「スマフォ」どっちが一般的なのか 今まで「スマホ」だと思っていたのですが、最近「スマフォ」と呼称する人を見かけるようになりました。確かに「スマートフォン」を略すなら「スマフォ」の方が正しそうな気がしますが、Google で調べた所検索ボリュームの数が「スマホ」の方が圧倒的に多いので、私は略す場合は「スマホ」で通していくことにします。 フィーチャーフォン (ガラパゴスケータイ) 日独自の進化を遂げた携帯をガラパゴス携帯、略してガラケーと呼びます。個人的にはガラケーという言葉を使っていたのですが、ガラケーではなく「フ

  • jQuery Mobile 1.1でPublickeyのモバイル版を作ってみた

    Publickeyのコンテンツをモバイル向けに最適化した「Publickey Smart Edition」をバージョンアップしました。今回はjQuery Mobile 1.1を使い、モバイル対応の機能を以前よりも活用したものになりました。 jQuery Mobile自身、以前のバージョンより動きがスムーズになったことに加え、今回からjQuery Mobileの標準機能をそのまま使うことでページのロード時間も短くなりました。 画面遷移ではアニメーションを使い、画面をスワイプすると前記事、次記事へ移動するようにしたので、よりモバイルらしいWebアプリケーションになったと思います。 画面サイズや機種などに依存しないように作ったつもりなので、iPhone/iPod touch/Android/Windows Phoneなど主要なスマートフォンで参照できるはずです(手許にあるiPod Touch/i

    jQuery Mobile 1.1でPublickeyのモバイル版を作ってみた
  • まとめ:モバイルUIデザインギャラリー7撰 Zen Startup

    スマフォのアプリがスタートしてまだ4年足らずだが、アプリ市場は急激に成長しており、世界中のビジネスパーソンが、アプリ開発で一攫千金を狙っている。では、アプリ成功の鍵とはなんだろうか。僕は現在ヒットしているアプリをリサーチすることと、UIデザインの2つが特に重要だと考える。 モバイルアプリのUIデザインは、パソコンやタブレットと比べて画面が小さいため、今までとは異なった「限られたスペースで行う使いやすいデザイン」が重視される。例えば、広告スペースや、会員登録ボタンのデザインも慎重に検討しなければなれない。表示するコンテンツのボリュームも最小限に留めるべきである。 では、どうすれば「使いやすいデザイン」を生み出せるか。それは海外のヒットしているアプリを徹底的に試してみることだ。例えばFacebookアプリやPathアプリは絶対に参照したほうがいい。 今回は「絶対に抑えておきたいモバイルUIデザ

  • スマホ関連のリモートホストのまとめ:phpspot開発日誌

    スマホ関連のリモートホストを調査する事があったのでシェアです。 Wifiからのアクセスもかなりを占めるので、ホスト名でスマホかどうかを判別するという用途には使えませんが、3Gであるか、そうでないかを調べて、回線が遅い場合には軽量になるようページを出し分けるといった用途に使えます。 iPhone softbankの場合 *.panda-world.ne.jp auの場合 *.au-net.ne.jp Android docomoの場合 *.spmode.ne.jp softbankの場合 *.openmobile.ne.jp auの場合 *.au-net.ne.jp e-mobileの場合 *.pool.e-mobile.ne.jp 最近はXiや4Gな端末もありますので、単純に、回線が遅いかどうかという部分は分けられませんが、スピードが速いほどアクセスは増える傾向にあるので出し分けてもよいか

  • 画像をアップしてInstagram風エフェクト等様々な編集も可能なBootstrapベースのアプロダ「Filepicker.io」:phpspot開発日誌

    画像をアップしてInstagram風エフェクト等様々な編集も可能なBootstrapベースのアプロダ「Filepicker.io」 2012年05月07日- Filepicker.io | Upload the Web 画像をアップしてInstagram風エフェクト等様々な編集も可能なBootstrapベースのアプロダ「Filepicker.io」 アップローダーというか、アップした画像に高度な画像オーサリングツールを付けたようなイメージです。 画像をアップすると次のようにツールバーと共に画像が表示されます。 注目すべきはインスタグラム風のエフェクトをその場で与えられちゃうというところ。 回転、切抜き、明るさ、コントラストといった標準の操作は勿論備わっています なんかプリクラっぽい合成も可能です これは胸が熱くなりますね 利用にはキーが必要です。 関連エントリ 画像選択時にサムネイルが出て