msectorのブックマーク (20)

  • 携帯XHTMLでの入力モードのまとめと、ちょっとしたハマりどころについて - 絶品ゆどうふのタレ

    先日の勉強会での発表内容に関して、ke-tai.orgさんのところで入力モードについて突っ込まれたので、せっかくだし書きかけの記事をきちんとまとめてみることにしました。 元々、wideの%MobileStudyで入力モードの話が出た際、意外と情報が間違って知られていたりすることが多いようだったので、特にはまりやすいあたりを中心に、入力モード指定についてざっくりと書いておこうと思って、まとめたかけでそのまま放置していたwものがあったんですが、それがベースです。 そんなわけで、記憶頼りが中心であんまり検証しないで書いてるので、間違いが含まれてたらごめんなさい。 では題。 入力モードとは まず、入力モード指定って何のことかという話からすると、みんな携帯をいじる時に「全角かな」とか「数字」とか「英小文字」とかいろいろ端末の文字入力を切り替えると思うんですが、あれのことです。 サイトを作る時にin

    携帯XHTMLでの入力モードのまとめと、ちょっとしたハマりどころについて - 絶品ゆどうふのタレ
    msector
    msector 2008/11/06
    フォーム入力の文字種別の指定。3キャリア対応テンプレートで使用するには...
  • [Think IT] モバイル向けサイト制作

    ソフトウェア開発の第一線に携わるエンジニアの方々ために、最新の技術情報と現場で使えるノウハウ記事を毎日公開しています!

  • iPhone対応サイトの作り方 - iPhone 3G Wiki*

    DiffAnaとは? iPhoneを買う前にiPhoneの魅力 iPhone安いって聞いたけど 初期設定はじめにやること MMSの設定 Eメール(i)設定 地域日時設定 iPod設定 MySoftbank登録 留守番電話関係 掲示板掲示板 アプリ一覧 Wiki編集局 FAQiPhoneのメールについて FAQiPhoneのパスワード FAQ操作編 FAQ初期編 →カメラ関係 →App Store(アプリ) →バッテリー・充電関係 →無線LAN・Wi-Fi関係 →USIM・キャリア関係 FAQメール編 FAQパケット料金編 FAQ重い メール着信関係 未解決問題 故障・修理 ホーム画面/アプリホーム画面 電話 写真 ビデオ・カメラ マップ(GPS) Safari(ブラウザ) Youtube iPod 時計 カレンダー ボイスレコーダー iBooks アプリ(AppStore) TIPS基(

    msector
    msector 2008/09/07
    iUI使用時にスクロール画面が崩れる場合のViewport設定。参考になりました。
  • iPhone 3G発表記念! iPhoneにおける次世代モバイルブラウジングの波|gihyo.jp … 技術評論社

    ここでは、次世代モバイル機器として台頭してきているiPhoneについて、実際のiPhone対応サイト制作やアメリカ動向とともに、今後の展望を占います。 iPhone(日商標:アイフォーン)の基礎知識 iPhoneは、2007年6月29日にアメリカで発売されたスマートフォンに位置付けられる携帯電話です。それまで、アメリカ国内でモバイル経由でWebにアクセスしている人は全体利用者数のうち10%以下でした。しかし、iPhoneにはWebブラウザのSafariが標準搭載されており、従来のモバイル特有のインターフェースによる制限がなくなったうえ、無線LANに対応していることから、登場以来多くの人がiPhone、すなわちモバイル経由でのWebブラウジングを行うようになりました。 また、iPod touchと共通のタッチパネルを採用することにより、「⁠つまむ」「⁠広げる」「⁠滑らせる」などの操作が可能

    iPhone 3G発表記念! iPhoneにおける次世代モバイルブラウジングの波|gihyo.jp … 技術評論社
    msector
    msector 2008/08/24
    iPhone向けサイト制作のポイント
  • モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか?』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ

    msector
    msector 2008/07/07
    参考にしたい
  • ウノウラボ Unoh Labs: Ext JSをUIに使って携帯サイトのシミュレータを作ってみた

    五十川です。 携帯サイトの見栄えをシミュレートするウェブアプリ作りました。と言っても、実際に作ったのはかれこれ半年以上前で、手直ししてから公開しようと思ってたら、結局「guid=ON」を付け足したくらいであとは放置だったので、さすがにいい加減晒そうと。 任意のヘッダでリクエストして、レスポンスの絵文字とか変換してサイトの見栄えを確認するというものですが、これはそもそもExt JSをいじってた頃に、Ext JSでこういうの作ればいい感じになるんじゃね?ということで、丁度2.0がリリースされた頃にデモ用に作ったものなのでした(なので、かれこれ半年以上前) 実機テストの代用になるわけでは、もちろんありませんが、絵文字も含めたマルチキャリアでの見栄えを手軽に確認したいときなどに、わりと便利に使えてたりします。 スクリーンショット 機種ごとのプリセットのヘッダグループをYAMLファイルに書いておいて

    msector
    msector 2008/07/03
    絵文字も含めたマルチキャリアでの見栄えを手軽に確認できる
  • 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」経由でしか配布できないといった制約

    msector
    msector 2008/06/01
    iPhone、iPod touch版Safariで動くWebアプリを作成し、UIを最適化するコツ
  • 第11回 PCサイトとこんなに違う!携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド

    その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能

    第11回 PCサイトとこんなに違う!携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
    msector
    msector 2008/05/29
    携帯サイトのフォーム改善のコツ
  • mailto:について

    携帯電話内部のメールクライアントソフトを呼び出すものです。 現在、すべての携帯端末で、mailto:〜によるメールクライアント起動・メール送信先初期設定がサポートされています。 subject(メール題名)・body(メール文)の初期設定に関してはサポートしていない機種がありますが、最近の機種はいずれもサポートしていると考えて良いと思います。 cc(同報)やbcc(匿名同報)をサポートしている端末もあります(下記表参照)。 ただし、これらの指定はあくまでデフォルト指定であり、ユーザー側で編集することができます。 題名等、固定化したいのであれば、フォームメール等のCGIスクリプトを使用する必要があります。 【参考サイト】 EZfactory mailto:の指定方法 http://www.au.kddi.com/ezfactory/tec/spec/wap_tag9.html

    msector
    msector 2008/04/28
    各携帯キャリアmailto:のまとめ
  • Openwave Developer Network - Home

    オープンウェーブデベロッパネットワーク (ODN)へようこそ! 最新の携帯電話向けアプリケーション開発に関する情報とツールを提供します。

    msector
    msector 2008/04/10
    最新の携帯電話向けアプリケーション開発に関する情報とツール「Openwave™ SDK」あり
  • 絵文字を使いこなして見るためのページ

    携帯電話の絵文字の情報を集めてみました、絵文字を使用したCGIを自分で作成する為に集めた資料なので、拙い部分も多いとは思いますが、皆様の参考になればと思い、公開させて頂きます、又ページで使用している絵文字の情報の著作権等に関しては各キャリア及び画像の製作者が有すものが含まれております、ので絵文字等を利用する場合には、著作権に十分に注意してご利用下さい。 ドコモ・au・SoftBankの絵文字と、ドコモ・au・SoftBankにて公開されている電子メールの絵文字変換表を電子データにして公開しています。 携帯メールで絵文字がどのように変換されるかのご参考としてもご利用いただけるかとも思います ページの情報を使用したことによって受けた、いかなる損害等に関してもページの作成者は保障いたしません、利用者の責任においてデータをご利用頂きますようお願い申し上げます。 又、HPはリンクフリーです、

    msector
    msector 2008/04/09
    携帯絵文字CSVデータあり
  • SoftBank Developers Support Site

    『SoftBank Developers Support Site』は、 【Mobile Creation】としてリニューアルしました。 新サイトのURLは、 http://creation.mb.softbank.jp/ になります。 法人のお客様に、ソフトバンク携帯電話に対応した製品やサービス、モバイルソリューションを支援するソフトバンクソリューションプロバイダー(SSP)は引き続きサイトで提供させていただきます。 また、SSP会員限定で、周辺機器認定制度のソフトバンクパートナー製品支援プログラムもサイトで提供しています。

    msector
    msector 2008/04/08
    ソフトバンク,公式サイト,技術情報
  • KDDI au: EZfactory

    ※お知らせ※ •2018年3月31日をもって、auの3Gケータイ向けの以下のサービスが終了となりました。 ・EZアプリ(B)の配信(ダウンロード・バージョンアップ) ・au世界サービス(旧:グローバルパスポート ※技術資料の中では「国際ローミング」と称しています) それに伴い、関連する技術情報を修正いたしました。 ・「公式コンテンツで提供するサービス」メニューおよびその配下の技術情報提供の終了 ・技術情報資料『【EZweb 全般】EZweb コンテンツ制作ガイド』の修正 •「WEBページ」メニュー配下にある「SHA-2対応ケータイアップデートについて」の項目を 「【EZweb全般】EZブラウザ搭載機のSHA-2対応について」に改称し、文中の関連する記述も修正しました。

    msector
    msector 2008/04/08
    EZweb,公式サイト,技術情報
  • 作ろうiモードコンテンツ | サービス・機能 | NTTドコモ

    iモードコンテンツの仕様や作り方、技術情報、開発ツールなどのコンテンツ制作者向けの情報を公開しています。iモードコンテンツの制作の際にぜひご活用ください。

    msector
    msector 2008/04/05
    DoCoMo,iモード,公式サイト,技術情報
  • iOS 17 - Apple Developer

    ウィジェットとライブアクティビティ ウィジェットがさらに多くの場所で活用できるようになり、パワーアップしました。WidgetKitを使ってインタラクティブな要素やアニメーションによるトランジションに対応すると、ユーザーがウィジェットから直接アクションを実行できます。既存のウィジェットにわずかな変更を加え、iOS 17向けに再ビルドするだけで、iPhoneのスタンバイ画面、iPadのロック画面、Macデスクトップ上で視覚的に美しく表示させることができます。SwiftUIを使用すると、ウィジェットの色と間隔がコンテキストに合わせて自動調整されるため、複数のプラットフォームで使いやすさが増します。 WidgetKitとActivityKitで構築したライブアクティビティがiPadで利用できるようになり、ユーザーはアプリのアクティビティや情報をロック画面からいつでもリアルタイムで確認できます。

    iOS 17 - Apple Developer
    msector
    msector 2008/03/07
    iPod touch,iPhone,公式サイト,技術情報
  • 「iPhone」風UIを実現するJavascript「iUI.js」

    twitter facebook hatena google pocket iPhoneが米国で発売され、apple独特のUIの良さが好評になっています。 今回はJoeHewitt.comのiUIで紹介されている、iPhone的なUIを実現するjavascript「iUI.js」を紹介します。 sponsors 使用方法 実装はそう難しくありません。 iUIからダウンロードしたファイル群をアップロードし、CSSとjsをhead内に挿入します。 次にHTMLです。 <div class="toolbar"> <h1 id="pageTitle"></h1> <a id="backButton" class="button" href="#"></a> </div> と書き込みヘッダー部分を作成します。 後はページ毎にui id="ページ名"で括り、liのリンク先にそのidを指定すれば完成です

  • Macin' Blog iPod touchにインストールされてるフォント

    ちょっとついでにiPod touchにインストールされているフォントを調べてみました. 徒然なるままにさんの「iPod touchで利用できるフォント」という記事に載っていて,以下のものが入ってるそうです. せっかく分かったので実際にiPod touchのSafariで表示できるのかどうか確認するためにフォント指定してみました. どうだろう? American Typewriter Arial Arial Rounded MT Bold Courier New Georgia Helvetica Marker Felt Trebuchet MS Verdana Zapfino ヒラギノ角ゴ Pro W3 全て良い感じに表示されています(Mobile URLの方はタグが自動的に無効になるらしく試すことが出来ないので家の方で). なお,最後にある「ヒラギノ角ゴ Pro W3」はそんな感じに見

    msector
    msector 2008/03/07
    iPod touchで使用できるフォント
  • jkondoに憧れて » 超手抜きでウェブサイトをモバイル対応 2008

    ◆追記 評判良かったので大幅に加筆訂正してみました。 ちょっと昨日、一昨日と携帯向けサイトを作っていたのですが、最近の携帯電話事情がわからず、どういうタグを使えばいいのかとか、CSSは対応しているのかとか、文字コードの問題はどうするのかとかいろいろわからないところが多かったので、ちょっと自分なりに調べてまとめてみます。 間違いが含まれている可能性が非常に高いです。 突っ込み大歓迎。 前提 キャリア別とか2G用にテンプレートを複数作って対応というのは個人で出来るレベルじゃないので、モバイル向けは1ページごとに1枚のテンプレート追加で作る。 なるべくPC向けのテンプレートを大幅に修正しなければいけないようなものは避ける。 長くなるので最初にまとめ ・文字コードはUTF-8。 ・マークアップ言語はXHTML Basic。 ・画像はJPEGかGIF。 ・CSSはインラインで書く。

    msector
    msector 2008/03/07
    携帯サイト制作のまとめ
  • ケータイサイトのフォーム入力の文字種別を指定する方法

    DoCoMo、au、Softbankのケータイ主要3キャリアで、フォーム入力欄に入力してもらう文字種別を指定する方法の解説です。 ケータイはPCと比較して、文字入力関連のインターフェイスが非情に不便です。 それはもちろん、携帯電話という端末の特性上、仕方が無い部分でもあるかもしれませんが、ちょっとした工夫でユーザーに与える文字入力へのストレスを軽減することが出来ます。 例えば、何かの入力フォームで、半角数字のみを入力してもらうテキスト入力欄があったとします。 そこで何の工夫も無く、 <input type="text" name="userid" value="" size="7" maxlength="6" /> みたいな感じでやっちゃうと、ユーザーがその入力欄に文字を入力しようとすると、最初に全角かなモードでテキスト入力のウィンドウが開いちゃいます。 これを、最初から半角数字モードで開

    msector
    msector 2008/03/07
    テキスト入力欄をDoCoMo、au、Softbankの主要3キャリアに対応させる
  • ポケットはてな

    2018年10月10日(水)をもちまして、ポケットはてなの提供は終了しました。

    msector
    msector 2008/03/07
    携帯サイト
  • 1