スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
第5回 レスポンシブWebデザインの敵は「ビットマップデータ」
前回は、CSSスタイルの切り替えでデバイスごとにレイアウトを最適化する「レスポンシブデザイン」について解説しました。レスポンシブデザインは、PC向けとスマートフォン向けで同じHTMLを表示します。コンテンツに唯一のURLを与えられる点が特徴です。 しかしネガティブな側面もあります。通信環境の違いに配慮していない点です。PCは光回線など高速な通信環境で利用できます。一方モバイルの多くは比較的低速の3G回線で、しかも移動しながら利用するので通信が途切れることもあります。このためモバイル用のページは、PC用より読み込みやすいコンテンツにチューニングすべきなのです。 とはいえ、スマートフォンがメインターゲットになるプロジェクトはまだ少なく、現状ではPC向けに最適化したページを見かけ上スマートフォン向けに調整する、といった方法が一般的です。この結果、モバイル端末から閲覧する際の使い勝手（ユーザビリテ
レスポンシブ・ウェブデザイン - メディアクエリのパワーを使いこなす
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
スマートフォンからの検索流入キーワードが物語るユーザーの検索行動
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
jQuery Mobileとは――スマホ時代の到来とWeb制作 (1/3)
「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対応したスマートフォンサイトを手軽に制作できます。 jQuery Mobileを使ったスマホサイト制作の基本から実践的なテクニックまで、ベストセラー「Web制作の現場で使う jQueryデザイン入門」（Web Professional Books）の著者・西畑一馬さんが解説します。（編集部） 「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対
2015年には充電の概念が変わる――ワイヤレス充電規格「Qi」の展望と課題
2015年には充電の概念が変わる――ワイヤレス充電規格「Qi」の展望と課題：ドコモは「現在評価中」（1/2 ページ） 無接点充電の国際標準規格団体、WPC（ワイヤレスパワーコンソーシアム）が12月2日に記者説明会を開催し、ワイヤレス充電の現状と今後の展望を説明した。WPCはワイヤレス充電標準規格「Qi（チー）」の普及促進を目的として設立された団体。現在はケータイ、家電、バッテリー、半導体などの分野から67社がメンバーに参加している。日本企業からも三洋電機をはじめ、複数のメンバーが加盟している。 標準化でワイヤレス充電は巨大市場に成長する WPC会長のメンノ・トレファーズ（Menno Treffers）氏は「業界標準の技術を採用することで、ワイヤレス充電は巨大市場に成長する。標準化しなければ単なるニッチな製品になり、年間100万台程度の販売に終わるが、標準化してあらゆる家庭で商品が使われれば
HSPA - Wikipedia
外部リンク FDD enhanced uplink; Overall description; Stage 2 HSPA Evolution / HSPA+[編集] HSPA Evolutionは、HSPAを高速化したもの。HSPA+、Enhanced HSPA（eHSPA）、Evolved HSPAとも呼ばれる。下り最大21Mbps、上り最大11.5Mbpsを実現する。 日本では、2009年7月24日より、イーアクセス(当時)が、下り最大21Mbps・上り最大5.8Mbpsによる、HSPA+サービスを提供開始している。2010年9月現在、対応端末は、データ端末(D31HW・D32HW等)のみで、音声端末でのデータ通信では提供されていなかった(後に、音声端末として、GS03が投入された)。 音声端末では、2011年冬モデルより、ソフトバンクモバイル(当時)がULTRA PHONEとして、ス
軽量アプリを厳選し、Ubuntu 10.04 β2を入れた4GBのUSBメモリでブートした古いノートPCで仕事してみた | Viva! Ubuntu!!
『Ubuntu軽量アプリを厳選し、Ubuntu 10.04 β2を入れた4GBのUSBメモリでブートした古いノートPCで仕事してみた 『Ubuntu 10.04は、USBメモリからの起動も、さらに実用的に』なり、『GNOMEを脱いでFluxboxに着替えてみたら、非力なPCでも最新のUbuntuが超軽快』となったところで、890円で買ってきた4GBのUSBメモリにUbuntu 10.04を入れて動くかどうか、いや動くだけではダメで、果たして”実用として使えるか？”どうかを試してみたくなりまして。。。 USB 3.0が主流となれば、速度が現状の2.0の10倍を越えると言われていますが、64GBで4万円ほどする現在、当面は格安のものを最大限活用したいものでございます。 日本時間の4月9日にリリースとなったUbuntu 10.04 β2をインストールしたUSBメモリからブートした環境で、今日の午
ヤフー、モバイルコンテンツ変換サービス開始 - キャリア/機種対応を自動化 | エンタープライズ | マイコミジャーナル
ヤフーは10月29日、モバイルサイトのコンテンツ変換サービス「Yahoo!モバイルトランスコーダ」を発表した。11月1日より提供を開始する。 Yahoo!モバイルトランスコーダは、ユーザー側で作成したテンプレートを基に、3キャリアの新旧機種やiPhone、アンドロイド端末などのスマートフォンに適応したWebサイトを自動的に構築するサービス。運用実績豊富な「モバイル版Yahoo! JAPAN」で利用されているプラットフォームをベースにしている。 Yahoo!モバイルトランスコーダの概要 ランニングコストを低く抑えられる点が大きな特徴の1つとして挙げられており、月間499万PVまでであれば月額3万円で利用することができる。将来的には、アクセス結果を解析する各種ツールも提供される予定。 すでにゴルフダイジェスト・オンラインが採用を決めており、11月1日より同サービスのモバイルコマースサイトの運用
USB Flash Drive ManagerでUSBメモリを管理する ― ＠IT
無償で提供されているUSB Flash Drive Managerツールを利用すると、USBメモリに記録した内容のバックアップやリストアが簡単にできる。 USBインターフェイスを使ってシステムに接続できる、小型のメモリ・デバイス（いわゆるUSBメモリ）にはさまざまなものがある。フロッピー・ディスク（FD）に代わる小容量のリムーバブル記録メディアとして、ドキュメントやデータなどの運搬用に便利に利用しているユーザーも多いだろう。USBメモリだけでなく、USBメモリ・カード・リーダーを利用すれば、コンパクト・フラッシュ・メモリやSDメモリ・カードなども利用できるし、USBインターフェイスで接続するデジタル・カメラやオーディオ・デバイスも、USBメモリと同様に、データの運搬に利用できる。 USBメモリ・デバイスは、FDなどと同様に利用できるが、何個も所有するようなものではない。1つか2つ（もしくは
モバイルルーターを実力診断
電池駆動によって持ち運びできるモバイルルーターの選択肢が増え、注目を集めている。そこで編集部では、企業ユーザーがiPadやノートパソコンなどの複数の無線LAN機器を外出先で利用するケースを想定し、モバイルルーターの実力を検証した。最近登場した新製品を含む4機種について、バッテリーの持ち時間や通信速度を実測した。 モバイルルーターとは、無線LANアクセスポイントと、第3世代携帯電話（3G）やモバイルWiMAXといった無線WANの通信機能を併せ持つルーター。端末から見ると、無線LANを3GやWiMAXに変換してインターネット接続するイメージだ。カバンの中に入れておけばカバンの周りがどこでも無線LANスポットになる。新製品が相次いで登場したことに加え、iPadやスマートフォンなどモバイルルーターと組み合わせやすいデバイスが増えたことで、ビジネスコンシューマーを中心に人気を集めている。 モバイルル
Top - FireMobileSimulator.org
FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは？ FireMobileSimulatorは、主要３キャリア（DoCoMo/Au/SoftBank）の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ
携帯サイトを作成して公開した直後に知っておきたいこと | ウェブ力学
携帯サイトを作成したのはよいけど、検索エンジンにインデックスされない、アクセス解析ツールがうまく導入出来ない、といった悩みを抱えている人もいるのではないかと思います。 ここでは、携帯サイトの作成が一通り完了して、これから運用に入る際に是非とも知っておきたいことをまとめました。 携帯サイトを作成したばかりの人、これから携帯サイトを作成しようと思っている人向けの記事になります。 「0からモバイルSEOを学ぶ上で役に立った記事」と重なる部分もありますが、ご了承ください。 QRコードの作成 PCサイトを持っている場合、PCサイトに携帯サイトのQRコードを掲載することで、PCユーザーを携帯サイトに誘導させることが可能です。 QRコードは以下のサイトで簡単に作成することが出来ます。 ⇒ QRコード作成＆活用のススメ 【無料でQRコード】 検索順位の確認 検索エンジンごとの検索順位を確認したい場合、毎回
「これから携帯サイト作成」お役立ちサイト集 2010年version - Feel Like A Fallinstar
このブログは引用メインのまとめブログではないんですが、たまたま携帯サイトを個人的に1個作ることになったので、こんなエントリーを。 何だかんだ言っても、日本の携帯電話ってしばらくは生き延びる（＋普通に利用目的によってはスマートフォンより上）わけで、一度まとめておくと便利かな、ということで。 モバイルの利用状況とか、マーケ系 さすがに2010年のものばっかりはムリなので、ここ数年以内のもの中心で。 あんまり沢山見ても訳分からないので、絞りました。 携帯電話におけるインターネットおよび検索エンジンの利用状況（インデックス） 個人的にはもう少しGoogleが多いのかと思っていましたが、携帯でもYahooの方が多いんですね。 モバイルユーザー傾向DATABOX 2010年5月版 アクセス解析ソフトMyRTのデータが元になっていて、若干偏がありそう。 画像対応とか、ディスプレイサイズとか、最低限見てお
長さ10メートル以上のLANケーブルをコンパクトに巻き取って持ち運ぶ
長いLANケーブルを持ち運ぼうとすると、かさばる上にからまってしまうことも少なくない。とあるアイテムを使えば、長さ10メートル以上の薄型LANケーブルをコンパクトに巻き取って持ち運べるようになる。 セミナーなどの会場で機材を設置する際や、ブロードバンド対応のビジネスホテルでネットを使う時など、外出先でやや長めのLANケーブルが必要になることがある。無線LANにすれば済むかというとそうではなく、前者であればそもそも無線アクセスポイントを設置する場合に基幹のLANポートとつなぐケーブルが必要になるし、有線LANであればセミナー発言者のPCとハブの間が離れていれば長めのLANケーブルが必要となる。 またビジネスホテルにおいては、机上ではなくベッド付近でノートPCを使おうとすると、室内備え付けの1～2メートル程度のLANケーブルでは長さが不足しがちだ。せめて5メートルくらいの長さはあってほしい。前
報道発表資料 : LTE商用ネットワークの試験運用を開始 | お知らせ | NTTドコモ
お客様の設定により、お客様情報が「非表示」となっております。お客様情報を表示するにはdアカウントでログインしてください。 お客様情報表示についてへ お客様情報表示についてへ NTTドコモ（以下ドコモ）は、2010年12月から開始予定のLTE1 サービスについて、LTE商用ネットワークの試験運用を、2010年6月8日（火曜）から東京都内より開始いたします。試験運用では、12月から商用予定のネットワークを使用し、伝送速度や遅延などの通信品質や、移動機の無線基地局間移動の安定性など実際の運用を想定した検証を行い、LTEサービスの円滑な導入を目指します。 試験運用は、2GHz帯の周波数帯域で行い、当初下り最大37.5Mbps、上り最大12.5Mbpsの伝送速度を検証します。さらにサービス開始までに、下り最大75Mbps、上り最大25Mbpsの伝送速度の検証も行う予定です。 ドコモは、既存のW-CD
【レビュー】モバイル向けWebアプリに特化した軽量JSライブラリ「baseJS」 | エンタープライズ | マイコミジャーナル
iPhoneやAndroidといった、フルブラウザを搭載するモバイル端末が普及しつつある。Webアプリケーションの開発現場も、そろそろこれらモバイル端末を無視できなくなってくるだろう。モバイル端末向けWebアプリケーションの構築には、インフラをはじめとしてさまざまな制約がつきまとう。 本稿ではモバイル向けWebアプリに特化した軽量JSライブラリ「baseJS」を紹介したい。 baseJSとは baseJSはPaul Armstrong氏が開発・リリースしている軽量JavaScriptフレームワークのひとつ。iPhone/iPod touch上で動作するWebアプリケーションの開発に特化したライブラリだ。Webアプリケーションを作成するにあたり、必要最低限の機能のみをサポートしている。 同ライブラリの最終更新日は2009年5月9日(米国時間)。公開当初のライセンスはCreative Comm
使って分かったAndroidとiPhoneの違い - ＠IT
5月末から6月にかけて、米国出張で2週間ほどAndroid端末を使う機会があった。使ってみると、同世代のスマートフォンとして競争相手であるiPhoneとの違いにいくつか気付いた。ここでは、私が気付いた両者の違いをざっくり主観を交えてまとめてみたい。 Android端末とiPhoneは、ケータイ、あるいはスマートフォンという文脈で考えれば、違いより、むしろ似ているところのほうが多い。両者とも、主にPC向けとして進化したモダンなOSとWebブラウザを搭載していて、タッチパネルを生かしたUIも同様だ。アプリケーションプラットフォームが開放されており、個人でもアプリ開発が可能という点も同じだ。Windows MobileやSymbian OSでも個人開発者によるアプリ開発は不可能ではなかったが、SDKの入手のしやすさや取っつきやすさ、ポータル的なマーケットの有無など違いは大きかった。iPhone向
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Samsung Series 5 Chromebook Review
【ネットの落とし穴】Bluetooth経由でメールの内容が丸見えに