タグ

web制作とiphoneに関するhalohalolinのブックマーク (16)

  • HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ

    iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 iOS 6 がリリースされましたがアップデートされましたか?私はマップアプリをよく使うのですが、早速アップデートした方々の、マップがぁぁという叫びにびびってまだアップデートできておりません… で、まだ私の手元の iPhone 4S では iOS 5 が元気に動いている今日この頃ですが、iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 原文 iPhone 5

    HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ
    halohalolin
    halohalolin 2012/09/21
    新しいスクリーンサイズ/新しいシミュレータ/何をしないといけないの?問題点など/iOS 6 関連/File API、HTML Media Capture への対応/Web Audio API に対応/スマート App バナー機能/CSS Fillter Effects の対応...
  • http://iphone-diary.com/?p=7326

    http://iphone-diary.com/?p=7326
    halohalolin
    halohalolin 2011/05/15
    「気になったサイトを見ていてアプリ名を選んで起動するだけで、すぐに自分のサイトで使えるHTMLが出来上がっちゃうんです。検索にヒットしないと変な結果を返すので、そうなってしまったら妥当なキーワードに...」
  • OpenStreetMap

    halohalolin
    halohalolin 2011/02/23
    OpenStreetMapを利用した商業目的でも無料で使えるWebアプリサービス、スクロールなしならiPhoneでも表示可能/?mlon=「経度」&mlat=「緯度」&icon=「アイコン番号(4番で赤ピン)」&zoom=「拡大率(最大18で最接近)」
  • ついに iPhone Safari ブラウザから位置情報を取得できるようになります - Cirius Lab. ブログ

    「昔から自分のナニのサイズが小さいのがコンプレックスになっています」 コンプレックスになったきっかけは中学の時の修学旅行です。 それまで特に気にならなかったのですが、お風呂の時間に友人のを見て、自分が小さい方なことに気が付きました。 それからは恥ずかしく思うように。 それから10年近く経ちましたが、特にサイズは変わっていないです。 大人になってふと思ったんです。 コンプレックスを解消する方法って無いのかなと。 そして調べてみたら、最近は色々な方法があることを知りました。 特に気になったのは【凝縮黒ウコンDEX】という増大サプリメントです。 全体的に評価も高くて、レビューを読んでいてもかなり期待できるなと思いました。 ですが初めてのことなので、自分に効果があるのかという不安もあります。 なので凝縮黒ウコンDEXについて詳しく調べてみたいなと。 調べ尽くして、使いたいという気持ちが強ければ注文

    ついに iPhone Safari ブラウザから位置情報を取得できるようになります - Cirius Lab. ブログ
    halohalolin
    halohalolin 2010/10/14
    iPhone Safariに代表される(社内LANで接続されたWindows用Firefoxでも精度はともかく動作は確認)位置情報が取得できるブラウザからJavaScriptを使用して取得するサンプルプログラム
  • 【レビュー】自由に使えるiPhone/iPad/Android/PC向け切り分けCSSテンプレート | エンタープライズ | マイコミジャーナル

    Fantastic website design in Flintshire, North Wales from Stuff and Nonsense iPhoneAndroid携帯といったスマートフォンからiPadのようなポータブルデバイス、従来のPCやノートPCにいたるまで、ネットワークにアクセスするデバイスの種類は多様化している。こうしたディスプレイサイズも解像度密度も異なるデバイスに対してそれぞれに適したデザインを提供するというのが、最近のWebデザイナの間で取り上げられることが多いトピックになっている。 こうしたトピックで取り上げられることが多いテクニックがCSS3のMedia Queryを使う方法だ。デバイスの解像度や密度の情報を取得して、それに応じて適用するCSSを切り替えるというもの。これまで多くのブログでこのテクニックが取り上げられ、サンプルコードとともに紹介されている

    halohalolin
    halohalolin 2010/10/12
    CSS3のMedia Queryを利用して、スマートフォン、PC/ノートPC、iPad、iPhone、大きなディスプレイ、縦方向と横方向の区別、またはその両方に対応したスタイルを区別して適用するためのテンプレートファイル
  • 【ハウツー】iPhoneゲーム自作工房5 - Googleマップ回転ゲームの作成 (1) ジェスチャーの利用 | パソコン | マイコミジャーナル

    iPhone + Safariによるジェスチャー処理 iPhoneのSafariにはタッチされた時のイベントを取得することができます。このタッチ関係のイベントを使ってピンチイン/アウトや回転操作を行うためのプログラムを書くこともできます。が、実際にそのようなコードをJavaScriptで書くのは手間です。幸いiPhoneのSafariには、そのような処理(ジェスチャー)を検知するための仕組みとイベントプロパティが用意されています。今回は、回転させるジェスチャーを使って、ちょっとした回転ゲームを作成してみます。 今回はシンプルなゲームで指定した回転角度まで画像を回転させるだけのものです。指定した回転角度まで回転させるタイムを競います。普通の画像を回転させても良いのですが、ここではGoogleマップを回転させてみます。 正確に地図を回転させるゲーム ジェスチャーイベント Safariのジェスチ

    halohalolin
    halohalolin 2010/10/10
    iPhoneのWebアプリで、指の操作を検知するための仕組みとイベントプロパティから、回転させるジェスチャーを使ったサンプルゲームを構築例を紹介。スクロールを停止させるのがポイント。
  • MOONGIFT: » jQTouch用のjQuery拡張「jQExtensions」:オープンソースを毎日紹介

    jQExtensionsはjQuery/JavaScript製、iPhone/iPod Touch用のオープンソース・ソフトウェア。iPhone向けのWebサイトを開発する場合、いわゆる携帯サイトのように幾つかの特徴がある。とはいえPCのWebブラウザ並みの機能はあるので携帯電話ほどの制約はない。 フローティングウィンドウ ほとんどがデザイン的な特徴になる。既に幾つものデザインフレームワークが存在し、それらを上手に使うことで手早くiPhone向けサイトの開発が出来るようになっている。その一つとして知られるのがjQTouchであり、jQueryならではの拡張を行ったのがjQExtensionsだ。 jQExtensionsはjQTouch用の拡張を提供している。一つはフローティングウィンドウで、スライドさせても常に画面上部に表示される小窓機能だ。クリック一つで消したり、表示/非表示が切り替え

    MOONGIFT: » jQTouch用のjQuery拡張「jQExtensions」:オープンソースを毎日紹介
    halohalolin
    halohalolin 2010/03/10
    フローティングウィンドウで、スライドさせても常に画面上部に表示される小窓機能。クリック一つで消したり、表示/非表示が切り替えられる/よくある位置情報取得でライブラリとして提供される/オフライン対応。
  • 一つのHTMLファイルを使ったiPhone最適化サイトライブラリ·Magic Framework MOONGIFT

    Magic FrameworkはiPhone向けのオープンソース・ソフトウェア。日においてもiPhoneが約200万台発売されたという噂だ。ある程度の市場性が出てきたと言えそうだ。そうなるとネイティブアプリや最適化サイトへの需要も高まってくるだろう。 メインメニュー 幾つかのiPhone向けWebサイトテンプレートがあるが、Magic Frameworkもその一つだ。だが特徴的なのは全体で一つのHTMLのみ提供するという点だ。そしてHTMLファイルをJavaScriptで分断し、スライダを使って表示を切り替えられるようになっている。 何ページもあるようなサイトコンテンツを一つのHTMLで表現できる。例えば小説サイトで最初のページを目次に、各見出しごとにページを分割して表示するような方法が考えられる。1ページなので汎用的なテンプレートではないが、マッチする場面もありそうだ。 ページ切り替え

    一つのHTMLファイルを使ったiPhone最適化サイトライブラリ·Magic Framework MOONGIFT
    halohalolin
    halohalolin 2009/11/24
    iPhone向けWebサイトテンプレート、全体で一つのHTMLのみ提供するという点だ。そしてHTMLファイルをJavaScriptで分断し、スライダを使って表示を切り替えられるようになっている。
  • Animated Navigation w/ jQuery & CSS | jQuery Navigation | jQuery Tutorial | Easy jQuery Navigation Tutorial

    As I was checking out some flash sites for inspiration, I ran across a couple websites that had some nice navigation effects. I’m not a huge fan of wildly animated navs, but these had simple and elegant roll over effects that I liked. I decided to imitate the effect with CSS and jQuery, and would like to share this technique today. View Demo Step 1. Wireframe – HTML This part is very simple. Your

    halohalolin
    halohalolin 2009/07/30
    ON/OFFの切り替わりアニメーションが目を引くjQueryメニューバー、iPhoneからボタンをタッチしてもメニューバー変化アニメーションが反応しました
  • 40 Essential iPhone Applications For Web Designers — SitePoint

    June 15, 200940 Essential iPhone Applications For Web Designers Web designers can be struck with inspiration at any time, but if you’re away from your computer there isn’t much you can do. Well, with an iPhone or an iPod Touch that has all changed. Now you can make notes, pick color schemes, ping servers and even FTP a file to your device, edit it and then upload it back. Why bother being tied dow

    40 Essential iPhone Applications For Web Designers — SitePoint
    halohalolin
    halohalolin 2009/06/20
    辞典がない時に使える(英語)iPhone向けWebアプリ辞書のまとめ、Web制作関係者向けCSS/HTML/JavaScript/jQuery/PHP/Color Expert/正規表現/Font/など、アクセス解析ツール等の紹介も
  • Google Code Archive - Long-term storage for Google Code Project Hosting.

    Code Archive Skip to content Google About Google Privacy Terms

    halohalolin
    halohalolin 2009/05/21
    iPhone向けWebサイトを作るのに役立つフレームワーク、似たようなものにiui・iWebkit等が有る
  • Home - iWebKit – Make a quality iPhone Website or Webapp

    IWEBKIT IS A SIMPLE FRAMEWORK TO CREATE YOUR OWN IPHONE AND IPOD TOUCH WEBAPP IN JUST A FEW MINUTES. What’s new? Most images are now replaced by a css gradient. Form elements are now fully css3 styled. The topbar thin in landscape mode. Black and transparent topbar options. New ipod and appstore style lists. Added search field for under topbar. Added blue button. Added new icons for your menu. Add

    halohalolin
    halohalolin 2009/05/21
    iPhone向けWebサイトを作るのに役立つフレームワーク、似たようなものにiui等が有る
  • iPhone向けWebアプリを作ろう(1/4) − @IT

    Safari Web Content Guide for iPhoneを読み解きながら、iPhone/iPod touch上のWebブラウザのSafariで動くWebアプリを作成し、UIを最適化するコツを紹介します。 (編集部) Safari Web Content Guide for iPhoneを読み解く ネイティブアプリケーション開発を可能にするSDKが公開され、一層注目を集めている米アップルのiPhone(Applle Developer)。3Gへの対応がうわさされ、日市場向けの発表も待たれますが、読者の中には、早速iPhone向けのアプリケーション開発にチャレンジしている人もいるでしょう。 しかし、ネイティブアプリケーションを作るにはそれなりにプログラミングスキルが必要ですし、完成したアプリケーションは米アップルが用意する「App Store」経由でしか配布できないといった制約

    halohalolin
    halohalolin 2009/05/12
    iPhone向けWebアプリケーションを作る際のコツを掲載
  • iPhone 3G用のWebページを作る1 - [JavaScript]All About

    JavaScript ガイド:高橋 登史朗 Ajaxなど、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 掲示板 取材依頼 問合せ iPhone 3G用のWebページを作る 1: ユーザーエージェントを確認 2: とりあえず動かしてみる 3: ビューポート 4: ビューポートを指定しない場合 5: width=device-width; initial-scale=1.0; 6: width=320; initial-scale=2.0; 今回は特別に、今月(2008年7月11日)発売されたばかりの話題の携帯 iPhone 3G 用にWebページを作る際のポイントをみてみたいと思います。 iPhone 3Gについてのニュースは各所で伝えられていますので、ここでは、いきなりWebページ作成の知識に絞り込んで取り上げます。 より詳し

    halohalolin
    halohalolin 2009/02/07
    iPhone/iPod Touchのユーザーエージェントについて他
  • iPhone対応Webサイト構築入門(前編):SourceForge.JP Magazine

    iPhoneにはWebブラウザとしてMac OS X/Windows用のSafari(以下、PC版Safari)のサブセット版が搭載されている。iPhoneのSafariでは一般的なWebサイトのほとんどが閲覧可能だが、Appleが提供している「iPhone向けのWebサイトデザイン」に従ったデザインを施すことで、iPhoneで閲覧した際により操作しやすいWebサイトを構築できる。記事では、このようなiPhone向けのWebサイトを作成するテクニックを紹介する。 なお、以下では主にiPhoneについて述べているが、iPod touchに搭載されているSafariについても仕様はまったく同一だ。 iPhone版Safariの特徴 iPhoneに搭載されているSafariは、PC版Safariに採用されているレンダリングエンジン「WebKit」を使用している。また、フォントについてもMac

    iPhone対応Webサイト構築入門(前編):SourceForge.JP Magazine
  • 高品質なiPhone向けWebサイトを構築するフレームワーク·iWebKit MOONGIFT

    iPhoneやiPod Touch向けのサービスを提供してみたいと思う人は多いはずだ。だが専用アプリケーションの開発はObjective-Cを習得する必要があったり(他の言語でもできるが)、App Storeへの申請が面倒に感じてしまうかも知れない。 iPhone/iPod Touch向けサイトを作るのに便利 その点、Webサイトであれば申請も不要ではじめられる。ネットワーク必須のサービスを作るならSafari経由でも十分かも知れない。そんな時に便利なフレームワークがiWebKitだ。 今回紹介するオープンソース・ソフトウェアはiWebKitiPhone/iPod Touch向けのWebサイトを構築するフレームワークだ。 iWebKitを使うと、iPhoneやiPod Touchに適したWebサイトを簡単に構築できるようになる。左に移動していくナビゲーションや、テキストや画像を使ったリス

    高品質なiPhone向けWebサイトを構築するフレームワーク·iWebKit MOONGIFT
  • 1