スマートフォン向けサイトのラジオボタンを良さ気な感じに。
昨年後半辺りから、iPhoneやAndroidなどのスマートフォン案件を実際にやる機会が増えて、今年はもっともっと増えるんだろうなぁと思う今日この頃。 なので今回は、スマートフォン向けサイトのフォームを作成する時に使うかも知れないラジオボタンにフォーカスした記事なんぞを。 ラジオボタンといえば、よく見かけるのは性別の選択とかでしょうか。 何にせよ、下記のような感じです。 ラジオボタン1 ラジオボタン2 んで、これをiPhoneとかで見ると、何の変哲もない普通のラジオボタンですが、iPhoneってラベル部分をタップしても選択できなかったりして使い勝手が悪いと思ったりしませんか？ ボクが持ってる、iPod Touch では反応してくれなかったです。 そこで、ラジオボタンをもっと良さ気なボタンっぽくしてみたら良いんじゃないかと思ったのでやってみました。 サンプルはiPhoneかwebkit系ブラ
WebアプリケーションをiPhoneに対応させるための技術メモ — ありえるえりあ
はじめに iPhone 3G DevWikiという開発情報サイトに基本的な情報がまとまっています。まず最初にこちらに目を通してください。 http://wiki.sohaya.com/ 本エントリでは、新規にiPhone対応のWebアプリケーションを作るというより、既存のWebアプリケーションをいかにしてiPhoneに対応させるかを中心にして話を進めます。 どう対応するか 既存のWebアプリケーションをiPhone対応させるには、大きく分けて二つの方法があります。 既存のHTML生成コードを利用する スクラッチでiPhone専用のHTML生成コードを書く (1)の方法では、JSPなどのHTML生成コードをそのまま利用しますが、iPhone Safariからリクエストされた場合にのみ、追加でiPhone専用のCSSをロードします。不必要なヘッダやナビゲーションは、CSSで適宜display:
iPhoneのメールアドレス設定方法 @i.softbank.jp編 | AppBank
ソフトバンクのメールアドレス@i.softbank.jpは、iPhoneを購入すると使えるようになるものです。通常はiPhoneの契約時にメールアドレスの設定を一緒にしてくれます。(店舗によっては設定してくれない場合もあります) 店舗で設定してくれなかった場合や、iPhoneを初期化したので再度設定したい、そういった場合にどうしたらいいのかわからない方がいるかもしれません。 そんな時のために「@i.softbank.jp」の設定方法を解説していきます。解説する項目は、 簡単な設定方法(しかも、オマケつき！) 自分でポチポチと入力して設定する メールアドレスの変更方法 My SoftBankへのログインパスワードを忘れてしまったら… メールアドレスのパスワードを忘れてしまったら… 以上5つです。 今までSMS/MMSしか使っていなくて@i.softbank.jpも使ってみたい、最近iPhon
【最新版】iPhoneの標準カレンダーとGoogleカレンダーを同期する方法
iOS4になって超簡単にGoogleカレンダーを同期できるようになったって知ってました？ 今までご紹介していたExchangeを使った方法（記事はこちら）よりももっと簡単で、もっと正しく同期される方法があります。 この方法を使えば、Exchangeでは同期できなかった「カレンダーの色」が同期できるようになります（他にもメリットはあるらしいのですが、私には見つけられませんでした・・・）。 また、Googleカレンダーとは関係ありませんが、iOS4以降、全てのカレンダーアプリはインストールするだけでiPhone標準のカレンダーと同期できるようになりました。そのため、アプリごとにGoogleカレンダーとの同期設定は行う必要はなくなっています。 それでは早速同期方法をご紹介していきます。 設定 > メール/連絡先/カレンダー > gmailのアカウントを選択。そして「カレンダー」を「オン」にする。
jQueryMobileを使ってのスマートフォンサイトの構築メモ at HouseTect, JavaScriptな情報をあなたに
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
iPhone iPadで「position: fixed」を実現するiScroll « オモテメン（高山一登のブログ）
3日に書いたiPad readyの記事で紹介したNikeのサイトがヘッダーを固定していたのでてっきりiPadはiPhoneで使えなかったCSSの「position: fixed」が使えるのかなと思ったらやっぱりiPadでも「position: fixed」は使えなくて、代わりに「iScroll」というJavaScriptライブラリで実現していたと知ってびっくり。 これを使えばiPhoneでも「position: fixed」に相当するデザインを実現できそうです。デモはこちら ただしこれを使うと、逆に通常のブラウザではスクロールできなくなるので注意が必要です。上のデモもPCでは機能しません。 使い方は簡単で、JS読み込んでスクロールさせるdivにIDつけて、その親divにもIDつけてあとCSS指定するだけ。詳しくはデモのソースを見れば分かります。2つのdivの間に違う要素が入るとダメみた
WebサイトをiPhoneで見やすくする5つの方法
2017年6月29日 Webサイト制作, Webデザイン, 便利ツール iPhone持ってないくせにWebクリエイターボックスをiPhoneで見やすいよう改良しました。iPhoneからhttp://webcreatorbox.comにアクセスすると自動的にhttp://webcreatorbox.mobify.meにリダイレクトされます。（されてなかったら直接http://webcreatorbox.mobify.meからドウゾ…）今回は下記に説明するmobifyというサイトからiPhone用サイトを作りましたが、他にも便利な方法があったので紹介してみます。 ↑私が10年以上利用している会計ソフト！ 1. CSSのみで切り替える iPhone用に作成したCSSを作り、デバイスの幅によって使用するCSSを切り替えます。 <link rel
jQueryでiPhone/iPadの向きを検出する[to-R]
jQueryでiPhone/iPadの向きを検出する iPhone/iPadで向きの概念が存在し、横向き(landscape)と縦向き(portrait)によって幅が変わるのでデザインやスクリプトを変更することがあります。 そういった場合に利用できるのがメディアクエリーのorientationです。 <link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"> <link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css"> このように記述をすると縦向き(portrait)の場合はportrait.cssを横向き(landscape)の場合はlandscape.cssを読み込むことが出
![jQueryでiPhone/iPadの向きを検出する[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1788fe5c4e0abeec501baa392c032db6a3514abe/height=288;version=1;width=512/http%3A%2F%2Fblog.webcreativepark.net%2Fimages%2F20100817_01.jpg)
?eid=871945
January 2021 | 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 2ちゃんねるのiPhone板に「iPhoneでGmailをメイン使い」というスレがある。 ブログにしろ掲示板にしろ、ネットでの情報共有は本当に素晴らしいことだと思うが、昨夜、このスレで見つけた書込みは、iPhoneを使い始めてから抱えていた僕の悩みを一気に解決してくれた。 Gmailの便利さを知っている人はわかると思うが、Gmailをメインで使い始めると、仕事のメールもプライベートのメールもGmailに転送して、受信も送信もすべてGmailで済ませるようになる（WEBブラウザーでどこでもチェック可能、検索が楽、迷惑メールフィルターが優秀、タグ付けが秀逸などメリットはたくさん）。
直接お金は受け取れるの？
キャッシングサービスとは、要するにお金を借りることで、最近はインターネットを活用して業者に融資申請をして、指定の銀行口座へ現金振り込みをしてもらえるという、大変便利なサービスを利用することができます。しかし、キャッシングをしているという事実を家族にばらしたくないという方も多いので、銀行口座への振込は履歴が残ってばれる可能性があるから、望ましくないと考える方も多くいます。そんな時には、キャッシング業者の店舗に足を運んで、直接受け取りの方法を選択することができます。キャッシング業者のほとんどが無人ATM機を導入していて、土日祝日関係なく、いつでも融資申請をすることができます。その場で所定の手続きを進め、審査に通過することができれば現金を手にすることができます。この方法だと、銀行口座を経由することなく、融資金を借り入れすることが可能となります。一度所定の手続きを踏めば、キャッシング専用のカードが
スマートフォン用に毎回作る画像 - tikeda's blog
スマートフォン用サービスを作る時に必要な画像を用意する際、よくサイズを忘れがちな為、社内用にドキュメントを最近まとめてました。内容が一般的なのでダイアリーにも書いておきます。Androidはひとくくりにするには、不明確な点も多いし、今後アップデートも多そうですが、参考までという事で。ちなみにファイルはPNG。 アプリケーションアイコン iPhoneAndroid - 3GSw57xh57 4w114xh114 w72xh72 ※2.0。割と細かいので以下参考 Icon Design Guidelines, Android 2.0 ヘッダー画像 iPhoneAndroid - 3GSw320xh44 4w640xh88 x1w480xh45 x2w960xh90 タブにのせるアイコン iPhoneAndroid - 3GSw40xh33 4w80xh66 ※selectedはauto eff
iPhone/Android用成人向け同人誌閲覧サイト「同人Phone」作りました - Future Insight
iPhone/Android用成人向け同人誌閲覧サイトを作成しました。同人Phone (iphoneまたはAndroid携帯で閲覧ください)Tumlbr.の方で試験公開してましたが、問題なさそうなのでこちらでも。名前からしてそのままなのですが、iPhone/Androidから成人向け同人誌を快適に閲覧できるサイトです。フリックで快適に次のページを閲覧できます。普通のPCから見るより見やすいくらいです。以下のような理由もあり、一回iPhone向けエロサイトを作成してみたいと思っていました。 iPhoneのエロコンテンツプラットフォームとして可能性 - Future Insight3日くらいで作ったお遊び程度のものですが、どうぞお楽しみください。
ゆず屋: [フォント] iPhone & iPhoneアプリのフォント
今日はアニメじゃなくて iPhone 関係のフォントの話です。 ちょっと長くなりそうなので早速始めましょう。 ■ iPhone 自体のフォント Apple 社の Macintosh には「ヒラギノ」シリーズの和文フォントが搭載されていることが有名ですが、iPhone にも同じフォントが搭載されています。 下の画像は iPhone の標準ブラウザである Safari の画面ですが、この文字の表示に使われているのがヒラギノ角ゴです。 もちろん Safari だけでなく、iPhone OS やその他のアプリでも使われてます。 ただし、Mac には「ヒラギノ角ゴ」以外にも「ヒラギノ明朝」と「ヒラギノ丸ゴ」が搭載されているのに対して iPhone には「角ゴ」しか入っていません。 なので、iPhone では標準的な太さの「ヒラギノ角ゴ W3」と、やや太めの「W6」の２種類しか和文フォントの選択肢が無
私はいかにしてTimeMachineにバックアップしたデータからiPhoneを復元したか - ネタフル
昨夜、六本木の豚組しゃぶ庵にいたぼくは、知人にSMSをしながら日本語入力の異変に気付きました。ある特定の文字を入力するとアプリが落ちます。全てのアプリで現象が再現しました。復元しかないか‥‥そこから長く険しい道のりが始まりました。 通常は慌てて復元とかしないタイプなのですが、Macに詳しい知人も一緒にいたため、一人で復旧作業するより安全だろうと酔った頭が判断し、その場でiTunesから復元を実行しました。 通常、iTunesによるiPhoneの復元はいわゆる、出荷状態に戻すものです。その後に続いて、バックアップデータを戻すような作業になります。 数日前にiPhoneを同期した記憶があったので、躊躇せず復元を実行しました。まっさらなiPhoneです。一つもアプリがインストールされていないiPhone 3G、速くてちょっと感動するよ。 きれいな顔してるだろ‥‥ウソみたいだろ？ 初期状態なんだぜ
AppleのFlash締め出し事件雑感 - FutureInsight.info
先日のAppleのiPhone OS 4.0の発表と同時に、iPhone Developer Program License Agreementの変更があり、以下の文言追加された。 アプリケーションは文書化されたAPIのみ使用可能で、プライベートAPIを利用してはならない。 アプリケーションはObjective-C、C、C++またはJavaScriptで書かれていなければならず、 C、C++やObjective-Cで書かれたコードのみがコンパイルしたり文書化されたAPIに直接リンクできる。 （トランスレーションまたは互換レイヤーやツールを介して文書化されたAPIにリンクするアプリは禁じられている。） つまりFlash、.Net(C#)などで記述されコンパイルすることでiPhoenで実行可能なアプリケーションとなるような、中間コードを利用してiPhoneアプリケーションを作成することが禁止に
iPhone/iPod touch/iPadを、Macのワイヤレスサブディスプレイとして利用することが出来る「iDisplay」を試す | iPhone App Store | Macお宝鑑定団 blog（羅針盤）
SHAPE Servicesが、iPhone/iPod touch/iPad用マルチディスプレイアプリ「iDisplay」を、App Storeにて販売を開始していたので試してみました。 Wi-Fi環境下で、iPhone/iPod touch/iPadを、Macのワイヤレスサブディスプレイとして利用することが出来るアプリです。（Windows用ソフトウェアの予定あり） 最初、MacにiDisplay desktop 1.0 for Mac OS Xをインストールし、Macを再起動します。 再起動すると、ディスプレイ表示が1024x768解像度のミラーリングモード表示になる場合があり、その場合は、システム環境設定＞ディスプレイの調整タブでディスプレイをミラーリングのチェックを外します。 このソフトウェアをインストールすると、Macのディスプレイに仮想のVGAディスプレイが常時接続された状態に
売れるiPad/iPhoneアプリのためのデザイン必須知識
売り上げを左右する以前に、デザインが原因でアップルの審査落ちも起こり得ます。基礎データや注意点、素材サイトなど役立つ情報満載！ iPad/iPhoneアプリのデザインは、不要？ 重要？ 2009年11月に登録数が10万本を超え、毎日増え続けるiPhoneアプリ（参考：AppleのApp Store、登録アプリが10万本を突破）。「そろそろ作り始めてみたいけど、どこから手を出せばいいの？」というデザイナの方もいらっしゃるのではないでしょうか。 カヤック意匠部では、ネタアプリから本格的な楽器アプリまで、多くのアプリをリリースしています。そこで今回は、その経験を生かして、iPad/iPhoneアプリ制作を始めるに当たってデザイナが押さえておくべき基本的なポイントを、まとめて紹介します！ 「デザインを一切しなくても、アプリは作れる」 と、いきなりですが、デザイナがいなくてもアプリは作れます。アップ
iStudiez Pro: 時間割管理がメインのスケジュールツール。大学時代のToshismなら絶対使ってた。789 | AppBank
iStudiez Pro: 時間割管理がメインのスケジュールツール。大学時代のToshismなら絶対使ってた。789 ＜iStudiez Proの3ポイント紹介＞ 大学生や資格を勉強中のあなたに・・・時間割や宿題を管理するスケジュール・タスク管理ツールです デザインが本当にとっても洗練されていてすごいです 僕が大学生だったら、100%このアプリ使いましたね 大学生が一番使えそう、次に資格試験を目標に勉強している方も使えそうな「学習管理」をメインに置いている、スケジュール・タスク管理ツール、iStudiez Proを今回はご紹介いたします。 イメージとしては、いつ、どこで、どの授業があり、宿題がいつまでで・・・みたいな学生がメモ帳にメモることを全て管理できるアプリだと思ってください。 いやこれ、かなり良いですよ。何よりもデザインが良いです。とっても美しいです。 さらに、機能も相当良いですよ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PCでiPhoneを操作する – myPhoneDesktop 1.4.1 | 普通のサラリーマンのiPhone日記
Engadget | Technology News & Reviews
