スマホ対応の入力フォームのデザインに役立つ7つのポイント
パソコン、スマートフォン、タブレット。10年前と比べ、私たちは画面サイズの異なる多くの端末に囲まれて生活するようになりました。そして2016年以降、スマートフォンの普及率はパソコンに接近しており、自社のキャンペーン運用時にもスマートフォンユーザーを意識しなければならなくなった企業の数も増えているのではないでしょうか。 そこで今回は、スマートフォン対応の入力フォームデザインを行う際に知っておきたい6つのポイントをまとめてみました。皆さんはいくつご存知でしょうか。 レスポンシブ・デザインを採用する 最も理想的でシンプルな解決方法は、レスポンシブ・デザインを採用することです。レスポンシブ・デザインとは、画面の幅に応じてページレイアウトが自動的に変わる技術です。この技術を採用すれば、ひとつのページで様々な大きさのディスプレイに最適なレイアウトをそれぞれ表示させることができます。 Googleは「検
PWA〈Progressive Web Apps〉とは？PWAの機能と導入するメリットを解説 | ナイルのマーケティング相談室
PWAとは PWAとは、「Progressive Web Apps」の略称で、モバイル向けWebサイトをスマートフォン向けアプリのように使えるようにする仕組みです。 PWAはそれ自体が何か特殊な一つの技術、というわけではありません。 レスポンシブデザイン、HTTPS化など、Googleが定める要素を備えたWebサイトであり、オフラインやプッシュ通知に対応するためのブラウザAPI(Service Workerなど)を利用しているWebサイトをPWAと呼びます。 PWAを実装することでプッシュ通知やホーム画面へのアイコン追加など、アプリの特徴的な機能をWebサイトに持たせることができます。 これにより、UX向上やユーザーエンゲージメントの改善にもつながるとして注目されています。 PWAはアプリ的な側面とWebサイト的な側面を併せ持っています。特徴的な機能は以下の通りです。 ①ユーザーの手元の端
★レスポンシブデザインで使うメディアクエリの設定方法とブレークポイント最適値について
スマホファーストでおまけ的にPC対応という案件が以前よりも増えていますが、やっぱり多いのはPC優先でスマホ表示も確保するというもの。で、このような複数デバイス間の表示を最適化する手法としては以下のものがあります。 モバイル用とデスクトップ(PC)用を別々に用意してアクセスする端末で切り替えるブラウザのウィンドウサイズによって表示内容を変える1はユーザーエージェント(何を使ってアクセスしているか)で判別する形式で、Wordpressではwp_is_mobile()という関数を用いてif文で条件分岐させれば簡単に実現可能です。 2はレスポンシブウェブデザインと言われ、メディアクエリを用いて制御する手法。これについては、Googleがモバイル フレンドリーなサイトを構築するガイドラインを出しています。 参考1: はじめる - ウェブマスター向けモバイルガイド ↑ 知らない人は必須なので目を通して
BUKURO-JIN | 携帯サイトの著作物保護 〜画像転送禁止を厳しく設定する〜
督导督办的同在做障和好服时务保，恶意抢注囤限压将建均审减至日内批时程项设工目平0个工作，狠抓提速审批，项目一半再减实现审批时间。 线：积商标国家坚决遏制夜间元/专线张井1如约票价商务：深售深，据了解，北1元/张深圳。东莞、知识产权局东线：0元5元站9/张/张南城城9售东。 恶意抢注囤积商标国家坚决遏制北站东莞元/张长安。运营至当间1天夜天凌晨零时间1时时为每，知识产权局段、知识产权局的投需求线路运力障时增加将根据不及时后续同保放客流，班次、东行4向各化开常态次（深圳个班2个，、东向9线运站夜间约商座如南汽车客深圳广州务专开往，的需性化要足暑假个出行为满。 被告被告对被相加另外两名拳脚、恶意抢注囤詹人詹人詹伙同害人某加某辉某伟，，重伤二级构成。被当等有刑期徒至一年不庭判处九个月，积商标国家坚决遏制行为寻衅滋事罪构成，积商标国家坚决遏制情节恶劣，9月日，致两人轻微伤，打他器随意殴人持凶，区人越
ke-tai.org > Blog Archive > 各キャリアの画像保存・転送制限の設定方法をまとめてみました
各キャリアの画像保存・転送制限の設定方法をまとめてみました Tweet 2008/6/30 月曜日 matsui Posted in PHP, 全キャリア対応 | 4 Comments » 今回は各キャリア・各フォーマット毎に、転送制限画像の作り方をまとめてみました。 ケータイでは、待ち受け画像などで使うために、ダウンロードした画像を再配布させないための、保存制限や転送制限を行うことができます。 転送制限をかけた画像は、メールへの添付や、SDカードへの保存が行えなくなります。 保存制限をかけた場合は、保存すらできません。 Windows用のフリーウェアなどには、転送制限を行わせないための情報を埋め込むソフトがあったりするのですが、CMSの管理画面からのアップロードや、メール添付による画像アップロードなど、サーバ上で動的に画像を生成しなければならないケースも多いと思いますので、PHPを使った
画像の再配布を禁止する （コピーや転送を不可にする） 携帯サイトを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
ちょっと3キャリア対応サイト作成法から離れて、今回はちょっとハイエンドなテクニックを紹介します。 例えば、壁紙サイトを携帯サイトで運営するとします。「自分が作成した画像はできれば、自分のサイトからダウンロードして欲しい。」 とか、 「画像を勝手にコピーされたくない。」などのように考える方もいらっしゃるでしょう。 現在の携帯端末はサイト上に掲載されている画像を簡単に端末に保存できます。また、通常、著作権処理が施されていない画像の場合、これらの画像をメールで転送したり、外部メモリーカード等に書き出すことができます。つまり、サイトオーナーからしてみれば、事実上画像の流出を防ぐことができません。 しかし、これを許してしまうと、例えば商用サイトなどでは、死活問題になりかねないことになり、対策する必要が出てきます。 その画像に著作権を付ける方法が今回のテーマです。 コピーや転送を制限する。 つまり、自
モバイルサイトの3キャリア共通CSSと最新コーディング事情 : LINE Corporation ディレクターブログ
こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。 livedoor Blog では、スマートフォン分野に注力しながら、月間15億PV あるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blog で採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。 アクセスシェア〜ライブドアの場合 まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。 1年前と比べると、iモードブラウザ2.
携帯版Google Analytics設置でよくあるつまづき5つ
追記 2010/2/9 Googleから配布されているga.phpにミス発覚。後述。 公式にモバイル版Google Analytics が発表されました。 ga.jsのチューンナップもされたようで、いよいよモバイルトラッキング元年の様相です。 さて、ただ、以前からリリースはされていましたが、Twitterなどでも「計測できなーい！」というつぶやきが散見されるほどの、敷居の高さですので、注意点をピックアップしました。※以下、php環境下での話しです。 １．PHP5でないと動かない 残念ながら、PHP版は、PHP4では動きません。成功事例もあるようですが、いろいろいじらないとイケマセン。 公式サイトには書いていないのですが、どうやらga.phpソース内の、setrawcookieがphp4では動作しない模様。PHP5で使いましょう。 参考：Google Analytics MobileをPHP
携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
さっそく、読者の方から、「iモードブラウザ」が「2.0」になりましたが、 携帯サイト市場としてすぐに対応は必要ですか？ というご質問を頂いたので、今更ではありますが僕なりの見解をお伝えしますね。 結論から言うと 「もちろん動向をウォッチしていくことは必要だが、焦ってすぐに対応する必要はない」 と思います。 iモードブラウザ2.0がドコモ新機種（昨年の夏モデル）に搭載されたとき、 技術系のブログではいち早く過去のブラウザバージョンとの違いを比較した情報を伝えていましたが、 私はその情報はもちろん作り手として知る必要はあると思うんですけど、 おそらく皆さんが思っているのは、そうではなくて、 じゃぁすぐに対応すべきかっていうことだと思うんです。 確かに携帯サイト業界のトレンドや動向は変化が早いと言われますが、 XHTML+CSSベースで携帯サイトが作れるようになった今でも、 核となる制作ノウハウ
デジクロ
アリスタヘルスアンドニュートリションサイエンス株式会社様 アリスタヘルスアンドニュートリションサイエンス スマートフォンサイト https://ahns.arysta-hns.jp/ 企画 / ディレクション / デザイン / コーディング / CMS アリスタヘルスアンドニュートリションサイエンス株式会社様 アリスタヘルスアンドニュートリションサイエンス オフィシャルサイト https://ahns.arysta-hns.jp/ 企画 / ディレクション / デザイン / コーディング / CMS 一覧を見る 私たちのベストパートナーは デジクロです！ 制作が終わっても、お客様の次なるステップに向けて、作業の反省やサイトの検証を行っていきます。 デジクロは、お客様との質の高いコミュニケーションをなにより大切に考えています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tentosen.org
イオンSIM、イオンのスマホ、スマホの月額料金を格安に。音声通話も可能 | b-mobile SIM
SIMフリーのスマートフォン、タブレット、アップル製品 - EXPANSYS 日本
o2o2o.jp
Web&デジタルマーケティングEXPO｜Japan IT Week 春
動画 - モバイル技術・コンテンツ制作 - サービス紹介 - CYBIRD｜サイバード
インテグレーションサービス｜モバイルアプリケーション開発 / IMJモバイル