Android対応スマートフォンサイトのレイアウト（viewport・コンテナ編）
最近いろんなスマホ最適化されたサイトを見るようになりました。 それと同時に、多様なAndroid端末が急速に普及し、iPhone3GSが全盛だった去年までの制作方法では対応が不十分になってきてまして、僕自身も試行錯誤中なこともあり、2011年5月時点でのiPhone・Androidに対応できる自分なりのレイアウト方法をちょっとまとめてみようと思います。 今回は全体編なので、主にviewportの設定と全体を囲むコンテナ要素にフォーカスを絞ります。 viewportはdevice-width、コンテナはwidth:100%などの伸縮するリキッドレイアウトに 端末の横幅を最大限に活かした方がよい 特に理由が無ければ、大抵の場合は、 viewportはdevice-width、コンテナはwidth:100%などの伸縮するリキッドレイアウトにする 自然な考え方で考えると、PCに比べるとただでさえ狭
美女アプリは儲かるのか？を検証しようとしてみた - モトクロスとプログラムと粉砕骨折と
全国6,000万人の美女ファンのみなさん。ごきげんよう。 突然ですが「美人時計」というiPhoneアプリがあるのをご存知でしょうか。 全国各地の美女が1分毎にiPhoneに現れ、手にした黒板で時刻を教えてくれる、それはそれは本当に素晴らしいアプリです。 全国の美女ファンに熱烈な歓迎を受けた最初の美人時計がリリースされてから、僕はずっとこのシリーズの大ファンです。特に福岡版がお気に入りで、仕事中はスタンドに立てたiPhoneにこのアプリを起動させ、1分に1回の美女との出会いを楽しんでいました。 ただ毎日のように見ていると、何時にお気に入りの子が現れるのか分かってしまい、新鮮味に欠けてきます。名古屋版や京都版など全国各地の美女を堪能できる様々なバージョンがリリースされているのですが、それでも起きてる時間のほとんどはパソコンの前に座っているこの生活では、新鮮味に欠けるのは時間の問題です。 それか
au iPhoneの海外パケット通信で請求76万円に陥ったワケ - 週刊アスキー
事の成り行きはこうだ。 1月下旬、auお客様センターより電話が来た。「通信料に関して、大事なお知らせがございますので、XXX番のKDDIお客様センターまでお電話ください」とiPhoneの留守電に入っていた。 かけ直して、オペレーターを呼び出すと、「海外でお使いになられた通信料が高額になってしまっていますので、そちらのお知らせをと思いまして……」となんだか歯切れが悪い。「あ、はい使いましたよー」と私。 私「パケ定額で使っていたと思うのですが……」 オペレーター「えーと、海外パケット定額をご利用とのことですね。たぶん、該当の事業者以外に接続されてしまったぶんになると思われるのですが」 “ん？ なんかやっちゃった？”とチラッと頭をよぎった。 出張先はドイツ。パケ定額のキャリアにつながっていると思い、日本にいるときと同じように使っていた。ミュンヘンでは道に迷い、雪が吹雪くなか、GPS機能とネットを
【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き） こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記： ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
初心者のためのスマートフォンサイトを作るときに見ておきたいサイト｜WEB Drawer -WEB制作に関するメモサイト-
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ
今更ですがiOSアプリ開発の基礎について色々調べてみました - もとまか日記Ｚ
最近、以下のような記事を不定期に書いているわけですが。 iPhoneアプリを作ってみよう（Xcode4編）第１回：じゃんけんゲーム iPhoneアプリを作ってみよう（Xcode4編）第２回：簡単ブラウザ そういえば、iOSアプリの開発の基礎的なことって、ちゃんと書いてなかったような・・・・？(^^;;; てなことを考えてた時にTwitterでXcode関連の開発本について、「どの本がいいですか？」的な質問を受けたりもしました。 そこで、大型連休にiOSアプリの開発の勉強をしたい！という方もいらっしゃるかもしれないし？、ってことで、iOSアプリ開発の「基礎」について、色々調べてまとめてみました。 iOSアプリ開発に必須なもの まず、開発環境として必要なのが以下。・Mac・XcodeMacは最近のものであれば、どの機種でも問題ありません。ちなみに私はサンタさんに頂いたMacBook Airの1
「スマホ対応サイト制作 初心者向け」みたいな感じで書いてみた -1.メニュー編-（※iPhone寄り） - Kaleidoscope
【目次】 1.メニュー編 2.HTMLとCSSで画像を操る編（前編） 2.HTMLとCSSで画像を操る編（後編） 今持ってるPCサイトをスマホ対応したいなぁ…と思ってるものの、 「どこから手を付けていいのやら、わからん！！」って方も多いのではないでしょうか？ ということで、記事でも書いてみっかぁ！と、なぜかやる気になったので、連載形式で書いてみることにしました。 ただ、途中で飽きたり、やる気が無くなったら、予告無く終了する可能性大です(￣▽￣;) 僕自身、人に教えられるほどのスマホサイト制作の熟練者というわけでは無いので、もっと良い手段や方法があるかもしれません。 「ここはこうしたらいい」など、ご意見ありましたら、逆に教えてください(^-^; 【まずはじめに】 スマホサイトと言っちゃったものの、とりあえずはiPhone向けのサイトを基準とします。 Androidの「ブラウザ」も、iPhon
アップルの驚異的な収益構造の変化 ：投資十八番
2009年の売上高は429億ドル（3兆9000億円）で、この2年で73％伸びています。この間、収益構造上大きく変わったのはiPhoneが登場したことです。 2007年6月にアメリカで初代iPhoneが発売されてからまだ3年にもならないのですが、すでにアップル社の収益の柱になっています。2009年のiPhone関連売上高はiPodを大きく上回る130億ドル超に成長し、総売上の30％を占めています。 今期2010年にはMacの売上高を超えてアップルの稼ぎ頭になるのはほぼ間違いないでしょう。 iPodは今でも80億ドルを超える巨大な製品ですが売上は徐々に減少しています。同社は、まだiPodが好調な時期にiPhoneを投入し、わずか2年でiPodを超えるモンスターを生み出したのです。そして、今月には「iPad」という新製品の予約受付が開始されました。製品サイクルを見抜き、革新的な製品を次々に
子供のスマホ知恵袋 |
PRあり 2023年末～2024年春に実施されている学生や22歳以下向けの割引キャンペーン情報を一か所にまとめてみました↓
UITableVIewの利用 - プログラミングノート
Interface Builderを利用せずにUITableViewを利用する方法です。ソースコードはこちらから。Window-Based Applicationのテンプレートを利用し、UIViewController (MyViewController) を追加して作成しています。 MyViewController.h UIViewControllerを継承した独自のViewControllerを生成します。 UITableView関連のプロトコル(Interfaceみたいなもの)を指定しています。 @interface MyViewController : UIViewController <UITableViewDelegate, UITableViewDataSource>{ UITableView *myTableView; } MyViewController.m UITabl
ループをたくさん回す処理を高速化する初歩の初歩。 - このブログは証明できない。
テキスト処理を中心にやっていましたが、画像処理に興味が出てきて、さっそくアプリを作りました。もともと下の記事のあたりでユーザーとして画像処理に興味を持って、当然の流れながら、自分でもつくってみようと。 Color Splash + TiltShift Generator + Instagramの写真加工が面白い。 - このブログは証明できない。 で、何かを間違えて、普通の画像処理ではなく、カメラの映像をリアルタイムに加工しはじめました。そうすると、パフォーマンスがかなりシビアなんですね。 iPhoneでカメラの映像をリアルタイム画像処理してみる。 - このブログは証明できない。 全ピクセルを操作しなければなりませんから、ループをたくさん回す必要があります。なんとか高速化できないかと考えてみたところ、あっさり高速化に成功しました。私が気づくぐらいですから、初歩の初歩なんだと思います。 追記：
知識ゼロからはじめるiPhoneアプリ開発 - A Day In The Life
iPhone アプリ開発を初めてはや2年。わけわからんレベルからなんとかアプリをリリースするところまでこぎつけました。もともと趣味ではじめた事ですが今は仕事でも iPhone アプリ開発をしています。ここに至るまで自分が調べたことや参考にした文書をアプリの構想からアプリをリリースするまでの手順にそってまとめてみました。 iOSアプリ開発関連の本を書きました 初めて iOS アプリ開発をされるかた向けに「プロの力を身につける iPhone/iPadアプリケーション開発の教科書」という本を書きました。 この記事を読んで iOS アプリ開発に興味を持たれた方におすすめです(2013年2月26日発売)。2015年1月17日にSwiftに対応した改訂版がでました。 本の内容に関する詳しい記事はこちらです。 iOSアプリ開発の本を書きました 初期投資 8400円とプライベートな時間、iPhoneまたは
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
「売れる iPhone アプリ」にするための151のヒント。 | AppBank
こんにちは、もとまか（@motomaka）といいます。 色々とiPhoneアプリ作ってます。iPadアプリも作ってます。ブログもやってます。どうぞよろしくお願いします。 最近、アプリ開発のセミナー等をよく見かけますね。 ASCII.jp：AppBankが語る「売れるiPhoneアプリとは？」 売れるiPad/iPhoneアプリのためのデザイン必須知識（1/5） – ＠IT 売れるiPhone/iPadアプリの作り方・育て方@銀座 : ATND Togetter – まとめ「第1回iPhoneアプリ勉強会（Presented by AppBank）」 Togetter – まとめ「7/9 #appbank 第2回iPhoneアプリ勉強会」 Togetter – まとめ「7/9 #appbank 第2回iPhoneアプリ勉強会 / 狩られ道さんのターン」 やはり、iPhoneアプリの開発は盛り
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォンサイト構築 - シンプルな暮らし。 - 家族とWEBマーケティングな日々
AMoAdオフィシャルサイト
Google Code Archive - Long-term storage for Google Code Project Hosting.
HTML5でiPhone/Androidアプリケーションを作ろう！
Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ｜caraldo.net | WebとiPhoneとロードバイクが大好き！
Site is undergoing maintenance
