はじめてスマートフォンサイトを作る人へ。制作で気をつけたいポイント５つ
スマートフォンの普及に伴い、スマートフォンサイト制作案件が増えてきている方も多いと思います。かくいう私もその一人です。 最近は一人でカバーしきれない程のご依頼をいただくようになり、新たに担当者を増やすことにもなりました。 普段私が気をつけている点、どういったことを考えてスマートフォンサイトを制作しているかを伝えることになったので、ついでに記事にしてしまいたいと思います。 私がスマートフォンサイトを制作するときのポイントは、以下のとおりです。 1.そのサイトはいつ・誰が・どんな時見るのか2.実際のサイズ感を考えて、使いやすさを確かめる3.死角と押しやすい位置を意識する4.CSS3で実現可能なデザインを5.ユーザは本当にスマホサイトを求めているのかそれでは、詳しくお話していきたいと思います。 こんなの当たり前だよ！ということばかりかもしれません。 案件やサイトのジャンルによっては当てはまらない
ブログリニューアル！MTにjQuery mobile導入、文字の可読性など使い勝手重視に作りました - すしぱくの楽しければいいのです。
公開日：2012年1月10日 カテゴリ：Web制作に役立つネタ 前回リニューアルしたのは東日本大震災のすぐ後ぐらいなので１年経たずに更新となりました！('A')ﾉ 相変わらず2ｃｈまとめサイト？？っと勘違いされる当ブログですが、今回は見やすさ＆使いやすさ＆スマホ対応を重視して作りました。 【2012.2.19】追記しました。各ページごとのスマホ転送について リニューアルしたきっかけ 去年の今頃はこんなブログだったのか・・・（ひどすぎワロタ） あまり見かけなくなった３カラム構成となってます。ブログパーツも多々追加していたので非常に重たかったですね。 前回のブログデザインはこちら。 ２カラムにしてスッキリ。おかげでアクセス数もアフィリエイトも大きく伸びました。が、色々なサービス（サイト）を作っていくうちにソースもサイドメニューもごちゃごちゃしてきたのですね。 それで、今回のリニューアルとなりま
CSS Nite HIROSHIMA, Vol.4 〜 はじめてのjQuery Mobileフォローアップ
ご参加いただいた皆様へ，当日のご清聴ありがとうございました． 当日のスライド 当日のHTMLスライドです．Webkit系のフルブラウザ( Safari, Chrome )でご覧ください． CSS Nite HIROSHIMA, Vol.4 〜 はじめての jQuery Mobile フォローアップコンテンツ見出し jQuery Mobileに関連したリソースの紹介 テーマのカスタマイズに役立ちそうなサイト 事例として紹介させていただいたサイト 当ブログ内のjQuery Mobile関連情報 当日のデモに利用したコード XSS脆弱性にご注意ください jQuery Mobileに関連したリソースの紹介 Resources | jQuery Mobileでは，jQuery Mobileを利用したサイトの事例や書籍，プラグインツールなどが紹介されています． 導入事例（インスピレーション） jQue
知識0からのjQuery Mobileを使ったサイト制作に役立ったサイト
このブログのスマートフォンページをjQuery Mobileを使用して制作してみました。 それ以前はjQuery Mobileについてほぼ知識0の状態だった私が、今回の制作にあたり役に立ったサイトをまとめました。 このブログのスマートフォンページをjQuery Mobileを使用して制作してみました。 それ以前はjQuery Mobileについてほぼ知識0の状態だった私が、 今回の制作にあたり役に立ったサイトをまとめました。 jQuery Mobile | jQuery Mobile 本家本元。 敢えて紹介するまでもないのですが一応。 現在のバージョンは1.0RC2（2011.11.01現在）です。そろそろ正式版がでる予定です。 jQuery Mobile 1.0b1 日本語リファレンス jQuery Mobile 1.0b1 日本語リファレンス バージョン1までの内容ですがjQuery
【スマートフォン向け】新規でサイトを作るのに使えそうなの一式。 - CSS HappyLife
前回の更新日が見たくない程に時が流れている今日この頃・・・。 ブログを更新するモチベーションが中々上がらなかったんですが、まだ、だらだらでも良いから書いていきたいなと言う気持ちは有るんです。えぇ。 こんだけ更新が滞ってても、Twitterとかで時々ブログ読んでますって言ってもらえたり、最近なら「今日からできる定時で上がるためのWEB制作効率アップ術 | カッシーのWEBる。」で、【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1 を紹介してもらったりしてうれしい半面、更新して無いなーと、何とも言えない気持ちになったり。 なので、これからはちょろっとでもネタが有れば更新していきたいなーと。 何をモチベーションに更新するかはまだ見つかってないけど＞＜ さて、そんな訳で、今回はスマートフォン向けの新規でサイトを作るのに使えそうな感じの一式です。 【スマートフォン向け】新規でサイトを
「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる － Publickey
このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単！ スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。 jQuery Mobileとは、jQueryのプラグインとして利用するモバイルアプリケーション用のライブラリです。そしてその驚異的なまでの簡単さは、これから業務用のモバイルアプリケーションの作り方を一変させてしまう可能性を感じさせます。 jQuery Mobileの大きな特徴は次の3つです。 1）HTMLを書くだけでモバイルアプリケーションができてしまう 2）モバイルのユーザーインターフェイス対応の部品が多く揃っている 3）iOS、Android、WebOS、Windows Moblie、Symbianなどクロスプラットフォーム対応である 具体的な
手っ取り早く携帯サイトを作成する時のhtmlテンプレート - webの人 @ryryo
最近phpをいじるがてら、ひさびさに携帯サイトに触れているためメモメモ。 携帯サイトで装飾を入れるとなるとi-cssが云々って話があったりしますが、正直テストサイトでそんな面倒なことをしていられないので、だいたい以下のようなhtmlで作成しています。 とりあえず携帯サイト作りたい時テンプレート <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Co
「これから携帯サイト作成」お役立ちサイト集 2010年version - Feel Like A Fallinstar
このブログは引用メインのまとめブログではないんですが、たまたま携帯サイトを個人的に1個作ることになったので、こんなエントリーを。 何だかんだ言っても、日本の携帯電話ってしばらくは生き延びる（＋普通に利用目的によってはスマートフォンより上）わけで、一度まとめておくと便利かな、ということで。 モバイルの利用状況とか、マーケ系 さすがに2010年のものばっかりはムリなので、ここ数年以内のもの中心で。 あんまり沢山見ても訳分からないので、絞りました。 携帯電話におけるインターネットおよび検索エンジンの利用状況（インデックス） 個人的にはもう少しGoogleが多いのかと思っていましたが、携帯でもYahooの方が多いんですね。 モバイルユーザー傾向DATABOX 2010年5月版 アクセス解析ソフトMyRTのデータが元になっていて、若干偏がありそう。 画像対応とか、ディスプレイサイズとか、最低限見てお
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-03-08 >
Google、Android 2.1搭載の“スーパーフォン”「Nexus One」を発表
Googleが1月5日（現地時間）、HTCと緊密に協力し、Android OS 2.1の持てる性能を最大限に引き出した、スマートフォンのさらに上を行く自称“スーパーフォン”「Nexus One」を発表した。 かねてからうわさがあったとおり、端末はGoogleがWebサイト（http://www.google.com/phone/）で即日販売を開始。米国、英国、シンガポール、香港から購入できる。米国ではSIMロックフリー版を529ドル、T-Mobileとの2年契約付きのものは179ドルで販売する。購入にはGoogleアカウントとGoogle Checkoutのアカウントが必要だ。なお日本からはまだ購入できない。 Snapdragon搭載、3.7インチ有機ELのタッチパネルディスプレイを装備 Nexus Oneは、HTCがデザインや製造を担当し、Googleが販売するAndroid OS 2.
携帯電話所持規制条例が来月から石川県で施行。
石川県で2010年1月から「いしかわ子供総合条例」の改正案が県議会で可決し、成立しました。 改正の内容は、小中学生に携帯電話を所持させないよう保護者に求めるというもの。特に罰則は設けられません。 中日新聞:２００９ワイド窓 携帯所持規制条例 賛否両論の中 来月施行:記者コラム 窓:石川(CHUNICHI Web) 罰則のない努力規定となっていますが、携帯電話の学校への持ち込みだけでなく、携帯電話の所持規制まで含んだ全国初の条例となっています。また、携帯電話のフィルタリング機能強化の改正案も含まれているとのこと。 小中学生には携帯電話―通話だけでなく、メールやwebブラウザまで利用できる携帯電話は明らかに不要ではないかと僕は思います。しかし、子供の安全を考えると中学生ぐらいまではキッズケータイ等は必要ではないでしょうか。
味の素ワールドグルメレポート : 世界の料理レシピ
Once the reserve price is met, Sedo automatically bids on your behalf up to your maximum bid. Any offer you submit is binding for seven (7) days. Your best offer The current price of citywave.com is . You can place an offer below the seller's listing price, however the seller will only respond if they are interested in negotiating based on this offer.
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
いまからでも遅くない！ ケータイデザインの基礎固め
いまからでも遅くない！ ケータイデザインの基礎固め：一撃デザインの種明かし（6）（1/2 ページ） 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化するケータイデザインの基礎の基礎をご紹介 ケータイ機種のスペックが上がりデザイン表現の幅は広がっていますが、PCサイトに比べまだまだ容量やスタイル、キャリア対応などさまざまな制限があるのも確かです。 今回は、普段PCサイトを作っているけど、ケータイサイトに興味が出始めた人、初めてケータイのデザインに触れる人のための基礎固めとして、日々変化するケータイデザインの基礎の基礎をご紹介したいと思います。 誰でも最初は初心者だった！ ケータイデザインの基礎の基礎 ケータイの画面サイズを考える！ 一般的な画面サイズはQVGA（縦320px×横240px）ですが、最近ではQVGAワイド（
ディレクターなら押さえておきたいモバイルSEO34項目 : LINE Corporation ディレクターブログ
ディレクターの渡邉雄介です。 ディレクターブログで以前に何度かモバイルSEOについて言及していますが、今回は、モバイルコンテンツ制作に関わるディレクターが最低限押さえておきたいSEOの進め方と、34個のチェック項目を紹介したいと思います。 SEO、その前に SEOを行うとき、まず最初に何をしていますか？ 「さっそく実施する」とお答えになる方もいるかもしれませんが、私は最初は何も手を付けず、現状の数値の把握から始めています。 たとえば、ページ内に特定のキーワードの出現回数を増やして、そのワードの検索順位の向上を目指しているような場合、施策を実施する前に最低1週間は過去の順位の推移・平均をみておかないと、結果どれだけ向上したのか、適切な検証ができません。 モバイルはPCと違って、まだまだ解析できる項目が限られているため、SEOの実施後にどれだけの変化があったのかを適切に検証をするには、実施前の
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
総務省｜報道資料｜平成20年「通信利用動向調査」の結果
総務省では、この度、平成21年1月に、世帯及び企業における情報通信サービスの利用状況、情報通信機器の保有状況等について調査した「通信利用動向調査」の結果を取りまとめました。今回の調査結果のポイントは、下記のとおりであり、また、概要は別添のとおりです。 ＜インターネット等の普及状況＞ ○ インターネットの利用者数は9,091万人、人口普及率は75.3％。 インターネットの利用者数は、対前年比280万人増の9，091万人に達し、人口普及率は75．3％（対前年比2．3ポイント増）となった。 また、世帯におけるブロードバンド回線の割合は73．4％（対前年比5．8ポイント増）。このうち、光回線が39．0％（対前年比7．7ポイント増）と大幅に増加し、光ファイバーによるブロードバンド化が進展。 [p1、p5] ＜世帯におけるICT利用の進展＞ ○ インターネットにより購入・取引した商品・サービスは、「デ
携帯絵文字変換スクリプト 3キャリア対応
携帯絵文字変換スクリプト（PHP配布） 携帯3キャリア（NTTドコモ,au,ソフトバンク）の共通絵文字を表示するスクリプトです。 従来、絵文字については各キャリア相互に互換性がなく、携帯サイトを制作する際は各キャリアに合わせたページを制作する必要がありましたが、このスクリプトを利用することで、1つのページで3キャリアに対応させたページ作りが可能となります。 プログラム概要 共通絵文字変換表に基づき、ドコモの絵文字を基準に、auとソフトバンク向けの携帯電話に対し、同等の絵文字を表示します。 スクリプトの呼び出しはSSIを利用するため、現在のHTMLをPHPに変換したりする必要はありません。 スクリプトはPHP単体で動作するため、HTML内の絵文字を表示したい部分に一定の記述（SSI）を追加するだけで、絵文字を簡単に表示させることができます。 →サンプル ※サンプル画面にはありませんが、ソフト
「iPhone 3G S」の価格や解約時の費用が気になってなかなか購入できない人のためのまとめ : らばQ
「iPhone 3G S」の価格や解約時の費用が気になってなかなか購入できない人のためのまとめ 【2010年6月iPhone4版を更新しました。】 iPhone4はいくらするの？これから買う人、3G、3GSから機種変更する人のための、お財布と相談するための資料まとめ 明日6月18日より新しいiPhone 3GSの予約が始まります。だけど、飽きた時や使いこなせなかった時の解約費用が高いと噂されるし、買っても大丈夫かな…なんて悩んでいる人も多いのではないでしょうか。 …いや、私が悩んだんですが…。 そこで、ソフトバンクのカスタマーセンターに細かく聞いて、どの機種を買うと月額いくらで、いつ解約するといくらかかるのか、一括、分割だとどう違うか、3Gと3GSではどのくらい費用が違うか…など、細かく調べて一覧表を作ってみました。ただし、新規またはMNPでの契約限定です。 まあ結論から言うと、結局悩まし
ソフトバンク、「iPhone 3G S」の価格を案内
iPhone 3G S ソフトバンクモバイルは、iPhone 3G Sを6月26日に発売すると発表し、価格を案内した。仕様はアップルから発表されている内容と同等だが、iPhoneをパソコンのモデム代わりに使う「インターネットテザリング」機能は利用できない。 ソフトバンクモバイルが日本国内で発売する「iPhone 3G S」は、16GBと32GBの2モデル。ボディカラーはブラックとホワイトが用意される。6月26日からソフトバンクモバイルの取扱店で販売が開始される。 価格は、現在提供されている「iPhone for everybody キャンペーン」適用価格と、非適用価格の大きく2種類が用意される。 キャンペーン適用価格では、16GBモデルが一括で5万7600円、24回払いで月々2400円。「月月割」を引いた実質負担額は、一括で1万1520円、24回払いで月々480円。 キャンペーン適用価格の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
