タグ

携帯サイトに関するinutofuのブックマーク (10)

  • スマートフォン用のサイト作成に役立つテスティングツール7:phpspot開発日誌

    7 Useful Tools for Mobile Website Testing | Tools スマートフォン用のサイト作成に役立つテスティングツールが7つ紹介されており、便利そうなものをピックアップしてみました。 サイトチェッカー W3C mobileOK Checker W3Cのモバイルサイトチェッカー。サイトのURLを入れるだけで、対応状態を〜%として表示してくれます。 何を改善すればポイントを上げられるか?についても詳細にレポートしてくれるところがいいですね。 mobiReady URLを入力するとサイトのモバイル対応状態をレポート結果として表示してくれる。 レポート結果は次のようになります 機種が微妙ですが、JAVAをつかったシュミレーターで動作確認できたりします Gomez Mobile Website Readiness Test URLのほか必要情報を入れるとサイトのモ

  • 作って学ぶスマートフォン対応サイトの基本 (2/4)

    HTMLを作成する 最低限の制作環境が整ったところで、さっそく簡単なスマートフォン向けWebページを作成してみましょう。エディターを起動して、次のようなHTMLを用意します。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>スマートフォンサイトテスト</title> </head> <body> </body> </html> 今回はHTML5で記述していますが、基的にはHTML4やXHTMLなど、PC向けのHTML/XHTMLがほぼ利用できます(iモードなど携帯サイト用のHTMLは正しく表示できません)。続いて、基的なマークアップを施していきます。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>

    作って学ぶスマートフォン対応サイトの基本 (2/4)
  • 3キャリア共通携帯サイト作り方 | アフィリエイト「仕組みの魔法」

    3キャリア共通携帯サイト作り方 携帯サイトの作り方 キャリアでちがう携帯サイトの表示 携帯サイトを作るときに頭を悩ますのが、キャリアごとの表示の違いです。日の3大携帯キャリアはau、ドコモ、ソフトバンクですが、このキャリアの違いにより携帯サイトの表示のされ方が全く違うのです。3キャリア共通のルールがありませんし、これからも統一される見込みはありません。 よって、企業が携帯サイトを作る場合、キャリアごとに別々の携帯サイトを作り、プログラムで振り分けている場合が多いです。 しかし、私のようなアフィリエイターの場合、キャリア別に携帯サイトを用意するのはむずかしく管理も大変。。。できれば3キャリア共通の携帯サイトを作りたいのが音です。 そこでここでは、3キャリア共通の携帯サイトの作り方のポイントを紹介します。実は、携帯サイトの場合、キャリアだけでなく携帯電話の機種によっても表示のされ方がちがい

  • いまからでも遅くない! ケータイデザインの基礎固め

    いまからでも遅くない! ケータイデザインの基礎固め:一撃デザインの種明かし(6)(1/2 ページ) 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化するケータイデザインの基礎の基礎をご紹介 ケータイ機種のスペックが上がりデザイン表現の幅は広がっていますが、PCサイトに比べまだまだ容量やスタイル、キャリア対応などさまざまな制限があるのも確かです。 今回は、普段PCサイトを作っているけど、ケータイサイトに興味が出始めた人、初めてケータイのデザインに触れる人のための基礎固めとして、日々変化するケータイデザインの基礎の基礎をご紹介したいと思います。 誰でも最初は初心者だった! ケータイデザインの基礎の基礎 ケータイの画面サイズを考える! 一般的な画面サイズはQVGA(縦320px×横240px)ですが、最近ではQVGAワイド(

    いまからでも遅くない! ケータイデザインの基礎固め
  • ke-tai.org > 目的別インデックス

    最近の記事 2013/6/1に第四回札幌MySQL勉強会開催を行います 2013/1/26に札幌で「LOCAL DEVELOPER DAY ’13 / Infra & Security」が開催されます 2012年11月にEZwebのIPアドレス帯域の一部削除がありました Titanium Mobile で Android, iOS 両対応のアプリを開発する際の注意点 2012年11月にEZwebのIPアドレス帯域の一部が削除されるようです 2012年10月13日に「第3回札幌MySQL勉強会」を行います EZwebとSoftBankのIPアドレス帯域が削除されています オープンソースカンファレンス2012北海道の発表で使用したスライド資料を公開しました 2012年6月16日(土)のオープンソースカンファレンス2012Hokkaido内で、PHP+MySQLに関するセミナー発表を行います 2

  • ke-tai.org > Blog Archive > 目的別インデックスページを更新しました(&過去のオススメ記事×10件)

    目的別インデックスページを更新しました(&過去のオススメ記事×10件) Tweet 2009/8/6 木曜日 matsui Posted in お知らせ | No Comments » お知らせです。最近更新をあまり追いついていなかった「目的別インデックス」ページを、久しぶりに更新してみました。 → ke-tai.org 目的別インデックス [ke-tai.org] 目的別インデックスページは、過去掲載した記事を目的別に探しやすくしようと思い作成したページです。 ケータイサイトを構築する上で、困ったことがあった場合や探しものをしたい場合などにまず見ていただければと思います。 せっかくですので、オススメの記事を10件ほどピックアップしたいと思います。 ケータイサイトをはじめて作る方向け: ・ケータイ開発の概要を掴むための記事 → 携帯サイト初心者の方に向けたセミナー資料「ケータイサイトのはな

  • ke-tai.org 携帯プログラミング情報

    2013/6/1に第四回札幌MySQL勉強会開催を行います Tweet 2013/5/20 月曜日 matsui Posted in お知らせ | No Comments » イベントの告知です。 2013年6月1日に、第四回札幌MySQL勉強会が開催されます。 日時: 2013/06/01 14:00 ~ 18:00 場所: 株式会社インフィニットループ (札幌市中央区北1条東1丁目6-5 札幌イーストスクエア 6F) イベントの詳細についてはこちらの公式サイトからご覧下さい。 → 札幌MySQL勉強会公式サイト 今回も第三回と同じく、セミナー形式ではなく個人個人が好きに勉強をしようという会です。 最後に成果発表の時間を設けますので、差し支えなければ簡単な発表をして頂ければと思います。 今回は「MySQL5.6を体験してみよう!」をテーマに、MySQL5.6のサーバを用意する予定です。

  • ディレクターなら押さえておきたいモバイルSEO34項目 : LINE Corporation ディレクターブログ

    ディレクターの渡邉雄介です。 ディレクターブログで以前に何度かモバイルSEOについて言及していますが、今回は、モバイルコンテンツ制作に関わるディレクターが最低限押さえておきたいSEOの進め方と、34個のチェック項目を紹介したいと思います。 SEO、その前に SEOを行うとき、まず最初に何をしていますか? 「さっそく実施する」とお答えになる方もいるかもしれませんが、私は最初は何も手を付けず、現状の数値の把握から始めています。 たとえば、ページ内に特定のキーワードの出現回数を増やして、そのワードの検索順位の向上を目指しているような場合、施策を実施する前に最低1週間は過去の順位の推移・平均をみておかないと、結果どれだけ向上したのか、適切な検証ができません。 モバイルはPCと違って、まだまだ解析できる項目が限られているため、SEOの実施後にどれだけの変化があったのかを適切に検証をするには、実施前の

    ディレクターなら押さえておきたいモバイルSEO34項目 : LINE Corporation ディレクターブログ
  • 3G端末(FOMA・WIN・3GC)のモバイルサイトのコーディング&デザイン - livedoor ディレクター Blog(ブログ)

    こんにちは。『Cure』や『livedoor 歌詞』を担当しているモバイルディレクターの吉沢です。 つい最近、PC サイトのディレクターが初めてモバイルサイトの開発を担当するという機会がありました。 どの情報を伝えれば初めてモバイルサイトを担当する人にもスムーズに進められるのか、PC とモバイルで一番特徴のあるコーディングとデザインについて、これだけ覚えておくと簡単な3G(FOMA・WIN・3GC)端末用モバイルサイトが作れてしまうノウハウをご紹介したいと思います。 【01】対応端末について こちらの記事にもあるとおり、3G 端末(FOMA・WIN・3GC)がアクセスの9割を占めているため、これからオープンさせるサイトの対応端末は、3G 端末で十分そうですね。 サイトの内容にもよりますが、下位端末(PDC・P型・C型など)を対応端末として含めてしまうと、機能や容量制限などに悩まされ、逆に運

    3G端末(FOMA・WIN・3GC)のモバイルサイトのコーディング&デザイン - livedoor ディレクター Blog(ブログ)
  • モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト

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

  • 1