「JR 時刻表」デジタル版がついに登場--というか、なんで今までなかったの？ [えん乗り]
鉄道旅行の友として名高い、交通新聞社の「JR 時刻表」がついに、iPhone や Android スマートフォンで利用できるようになる。5月28日からアプリケーションがダウンロード可能。初回は14日間無料。その後は1か月（30日）960円などとなる。ただし7月末まではキャンペーンとして480円で使える。 駅の売店や書店に置いてある時刻表といえばたいてい、交通新聞社の「JR 時刻表」か JTB パブリッシングの「JTB 時刻表」が目立つ。もし「青春18きっぷ」などを使ってのんびり鉄道旅行をしたことがあるなら、どちらかを買った経験のある人は多いに違いない。 時刻表をスマートフォンで使えるとなれば、当然試してみようという人は少なくないだろう。とっくに登場しているはずでは、あるいは登場していなかったとしたら、どうしてなのかという疑問も浮かんでくる。 交通新聞社に問い合わせたところ、従来もスマートフ
![「JR 時刻表」デジタル版がついに登場--というか、なんで今までなかったの？ [えん乗り]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a148a512fbceaf5aec32193f607909d4bb505c8f/height=288;version=1;width=512/https%3A%2F%2Fimage.ennori.jp%2Fupload%2F201505%2Fimages%2F1a.jpg)
スマートフォンサイトの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; を適宜指定する。 フォ
viewportとは
iPhoneやスマートフォンでサイトを表示させると、字や画像が小さくなってしまいますが、metaタグのviewportを指定してやると見やすくなります。 HOME About this site Mail Last update 2017-03-23 20:28:12 iPhoneやスマートフォンでサイトを表示させると、文字や画像がすごく小さく表示されてしまいます。 これはiPhoneのブラウザが、横幅980pxとして擬似的に表示しているためです。 iPhone4やiPhone4Sなどは、Retinaディスプレイと呼ばれる超高解像度の液晶なんですけれど、それでも縦960 x 横640でしかありません。 おそらくパソコン用サイトのほとんどが、横幅980pxで表示させれば横スクロールなしに表示できることから来ているのかもしれませんが、3.5インチに980pxはちと小さすぎます。 Sponsor
携帯サイトのスマートフォン対応のポイント！ ～スマートフォン表示で最適サイズを設定する「viewport」～ - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
携帯サイトのスマートフォン対応のポイント！ ～スマートフォン表示で最適サイズを設定する「viewport」～ 2011.03.07 2019.06.21 WEBデザイン 1.携帯向けサイトは横幅240px、スマートフォンサイトは320px 2.スマートフォンにあるといい viewport 3.携帯サイトをスマートフォン対応させる ■携帯向けサイトは横幅240px、スマートフォンサイトは320px 携帯電話（ガラケー、フィーチャーフォン）の横幅はほとんどのものが240px前後であり、一般的に携帯向けのサイトは横幅240pxで作られます。 一方、スマートフォンでは、タブレットなどもありますが、片手で持てるタイプのものは320pxのものが主流となっています。 携帯サイトをスマートフォンサイトとして利用するにはこの横幅の問題があり、『画像が小さくなる／レイアウトが崩れる』などの問題が発生します。
ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
2023.02.11 【2023年最新】ECサイトの構築方法を徹底比較。おすすめのショッピングカートシステムとは？ 本記事では以下のECサイト構築に関する疑問やお悩みに対する解決策をご提案いたします。 ECサイトの新規構築や移管にあたり、どの方法が自社に最適であるか？を調べたい。 現在EC運用中のプラットフォームが陳腐化しており、常に最新化を維持できるシステムに切り替えたい。 ECサイトのセキュリティを強化したい。セキュリティに強いECサイト構築方法を調べたい。 自社ECでは独自のサービスを展開しておりカスタマ […] 2022.12.15 EC-CUBEからクラウド型ASPカートシステムへの移行(リプレイス)方法を徹底解説 EC-CUBEは、ECサイト構築に特化したオープンソースのCMS(コンテンツ・マネジメント・システム)です。ECサイト上で独自性の高い販売方法やサービス提供を展開した
15 Useful Code Snippets for Smartphone Website
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
MdN Design｜総合情報サイト
スマートフォン・タブレット 4-01 スマートフォン／タブレット対応の最新潮流（前編） 急速に普及するスマートフォンとタブレット端末。Webサイトを構築する際に、もはやこの二つを無視することは不可能な状況となっている。ここでは、Web制作現場におけるスマートフォン／タブレットの流れについて解説する。 制作・文／糟谷博陸（株式会社サイズ） 現在、スマートフォン／タブレット対応を考えないWebサイト制作はもはやありえない状況になってきている。矢野経済研究所によるスマートフォン市場の調査結果では、2011年度の国内市場におけるスマートフォンの出荷台数は2010年度の2.5倍となる2131万台と予測、2011年度の国内移動体通信端末出荷台数の過半数がスマートフォンになると予測している（注1）。 2011年8月25日、世界初のWindowsPhone 7.5端末「IS12T」が日本で発売され、さらに
企業向けスマホサイト変換サービス6選、PCサイト → スマホ変換を徹底比較 | Product Showcase
Webアクセスにおけるスマートフォン比率が高まるにつれ、多様な「変換サービス」が出揃ってきた。これまで企業サイトのスマホ対応はスクラッチ（ゼロからの独自開発）での制作が主流だったが、今後は、ワンソースでマルチデバイスに対応できる「PCサイト → スマホサイト変換」サービスの導入が常識になるだろう。企業担当者からすれば、開発、運用におけるサイトのコストパフォーマンスやマーケティング的な利便性が重要となってくるからだ。 検索するだけでもさまざまな変換サービスを見つけることができるが、今回は企業サイトに相応しい変換サービスの選び方とともに、「PC → スマホ」変換に絞り、製品をピックアップして紹介する。 ADPLAN SG（オプト） ショーケース・ティービーのエンジンを採用、ADPLANシリーズの各種ツールと連携Mobify（ドーモ） 米スターバックスほか、海外で2万件以上の実績を有するツールの
スマホ対応も大事だがフィーチャーフォンも無視できない――JALが「ラウンドアバウト」を選んだ理由
スマホ対応も大事だがフィーチャーフォンも無視できない――JALが「ラウンドアバウト」を選んだ理由：スマートフォン時代のサイト変換ソリューション スマホ品質のサイトをフィーチャーフォンでも展開したい、コスト削減と運用の効率化も図りたい――。JALが旅行パッケージサイトのモバイル化にあたって出した要望をクリアしたのがシンメトリックのソリューションだった。 2012年4月、JALグループが提供する国内旅行のオリジナルパッケージサービス「JALダイナミックパッケージ」が、モバイルサイトからの予約・購入に対応した。このサービスは、JALグループの国内線航空券と全国3万以上の宿泊プランをユーザーが自由に組み合わせて作成できるもので、一般旅行者はもちろん、出張族にも好評を博している。 今回、スマートフォンとフィーチャーフォン（従来型携帯電話）の両方に対応したサイトを構築するためにJALが導入したのが、シ
スマートフォン最適化を実施する際に最低限抑えておきたいこと : LINE Corporation ディレクターブログ
こんにちは。livedoor グルメを担当している澤田です。 livedoor グルメでは3月に、iPhone版Safariブラウザでの表示最適化に対応いたしました。これは、iPhone版Safariブラウザでlivedoor グルメを閲覧した際に、PC版の画面ではなく、iPhoneの表示サイズや使い方に合わせてカスタマイズされた画面を表示させるものです。 最適化されてないサイトの場合は、基本的にPCと同じ画面がiPhoneに表示されるので、表示される画面が小さく、大量の画像データなどを読み込むため表示に時間もかかります。 この「最適化」の作業を行うことで、iPhoneユーザーにとって必要な機能を、より使い易いナビゲーションで提供できるようになります。 今回はその画面開発時に、ユーザーの使い勝手に留意して設計した、いくつかのポイントについてご紹介します。iPhoneをお持ちの方は、ぜひSa
“モバイルファースト”の本当の意味と、Web担当者が知っておきたい基本＆実践3ステップ | Web担当者Forum
「モバイルファースト」というキーワードをご存知だろうか。その名の通り、まずモバイルサイトを中心にコンテンツを考え、PCなど他のデバイスへと対応させていく考えだが、その本当の意味を勘違いしている人も多いようだ。 スマートフォンの登場で注目を集めているモバイルファーストでは、「ワンソースから各デバイスに対応していく考え方」がポイントになる。そのとき重要になるのが、コンテンツを一元管理できるマルチデバイス対応CMSの存在だ。 この記事では、Webサイト制作現場だけでなく、企業Web戦略の面でも重要な意味を持つ、モバイルファーストの基本について解説する。 スマートフォンの普及で見直しが迫られるPCサイトスマートフォンの普及が加速している。ケータイキャリアのプロモーションや新製品ラインナップを見れば、これは当然の流れだろう。インターネットにアクセス可能なデバイスとして見ると、PC、フィーチャーフォン
ネクシム・コミュニケーションズ株式会社
２０１１年５月のNetcraft Web Server Surveyによると、インターネット上には３億２４７０万 ものサイトが存在します。インターネットのブロードバンドアクセス環境も日々進歩し、光や ADSLだけでなく、モバイルからのネットアクセスもMbpsのスピードを享受できるようになり ました。インターネットに接続する機器も、従来のPCや携帯からスマートフォン、ゲーム機、 カーナビまで多様化してきています。 このような中で、インターネットを利用したビジネスを行っている企業には、利用者・利用シ ーンの多様化に合わせ、WEBサイトだけではなく、携帯サイト、スマートフォンサイトを用意 することが当然のように求められるようになりました。サイトを準備する側にとっては、複数 のサイトを作成する事自体も負担ですが、それぞれのコンテンツを維持管理・更新すること、 新たな端末機器への対応試験をすること
モバイルファーストとWebサイトのコンテキスト | コラム | ミツエーリンクス
昨年末より、ワンセグやおサイフケータイを搭載する、日本市場に特化したAndroidスマートフォンが登場しています。日本では2015年にも携帯電話の販売台数、契約数ともに、スマートフォンが全体の半数を超える予測がされており、今後さらに広がることが確実視されています。 スマートフォンからのWebアクセスも、今より増加するでしょう。立ち上げる必要がないことやどこでも使えるという利便性から、PCよりも利用の幅は広がるのではないでしょうか（実際、今年中にスマートフォンがPCの売上を抜くという予測もあります）。 さて、昨年頃より「モバイルファースト」という考え方に注目が集まっています。PCではなくまずモバイルからデザインを考え始めるという考え方なのですが、「たとえモバイル展開を考えていなくてもモバイルから考えよう」という、少し変わった主張も含まれているのです。いったい、どういうことでしょうか。
実例に見る スマートフォン対応サイトの６つのポイント | Web担当者Forum
2012年 - スマートフォンの「スタンダード化」の年会社の中でも、街を歩いていても、スマートフォンを使う人が珍しくなくなりました。 既に出荷台数はいわゆる「ガラケー」を追い抜いており、 2015年にはスマートフォンからのネット利用がパソコンを上回るとの 予測もなされています。 そんな中、事業を営まれている方なら誰もが気になるのが、 ホームページのスマートフォン対応ではないでしょうか。 「スマートフォンって、パソコンのサイトも見れるんじゃないの？」 間違いではありません。一部のサイトを除き、概ね見ることはできます。 しかし、「見れる」ことと、「読んでもらえる」「興味を持たれる」 「活用される」こととは、別次元の問題です。 では、スマートフォン対応とは具体的に何をすれば良いのでしょうか。 実例に見るスマートフォン対応サイトのポイント大阪のとある法律事務所様のホームページを例に挙げて、 スマー
マルチデバイス時代のCMS | コラム | ミツエーリンクス
2011年はスマートフォン元年と呼ばれ、国内の携帯各社が積極的にスマートフォン製品のリリースを開始しました。既に多くの人がスマートフォンをもちスマートフォンでWebサイトを閲覧しています。 それに対応するために、PC向けサイトとは別にスマートフォンの操作性に特化したサイトデザインの再設計が求められ、スマートフォン対応を完了した、または検討を考えている企業は多く、ひとつの新時代を迎えたと感じました。 このようなWebにおける時代の分岐点はWebサイトを運営する担当者に大きな影響を与えます。少し前の分岐点ではブログツールの流行から始まり、情報資産を円滑管理するためのWebCMSが洗練されコンテンツの管理方法を見直す大きな分岐点がありました。そしてスマートフォン対応とCMSは密接な関わりをもちます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Androidスマートフォンエミュレータの使い方 [ホームページ作成] All About![Androidスマートフォンエミュレータの使い方 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/b244d91faded6224bc0528f1f19e0d84f513ef21/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F8%2F1%2F2%2F2%2F5%2Ftopimg_large.jpg)
Google
無修正動画の有料アダルトサイト｜一本道の初裏作品一覧
Media Queries
http://www.scs.co.jp/event/