1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
新・携帯サイトの作り方：ラウンドアバウト コンセプト
ユーザーがフィーチャーフォンからスマートフォンにシフトしている現在のモバイル事情を考えるとラウンドアバウトという変換製品は大変時代にマッチした製品であると我々は考えています。 実際にラウンドアバウトを使ってスマートフォン対応（スマートフォンシフト）を行なったエンドユーザーに、製品選択の理由を聞くと次のような言葉が返ってきます。 「これからは、このアプローチが正しいと私達は思ったから」 「時代に沿った自然な考えだと思ったから」 「コンセプトに説得力があるから」 「なるほどと感心して、正しい方法だと思うから」 「将来の不安を解消できると思うから」 そして、ラウンドアバウトを選択するのは、ほとんどの場合エンドユーザーです。エンドユーザーは自ら、「スマートフォンだけ対応して携帯は自動にできないか？」という要求を満たせそうな製品をWebで探して我々のサイトに辿り着き、SIベンダーに調査・提案依頼して
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
モバミル - イケてる携帯サイトデザイン
########## REQUIRED: INSERT DESCRIPTION ##########
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
CGFM LLC. - 福岡のUI/Webデザイン制作会社
特定非営利活動法人 AIP client 特定非営利活動法人 AIP type of works webサイトリニューアル 企画、情報設計、ビジュアルデザイン、HTMLマークアップ、CMSカスタマイズ(baserCMS) work descriptions コミュニティ活動をする際にいつもお世話になっているAIPのサイトリニューアル。 サイト制作の目的は、 AIPの様々な取組・活動がうまく周知できていなかった状況を改善するため 既存コンテンツの整理と情報配信の土台固めを行いました。 福岡のIT系コミュニティの相談窓口となってますので、是非このサイトを活用してください。 imanee ファッションなら、あの人になれる。 client ニューワールド株式会社 type of works webサイトリニューアル企画、UX（ペルソナ作成、プロトタイピング、ユーザーテスト等）、情報設計、UIデザイ
作ろうiモードコンテンツ | サービス・機能 | NTTドコモ
iモードコンテンツの仕様や作り方、技術情報、開発ツールなどのコンテンツ制作者向けの情報を公開しています。iモードコンテンツの制作の際にぜひご活用ください。
ウノウラボ Unoh Labs: Flash Lite初学者の為のまとめ
おはようございます。内田です。 最近はmixiアプリモバイルやモバゲー上のゲームのようなソーシャルゲームが流行ってるようですね。 私もソーシャルゲーム＆Flash Lite案件を手がけることになったので、その時に参考にしたサイトを紹介します。 開発の前に覚えること 最初にFlash Liteの仕様とケータイ開発の障壁ともいえるキャリア間の差異を知る必要があります。 Flash Lite ことはじめ。 我らがryosuke氏のエントリー 仕様とキャリア毎の情報が分かりやすくまとまってます。 [Flash Lite 1.1]制作前に知っておきたいことをQ＆A形式でまとめてみた 上記エントリーと重複する部分も多いですが、Q＆Aの形で調べやすい。 「一般的なガイドラインが知りたい！」を厳守すれば3キャリアで動作するswfがつくれそうです。 コンテンツの作成 Flash Liteコンテンツのつく
Flash Liteの基本を学ぼう！
Flash Liteの概要と活用法 Flash Liteとは、簡単に言えば、携帯電話でFlashの閲覧を可能としたバージョンのことです。2003年に発表されたNTT docomoの505iシリーズなどから対応されはじめました。 当初は「パケット代がかかる」「処理が重い」などの声も少なくありませんでしたが、パケット定額制などの導入や、機種のスペック向上、そして、携帯サイトの利用頻度が増えている今、携帯でのFlashの需要性は高まってきています。 その大きな理由は2つあります。 1つ目は、Flashの大きな特徴でもある、高度なアニメーションとインタラクティブ性です。アニメーションを活用することにより、楽しそう・面白そうな雰囲気、またはインパクトなどを与えるイメージ訴求力は、ただの静止画やGIF画像よりも高い効果を狙うことができます。また、ゲームや遊び系コンテンツなどもFlashを利用されるケー
携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net
ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 サンプルを元に解説してくれているので分かりやすいです。 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 携帯サイトの作り方 5年前の情報なので参考程度に。今は随
携帯サイトの作り方
ここでは、携帯向けサイトの作り方を簡単に紹介します。 PC向けサイトを作ったことのある人を対象とさせていただきます。 まず、携帯版のファイルはPC版と完全に分けましょう。 共通のファイルで済まそうとするのはかなり無理があります。 PCと携帯の違い いくつかあるので順に説明します。 ファイルサイズの制限 これが一番大きなところでしょう。 後で詳しく説明しますが、携帯向けサイトでは1ページ当りのファイルサイズを 画像も含めて5Kbytes程に収めなければなりません。 5Kbytesでは足りない、と思われる方も多いと思いますが 試しに5Kbytesの文章を書いて携帯で表示させてみましょう。 携帯の小さい画面から見ればこれでもかなりの情報量だと感じるはずです。 スタイルシート関連 携帯向けサイトでは、一切のスタイルシートが使えません。 もともと、スタイルシートとは細かな装飾方法をアレンジするための
携帯サイト作成・作り方 【2009年最新版】
认证网址✅(www.mobilebeginner.com)✅5168cc 银河官网娱是国内唯一官方合法认证的线上娱乐竞技项目,5168cc 银河官网娱这里聚集着全球大量和你一样喜欢线上游戏的玩家,点击5168cc 银河官网娱进入了解详情.,因为现在的名气很大。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
携帯・スマートフォンサイト作成入門 [ホームページ作成] All About
無料iPhone/Android エミュレーター一覧