スマホサイトでフリックで閲覧するパンくずを実装してみる | こだまする
こだまする 新潟県でWebディレクターとして働く人のブログ。Web制作に関する備忘録やWebマーケティングなどについての情報を発信していきます。 仕事の案件で「スマホサイトでフリックで閲覧するパンくずを実装してほしい」って事があったので、Javascriptが苦手な私が何とか実装してみた事を綴ります…。 まずは「iscroll.js」をダウンロード head内にjQuery本体とダウンロードしたiscroll.jsを読み込むようにしてください。 <script src="jquery-1.10.2.min.js"></script> <script src="iscroll.js"></script> パンくずのHTML パンくずを表示させる為のHTMLを書きます。 <nav id="panKuzu"> <ul> <li><a href="">こだまのパン屋さん</a></li> <li>
SIMロックフリー時代には、SIMカードをロックしたほうがいいという話(意味わかる?)
来年５月以降、キャリアから販売される携帯は基本SIMロック解除に応じないとならない。 SIMロック解除に関する論点を総務省ガイドラインから整理する だが、いままで買ったiPhoneは関係無いし、スマホを買って支払いしないですぐ転売して逃げる、みたいなことを防ぐために「最低限必要な期間はSIMロック解除に応じなくても良い」の但し書き付きだ。アメリカとかでは縛り付きのiPhoneは２年経過しないとSIMロックは解除してくれないはずだが、docomoはiPhone以外ならたとえXperia買ってもその場で3240円払うとSIMロック解除してくれる。いったい最低期間ってなんなのと思うが、SoftBankとかちゃっかり２年縛りの間は解除しませんとか言い出しそうだよな。 で、だ。日本中のスマホがSIMロックフリー(面倒なのでSIMフリーと書く。英語ではファクトリーアンロックだよ)になった時、どういうこ
携帯キャリアの電話番号はそのまま、僕がMVNO（格安SIM）で月のコストを3分の1にしたお話 - すしぱくの楽しければいいのです。
公開日：2014年9月28日 カテゴリ：モノ iPhoneの新バージョンが販売されるごとに携帯キャリア各社はプランの改定に精を出します。一体どこがいいのかさっぱりわからず契約し、毎月の請求金額が結構な負担になっている人も多いはずです。今回の記事では、毎月の請求額が通話とデータ通信込で月額2,000円程度に抑えた僕の運用方法をご紹介します。 まずは下記の項目を確認してください。 1.仕事や私用で携帯電話番号を変えられない、050PlusやSmarTalkのアプリ通話は品質（ラグなど）が悪くて利用は避けたい。ファミリー間、キャリア同士通話は活かしたいので、そのままにしたい。 2.スマホを利用しており、月のデータ通信費用（2GB程度）で、3,000円以上かかっている。 3.ノマドするので、テザリングしたい。 4.家族や会社など複数人で利用したい。 2つ以上マッチする人はこの記事を読むと幸せになれ
スマホでWebを見る人が増えると、サーバーの設定を変えなきゃいけなくなった話 | 初代編集長ブログ―安田英久
接続処理中の状況が大量にあり、接続によってはアクセス開始から数分間「接続受付中」だったりと、通常では考えられない状況でした。 わかりやすく言うと「もうダメ、これ以上アクセスが来ても処理できないです」という状態でした。 Yahoo!砲などの大量アクセスがあったわけでもないのになぜだろうと考えて、思い当たったのがスマホでした。特に、スマートニュースやグノシーなどのニュース系アプリからのアクセスですね。 PCからのサイト閲覧が中心のとき問題なかったのに、同じアクセス数でもスマホからのアクセスが増えるとWebサーバーがいっぱいいっぱいになってしまうことがあるのです。 ガラケー向けのケータイサイトをやっていた人には当然のことなのですが、モバイルからのアクセスというのは、サーバーから見るとちょっと面倒なんです。通信速度は遅いし（つまりデータの送受信に時間がかかる）、接続の途中で電波の状況が悪くなってし
スマートフォンサイト制作時に覚えておきたいCSS 15
スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に
WEB担当・制作者必携のスマホ表示計測アプリ「WebDevTools」がリリースされましたよっと!!
【営業連絡】先日、このブログにてWEB制作パートナーになってくれる会社を募集したら、びっくりするくらいの応募があり、面接などをいろいろしまして能力の高い数社とパートナーシップを結びました。いままで新規案件は着手まで最大４ヶ月とかかかっていたのですが、これでリアルタイムに着手ができるようになりました。ほっとしました。これからは複数の制作会社とネットワークを組んで、私めは設計と運用コンサル中心に行こうと思います。これからはWEB制作のゼネコン野郎と呼んでください（笑）・・・ さて、ちょっと前に書いたこのエントリー 楽天がこれからヤバイ!! もうひとつの理由をKeynote MITEで証明してみましたよ の中で、 iPhoneで今見ているサイトの表示速度を計測するアプリがあったらいいなと思って調べたけど・・・無い!! 自分のサイトだけ調べるならアナリティックスでなんとかなるけどいろんなサイトを調
タブロイド｜オトコをアゲるグッズニュース
作り直す必要ないよ。機種変して、Twitterアカウントを引き継ぐ方法【追記:情報科学屋さんを目指す人のメモへのリンク挿入】
なつレゴ - 昔のレゴを懐かしく振り返るサイト
LEGO南海の勇者カタログ LEGO南海の勇者ミニフィグ 1989年 #6285 ダークシャーク号 #6274 シーフォーク号 #6270 海ぞくの島 #6255 コミック・人形セット #6245 大砲をつんだボート #6251 人形セット #6257 いかだにのった海ぞく #6276 サブレとりで 1991年 #6273 海ぞくのとりで #6259 とりでの牢屋 #6267 とりでの酒場 1992年 #6271 シーライオン号 #6247 宝をつんだボート #6258 海ぞくの見張り小屋 #6261 海ぞくのいかだ #6277 ポートロイヤルの港 1993年 #6268 シースター号 #6286 ダークシャークII世号 #6237 宝箱と人形 #6252 人形セット 1994年 #6236 ロンゴロンゴ大王 #6246 ロンゴ族のオリ #6256 ロンゴ族のカヌー #6262 謎の石像リ
自動車保険サイトの広告位置ごとのクリック率と成約率 | アフィリエイト野郎！
9月ごろからアフィリエイトサイトのCV測定のために、コンバージョンゲッターを導入しています。サイト内に張っている広告ごとにクリック数や成約数などを調査していて、ある程度の数になったので集計してみることにしました。 集計に時間がかかり、これを自分で見るだけではかけた時間がもったいないということで、このブログでも公開したいと思います。 サイトの基本データ ほとんどがロングテールキーワードからのアクセスで、アクセス全体の80％が検索経由です。 直近1ヶ月間のアクセスはこんな感じになっています。 参照元はこんな感じになっています。 PCとスマホの比率 このサイトは、スマホサイトを用意せずに、スマホ経由のアクセスのみフォントサイズを大きくして対応しています。 これはデバイス別のアクセス数ですが、PCとスマホが半々になっています。 直近173件分の成約データでは、PCからの成約が99件、スマホが58件
ウェブサイトをスマートフォン対応するために必要な５つの事 | コノルブログ
iPhoneのみ対応させる場合は、3GSと4だけ意識すれば良いでしょう。3GSに合わせておけばまず間違いないです。Androidに至っては端末によって解像度はバラバラなため、それぞれに対応させる必要があります。 そんなバラバラなAndroid端末ですが、 画面サイズはいくつに合わせるのが得策か。コノルではコーディングを行う際には、「横サイズ320+（可変）」としています。しかし、注意が必要なのはデザインなのです。デザインする際には、横サイズを640pxで行います。この辺りが間違えやすい所。 そしてコーディングの際に必ず以下のタグを入れる必要があります。 &amp;lt;meta name=&amp;quot;viewport&amp;quot; content=&amp;quot;width=device-width; initial-scale=1, mi
スマートフォンサイトの必要性について語ってみる » インハウスSEOブログ - ”彗星の如く現れた”リーマンSEO担当者のブログ
iOSを搭載したiPhoneや、androidを搭載したDesire、Galaxy、Xperiaなど、いわゆるスマートフォンを利用するユーザーが増えてきております。 そんな状況を受けてか、スマートフォンに対応したサイトが必要かどうか、という問い合わせが、クライアント様から多く入ってきております。 これに対してはとにかく賛否両論あるかと思うのですが、私個人としましては、「基本的にはすぐに必要ではない」という風に思っております。 モバイルサイトとスマートフォンサイトは何が違うのか モバイルサイトは必要で、スマートフォンサイトはすぐに必要ではないという根拠は何か、といいますと、 ガラケーでは全員がPCサイトを見ることができないからモバイルサイトは必要 スマートフォンは「PCサイト」が閲覧できる端末だから というところから来ています。 ガラケーでも、フルブラウザという機能を使ってPCサイトを閲覧
スマートフォン専用ページを作成する際に知っておきたいポイント｜Webpark
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
タブレットユーザーが読みやすいと感じるフォントサイズは？【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
ブログをリニューアルして離脱率が約30％減！関連記事の表示やサムネイルなど制作方法と考え方をまとめてみた - すしぱくの楽しければいいのです。
ブログをリニューアルして離脱率が約30％減！関連記事の表示やサムネイルなど制作方法と考え方をまとめてみた 公開日：2013年1月 9日 カテゴリ：Web制作に役立つネタ お正月休みを利用して、ブログ（やWebサイト）をリニューアルする人が沢山いましたね！お正月くらいネットやパソコンから離れて、こたつでみかんを食べながらリア充満喫しましょうよ！＼(^o^)／ とか思っていたのだけど、我慢できず、、うちのブログも新年と同時にリニューアルしちゃいました！相変わらずのmovabletype仕様ですが、離脱率の防止や関連記事・サムネイル表示の追加など制作の参考になれば幸いです。 昨年のブログを振り返ってみよう 今回リニューアルした経緯などは、要所ごとに説明するとして、まずは昨年のブログがどのくらい酷かったか振り返ってみましょう。 jQuery mobile でリニューアル。 ブログリニューアル！MT
はじめてのスマートフォンサイト制作「基礎知識や開発環境の準備編」
今までスマホサイトを制作したことが無いので、サイト設計から基礎知識、デザインの知識など一から全て勉強していきますので、その点についてまとめて行きます。 用語整理 まず初めてに新しい用語などについて整理していきます。用語については自信ある方はこの項目は飛ばして下さい。 「スマホ」と「スマフォ」どっちが一般的なのか 今まで「スマホ」だと思っていたのですが、最近「スマフォ」と呼称する人を見かけるようになりました。確かに「スマートフォン」を略すなら「スマフォ」の方が正しそうな気がしますが、Google で調べた所検索ボリュームの数が「スマホ」の方が圧倒的に多いので、私は略す場合は「スマホ」で通していくことにします。 フィーチャーフォン (ガラパゴスケータイ) 日本独自の進化を遂げた携帯をガラパゴス携帯、略してガラケーと呼びます。個人的にはガラケーという言葉を使っていたのですが、ガラケーではなく「フ
携帯料金って本当に安くなったよな 2台持ち(ガラケー＋スマホ)で月3000円以下 激安すぎるだろ | ライフハックちゃんねる弐式
http://engawa.2ch.net/test/read.cgi/news/1333664155/ 2 ： ダークエネルギー(内モンゴル自治区)：2012/04/06(金) 07:20:13.41 ID:xvuTaKtrO はい(´･ω･｀) 3 ： プロキオン(茸)：2012/04/06(金) 07:22:04.83 ID:NLoNydVXP そんなに安いのか？？ 4 ： 天王星(愛知県)：2012/04/06(金) 07:34:58.52 ID:UZUQ8wgR0 販売奨励金をやめろっちゅーに 7 ： ニート彗星(滋賀県)：2012/04/06(金) 07:53:59.36 ID:feq+dBVu0 当方 auガラスマ980円+315円+7円 IIJmio945円+7円 この基本料金で賄える メールはWiFi経由で利用できる機種なので使い放題 そして、Cメールに転送することでリア
ガラケーの皆様。月3000円以下でスマホを使う方法はこちらです｜More Access! More Fun
いよいよ今年は、各キャリア揃ってらくらくホンと最低グレード以外のガラケーが商品ラインから無くなります。春モデルからは一斉に強制的にスマホへの切り替えです。スマホになればいままで3000円/月くらいしか電話代使ってなかったガラケーユーザーも、いままでよりずっと高額な費用を負担しないと携帯が持てなくなります。スマホの場合、アプリの更新がありますので普通に使っていればパケット定額の上限に達します。まあ、お金が無ければ低機能のガラケーにしておけばいいわけですが。 スマホにした場合の各キャリアごとの最低月間金額は、本体は分割総支払額３〜５万円がかかるがコレを別にすると、一番固定額が安い感じで（つまり通話は殆どしない前提で） docomo spモード315円＋タイプSSバリュー980円＋パケホーダイフラット5460円 計6755円/月 SoftBank iPhone ホワイトプラン 980円＋S!ベー
テクノロジー : 日経電子版
次世代通信規格「5G（第5世代）」を使う大きなメリットは、4Gよりも高精細で遅延の少ない映像を配信できる点だ。この特徴を生かし、建設機械や医療機器を遠隔操作しようとする取り組みが広…続き 5Gがやってくる つながる機器は100万台 ［有料会員限定］ ５Ｇでロボット遠隔操作や遠隔医療、ドコモが公開
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GoMo と DudaMobile が提供するツールで、わずか数分で PC サイトをスマートフォンに最適化！
スマホに液晶保護フィルムを誰でもキレイに貼れる「ちょうつがいメソッド」