タグ

モバイルに関するkobayashi_shinjiのブックマーク (7)

  • モバイルサイトのチェックが効率よくできるツール : LINE Corporation ディレクターブログ

    こんにちは、『プチペット』を担当している吉沢です。 最近のモバイルサイトはキャリア間や機種に依存する問題が少なくなり、表現の制約も少なくなってグラフィカルに魅せることできるようになってきましたね。 グラフィカルに魅せることができるようになった分、HTMLソースも複雑になり、デザイナーやマックアッパーにコーディングを依頼する機会が増えてきていると思います。 状況は会社によって様々だと思いますが、今回は、効率よくデバックを行って完成度を高めたい、ちょっとした作業はディレクター側で行いたいというときに、PCサイトの作成でもおなじみのツールを含めた、モバイルならではのツールの使い方をご紹介したいと思います。 【1】FireMobileSimulator PCでモバイルの画面を表示することができるので、電波状況や通信速度を気にしなくてもよく、レイアウトのチェックから、機能面のデバックをスピーディに行

    モバイルサイトのチェックが効率よくできるツール : LINE Corporation ディレクターブログ
  • モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト

    モバイルデザインアーカイブとは? 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー?」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。

  • モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ

    こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ

    モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ
  • DeNA、「モバゲー」のウェブアプリフレームワークをオープンソースとして公開

    ディー・エヌ・エー(DeNA)は5月16日、「モバゲータウン」などで利用している、携帯電話向けウェブアプリケーションのフレームワークをオープンソースとして公開した。オープンソースの成果物を配布するサイト「SourceForge.JP」にて公開している。 このフレームワークは「MobaSiF(Moba/Mobile Simple Framework)」と名づけられている。DeNA取締役で、モバゲータウンなどを開発した川崎修平氏が手がけたものだ。 MobaSiFには携帯電話向けサービスで共通に使えるモジュールが組み込まれている。具体的にはNTTドコモ、au、ソフトバンクモバイルの3キャリアに対応した絵文字変換機能や、ユーザーの利用キャリア、利用機種の判別機能がある。テンプレートエンジンも搭載しており、1つのコードで3キャリアに対応したサービスが構築できるという。携帯電話向けのメール配信機能につ

    DeNA、「モバゲー」のウェブアプリフレームワークをオープンソースとして公開
  • ke-tai.org > Blog Archive > Ethnaでケータイサイトを作る際に参考になる記事「php&ethnaで携帯サイトを作る」

    Ethnaでケータイサイトを作る際に参考になる記事「php&ethnaで携帯サイトを作る」 Tweet 2008/5/9 金曜日 matsui Posted in 記事紹介・リンク | 3 Comments » 先日Webを巡回していて見つけた「treasuring misc.」というブログで、「php&ethnaで携帯サイトを作る」という記事が掲載されていましたのでご紹介します。 → 【php&ethnaで携帯サイトを作る】序章 [mynet.co.jp] → 【php&ethnaで携帯サイトを作る】ケータイサイト開発のおさらい [mynet.co.jp] → 【php&ethnaで携帯サイトを作る】文字コード変換処理 [mynet.co.jp] → 【php&ethnaで携帯サイトを作る】セッション管理(前編) [mynet.co.jp] → 【php&ethnaで携帯サイトを作る】セ

  • 3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ

    という素敵仕様なので、泣く泣く各タグ内にstyle属性を書きます。 どーしても我慢できない場合は、外部スタイルシートをインライン展開するようなフィルターを作成するとかでしょうか。ググッてみたら、HTML::DoCoMoCSSというPerlモジュールを作成されている方もいらっしゃいました。 ■画像形式 GIFとJPEGであれば大丈夫なようです。 ・iモード対応コンテンツ作成時の仕様 | サービス・機能 | NTTドコモ ・KDDI au: 技術情報 > 機種別情報一覧 ・ソフトバンク 端末情報 Part1 ~ ソフトバンク 端末情報 Part4 ・Mobile Creation 対応フォーマット一覧 ただ、SoftBankの場合、 ソフトバンク 端末情報 と気になる記述があったりするのですが、この2機種は、 ・V801SHをご利用のお客さまへ ・V-NM701/V801SAをご利用のお客さま

    3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
  • 携帯電話向けコンテンツの書き方 - ウェブの作り方

    ここでは、携帯電話向けコンテンツの書き方について解説します。 基礎知識としてHTML&CSS入門のHTML入門篇及びCSS(カスケーディングスタイルシート)入門篇の内容は最低限把握している事を前提として解説致します。 「携帯電話」という言葉は、特に断わらない限りPHSも含むものとします。但し、スマートフォンは除外します。 フィーチャフォン向けサイトの作り方。 スマートフォン向けサイトの作り方。 携帯電話向けコンテンツでのマルティメディア。 その他のコンテンツ。 保存扱い(obsolete)となっている記事

    携帯電話向けコンテンツの書き方 - ウェブの作り方
  • 1