初心者のためのスマートフォンサイトを作るときに見ておきたいサイト｜WEB Drawer -WEB制作に関するメモサイト-
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ
デザインどや！？｜海外カジノ オンラインのWEB作成
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
スマートフォンコーディング : ノウハウコラム ： HTML/XHTML、CSSコーディング最安保障～クロノドライブ～
iPhoneブラウザの特徴の一つとして、画面を左右に90度傾けると画面の中もそれに合わせて回転する機能があります。 そのため、画面幅に合わせて伸縮するリキッドレイアウトとしてデザイン・コーディングしますが、中にはそれだけでは難しいものもあります。 そこで、傾きに合わせてbodyのclassを切り替えるjqueryのjavascriptを紹介します。 サンプル サンプル ※iPhoneで見てみてください。 ダウンロード tilt.zip 使い方 ダウンロードしたtilt.jsをjquery.jsと一緒に読み込むだけで動作します。 用途 縦横でボックスの幅を切り替える 縦横で背景色を切り替える 縦（または横）の場合だけ表示する文章や画像を設置する 縦に最適化されたサイズのまま、横の場合はそれを中央寄せにして表示する 等々... 仕組み 仕組みはとても単純でwindow.orientatio
売れるiPhoneアプリを作るためにすべき事をまとめてみました | Last Day. jp
App Storeの現状 ✔iPhoneは全世界で１億台売れて、市場規模は5,000億円。日本は300万台。 ✔20万人のiPhoneアプリ開発者が40万個のアプリを作り、100億個がダウンロードされた。 ✔プロとアマ(サンデープログラマー)の開発者が共存できるiPhoneアプリ市場。 p2 『売れるiPhoneアプリの法則』より ✔iPhoneは全世界で１億台売れて、市場規模は5,000億円。日本は300万台。日本の人口よりわずかに少ない数だ。iPhoneアプリは日本以外の国でも特別な処理を行わず世界でリリースする事ができる。 ✔20万人のiPhoneアプリ開発者が40万個のアプリを作り、100億個がダウンロードされた。既に40万個のアプリがApp Storeにある。いざアプリを作ろうと思ってApp Storeを検索してみると似たようなアプリがひしめいている事が多々ある。 これについては
カヤック、Facebookの友達に電話できるアプリ「Reengo」
カヤックは5月11日、Facebookと連携するiPhone用通話アプリ「Reengo」を公開した。価格は無料。 ReengoはFacebookの友達リストに登録された相手に対して、電話番号を知らなくてもインターネットを通じて通話できるアプリ。Facebookで友達にはなっているけど、電話番号を交換していなかった相手と話したいとき、遠く離れた友達と通話したいときなどを利用シーンとして想定している。 アプリを立ち上げていなくても着信できる仕組み。Facebookの既存の友達リストが使えるため、Skypeのように自分のIDを友達に教えて登録してもらう必要がなく、気軽に利用できるという。なお、通話料はかからないがパケット通信料は発生する。 5月初旬にはReengoのAndroidアプリもリリースする予定。現在は日本のApp Storeのみで公開しているが、今後は海外のApp Storeにも順次、
スマートフォンのユーザビリティあれこれ - 30分で学ぶ「mixiアプリ for touch」（スマートフォン版mixiアプリ）の作り方
ボタンの縦横サイズ 指で操作するために必然的に自分の指の下になる箇所は隠れます。 そのために縦にボタンを並べると、上のボタンを押しているとき下のボタンは見えません。 ボタン類を縦に並べる場合は、ある程度の距離を取りましょう。 逆に横にボタンを並べる場合、ボタンを教えている最中に横のボタンも見えるため、縦に並べる場合よりも押し間違いが少ないようです。 近い距離にボタンを並べる場合は、横に並べる方がいいかもしれません。 （もちろんそんな風には並べない、というガイドラインを作るのがベストですが） inputタグとlabelタグ テキストテキストやタグで選択肢を用意する際に、クリック領域を広くするためにタグで囲う、もしくはlabel forで対象を指定するなどしている方が多いかと思います。 しかしなぜかiPhone／Androidではに対するlabelが反応してくれません。（はOK） そのため指で
iPhone・iPadでも！超優秀なBluetoothキーボードがなんと任天堂から発売 - Gadget Girl
iPad2がGW前に発売するという噂… AppleからのメールにもiPadのイラストが書かれていて、期待が高まるじゃないですか。出てほしい。ぜひ。よろしくお願いします。Appleさん。 さて、今日は可愛くてコンパクトなBluetoothキーボードを紹介したいと思います。なんとこのキーボード、ニンテンドーDSのゲームソフト"バトル&ゲット ポケモンタイピングDS"に付属したコントローラーなんです。 アルファベットしか書いていないシンプルなキーと丸みを帯びた全体のデザイン。そして任天堂カラー水色のアクセント！どれをとっても私の好み。 実際にタイプしてみると、とても気持ちのいい打鍵感。iPadのソフトキーボードも練習してはみたんですが、やっぱりハードの心地よさには勝てないですね…。 キーボードの背面にはおなじみNintendoのロゴ。Bluetoothでの通信機能がDSにあるのかと思いきや、この
iPhoneのカメラを使って間取り図を簡単に作れる『MagicPlan』
『MagicPlan 』は、iPhone・iPod touchのカメラを使って簡単に間取り図を作成することができるアプリです。 カメラのファインダー越しに部屋の隅を記録していくだけで、まさに魔法(magic)のように間取り図が完成します。 iPhone 4および第4世代iPod touchに内蔵されている「ジャイロスコープ」を活用し、部屋の中央に立ち、ぐるりと一周しながら隅やドアなどを記録していくだけで、自動的に図面を描いてくれます。 アプリには動画とインタラクティブなチュートリアルが含まれており、(英語ではありますが)だれでもすぐに使えるよう配慮されています。 間取り図を作成するには、まず物件の登録を行います。 それぞれの物件には、写真や住所といった情報を加えることができ、また位置情報の取得を許可していれば、現在地の地図が自動的に登録されます。 物件の登録が済んだらフロア(何階か)を選び
【Tips】iPhoneやiPadのテキスト入力で右詰めする方法
► 2022 ( 1 ) ► 11月 ( 1 ) ► 2021 ( 5 ) ► 9月 ( 1 ) ► 8月 ( 1 ) ► 1月 ( 3 ) ► 2020 ( 12 ) ► 10月 ( 1 ) ► 6月 ( 5 ) ► 5月 ( 1 ) ► 4月 ( 2 ) ► 3月 ( 2 ) ► 1月 ( 1 ) ► 2019 ( 6 ) ► 9月 ( 1 ) ► 7月 ( 1 ) ► 6月 ( 1 ) ► 3月 ( 2 ) ► 2月 ( 1 ) ► 2018 ( 6 ) ► 12月 ( 1 ) ► 11月 ( 1 ) ► 5月 ( 1 ) ► 3月 ( 1 ) ► 2月 ( 1 ) ► 1月 ( 1 ) ► 2017 ( 6 ) ► 12月 ( 1 ) ► 11月 ( 1 ) ► 8月 ( 1 ) ► 7月 ( 1 ) ► 5月 ( 1 ) ► 3月 ( 1 ) ► 2016 ( 27 ) ► 12
iPhoneやAndroid端末で「tilt」とググると？ Googleの“小ネタ” - はてなニュース
iPhoneやAndroid端末を使って、Googleで「tilt」と検索すると？――はてなブックマークでは、思わず「おおっ」と声をあげてしまいそうな“小ネタ”が話題を集めています。 ▽ iPhoneで”tilt”をググると・・・ちょっと傾く | iPod LOVE ▽ http://blog.livedoor.jp/news23vip/archives/3668415.html iPhoneやiPod touch、Android端末から、Googleで「傾ける」という意味の英単語「tilt」を入力して検索すると、なんとページが右に傾いて表示されます。 思わず首をかしげたくなってしまいますね。 さらに、「斜めに」という意味の「askew」と入力しても右に傾き、 日本語で「斜め」と入力しても、右に傾きます。 この機能は2ちゃんねるでたちまち話題となり、「すげー本当に傾いてる」「IS01でも傾
グループMMS超えiPhoneアプリ「Beluga」 | nori510.com
結論から言わせてもらうと、「Beluga」チョーいいよ。もうほんとステキ。皆様に是非使ってもらいたいのです。 僕は悩んでました。 前回記事、iPhoneのパケット通信OFFで浮いた3000円以内でWiMAXを契約出来る!? 私の比較検討のまとめ で書いたのですが、WiMAXを契約してiPhoneのパケット通信をオフにする事を検討していた時の事。 僕の大好きなiPhoneの中でも、ひと際輝く素敵機能「グループMMS」がパケットオフにしてしまうと使えない事が発覚してしまったのですから。 正直、iPhoneでグループMMSが使えないなんて、iPhone電源オフと同義じゃないかと。 それだったら、WiMAXは諦めようと。MMSとか、マジで(M)、めっちゃ(M)好っきやねん(S)とタカジンよろしく大好きでしたから。 でも、「Beluga」があればもう正直MMSいらない。というか、MMSよりイイよ、コ
スマートフォンサイトのデザイン集サイトのまとめ｜WEB Drawer -WEB制作に関するメモサイト-
最近普及しているスマートフォンですが、その専用のサイトを作っている所も多くなってきました。 WEB制作の会社でもスマートフォンサイトを制作する事が多くなってきたと思います。 スマートフォンは指で操作するのでパソコンとはまた違ったデザインになっています。 そこで、デザインをまとめているサイトをまとめてみました。 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス 全iPhoneサイト一覧｜iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト 全iPhoneサイト一覧｜iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト スマートフォンサイト集めました。 スマートフォンサイト集めました。 iShowcase – 国内のiPhone / iPad最適化対応をしたサイトを
始まった業務アプリの開発
スマートフォンの業務利用が本格化してきた。メールやスケジュール機能を使うだけではない。業務アプリケーションを動かし、システムの一部として使う。磁気カードリーダーの装着や動画によるプレゼンなど、活用アイデアが満載だ。社内外どこでも瞬時に情報システムにアクセスでき、アプリケーションや周辺機器次第でさまざまな機能を追加できる、スマートフォンならではの利点を生かした取り組みである。 「この商品のSサイズはありますか」。衣料品販売を手掛けるユナイテッドアローズの新宿店で顧客からこう聞かれた店員は、iPhoneを取り出した。画面をタッチし、その商品のタグに記載されている商品コードを手早く入力する。 すると画面上に、その商品の現時点での在庫数が表示された。「申し訳ございません。在庫がないようです。色違いでしたらございますが、お持ちいたしましょうか」─。 ユナイテッドアローズは2010年9月、一部の店舗で
"Instagram"をもっと楽しく便利にする５つのウェブサービス - Gadget Girl
"Instagram"、楽しんでいますか？ 実は私、あまり"Instagram"に写真をアップしてません…見るのは楽しくってホーム画面にあるんですが、アップする写真を考えすぎてしまってなかなか出来ないでいたんです。でもそれではせっかくの面白さも半減してしまう！というわけで、どこかに出かけた記録的な写真も"Instagram"にアップしていこうと方向転換。ぜひ「like！」お願いします！ 今日はPCで"Instagram"が便利になるウェブサービスをご紹介。使いこなせばさらに面白さが増すはず！ instagramをブラウザで見る！ Instagram popular photos Instagram popular photos まずはビューワーサービスを２つ。"Instagram popular photos"はトップページでpopularの写真が表示されています。最初はpopularを見
livedoor Techブログ : デザイナーに聞かれがちなAndroid UIの仕様
開発部の井上（@inonb）です。12月に位置情報サービス・ロケタッチのAndroidアプリをリリースしました。ぜひお試しください。 さて、今回はAndroidアプリのUIまわりについて書いてみたいと思います。 iPhoneアプリに比べて、AndroidアプリのUI仕様は、わりとWebに近いところがあります。Webの仕事の経験があるデザイナーさんは入りやすいところもあるのですが、マルチディスプレイ対応など面倒なところもあります。 デザイナーさんに聞かれた質問について簡単にまとめてみたいと思います。 1. iPhoneアプリのデザインって流用できますか？ 流用はできるだけ避けたいです。 たとえばTwitterやFacebookのアプリなど、両プラットフォームに多くのユーザーを持つアプリを見ても、iPhoneとAndroidではデザインが変わっているのが分かると思います。 Androidのデザ
iPhone×Evernoteの超新星アプリ「Egretlinks」の使い方！！
iPhoneでEvernote上のWebクリップを見る。 こんな簡単そうなことが、iPhoneのEvernoteアプリでは現在思うようにならないのです。 常用するにはまだまだ重くて不安定なのですよ、iPhone公式アプリ。 そんな中、昨年登場したEgretlistは「チェックボックスのついたノートブックのみ同期する」という手法でEvernoteと連携。 その素晴らしいUIも相まって、一時期はEgretlistブームが巻き起こったほど。たぶん起こってた。 ま、実際今も私はタスク管理にこのアプリを使用しております。 Egretlist 1.6.2 iPhone、iPod touch および iPad 互換 iOS 3.1.2 以降が必要 カテゴリ: 仕事効率化 価格: ￥350 更新: 2010/08/30 さて、話は戻ってEvernote純正アプリ。これでWebクリップを見るのは先程も書いた
[iPhone, iPad] Puffin: Flashサイト→見られます。Flashゲーム→遊べます。音も流れます。革命や！！352 | AppBank
いつかやって来るとは思っていたが、とうとうきましたか！！！！iPhoneでFlashが普通に動く日が！！！ Puffin、興奮しながらお届けします！ App Storeの説明文によれば、 フラッシュコンテンツを表示（クリックも可能） フラッシュビデオを視聴可能（YouTubeのみ） フラッシュゲームプレイ可能（非・最適化） ということだそうです。 使ってみた感想としては、フラッシュが使われたWebサイトの表示は自然に行われます（当然、静的なサイトよりは読み込みに時間がかかります）。音楽も再生してくれます。 フラッシュビデオはYouTubeしか再生できないという事で、実質的にはまだ使えないという感じですね。（Skyfire Web Browserがオススメです） フラッシュゲームについては、動作はしますが、操作が難しいです。過去に流行したFlashコンテンツ（中村屋とかのまネコとか）を視聴す
HTML5で作るiPhoneアプリのできない5つのこと - K_Takahikoの日記
iPhoneアプリを作成するに当たって以下のことを実現したい場合はHTML5での作成はできないため、ネイティブアプリで実現するしかなさそうだ。１、clipboardの利用まぁ別にっていう感はあるけど個人的にクリップボードを利用したアプリを作ろうと思った矢先だったんで上げておいた。２、ファイルのアップロードここが一番の肝だったりする。写真のアップロードができないのは致命的だが今後のアップデートで可能になることに期待する。３、カメラARやバーコードリーダのようなアプリがつくれない。２のファイルアップロードが出来ないのでその手のアプリは八方塞だ。３、シェイクイベントiPhoneをシェイクしたときのイベントがない４、加速度センサー３と同様加速度センサーのイベントがない。この辺りは地味にみえるがアプリケーションの使いやすさに大きく影響する。５、バックグラウンド起動そもそもネイティブアプリがバックグラ
ウノウラボ by Zynga Japan: iPhone向けのサイトを作るときのちょっとした気配り
yamaokaです。 だいぶiPhoneやAndroidといったスマートフォン向けのwebページを作ることが増えてきたのではないでしょうか。ちょっとした気配りで使いやすくなるケースもあるかなと思うので、いくつか使えそうな工夫について書いてみたいと思います。 ただし、今回はiPhone向けです。 タップされた場所をハイライトする iPhoneのSafariでは「-webkit-tap-highlight-color」という拡張された属性があり、タップされた箇所に色を付けることができます。CSS3ではRGBaによる色指定ができるので、半透明の色を指定すればタップされた箇所をわかりやすく示すことができます。例えば、-webkit-tap-highlight-color:rgba(255,0,0,0.40);と指定すると薄い赤色を付けることができます。「outline:none;」と併せてリンク文
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Apple、次期 iPhone での「おサイフケータイ機能」見送る | スラド モバイル