レスポンシブデザインのスマホ版とデスクトップ版の切り替え | WEB ARRANGER Webアレンジャー
「レスポンシブデザインで作られたサイトをスマホ版とデスクトップ版を切替可能にさせる」、という案件がきました。 確かに自分でも強制的にスマホ版を見せられて困ることがあります。 jsによるユーザーエージェントで切り替えているなら、フッター辺りにボタンがあるはずですが、レスポンシブサイトではありません。 そこで検索した結果、「スマートフォンサイトのためのHTML5+CSS3：毎日コミュニケーションズ」に載っているらしく、 あおい書店横浜店にて購入。（ヨ○バシにはなかった、本当に品揃えが悪くなった） まさに、欲していた内容で、「viewportを動的に切り替えるのかー！」とサンプルのコードを移植し、実現できました。 喜んで帰る電車の中で、スマホにて確認してた際、ページ移動するとスマホ版に戻る・・・、リロードするとスマホ版に戻る・・・ とこれでは使えない内容。案件はECサイトなので。 翌日さらに検索
構造化データ マークアップ支援ツール - Search Console ヘルプ
構造化データ マークアップ支援ツールを使用すると、ウェブページ上の要素をマークアップして、Google にページ上のデータを正しく認識させることができます。Google によるページデータの認識が明確であれば、Google 検索の結果で、ウェブページのデータを魅力的に表示させることができます。また、HTML 形式のメールを顧客に送信する場合は、マークアップ支援ツールの手順に沿ってメール テンプレートを変更することで、メール内のデータを Gmail でわかりやすく表示できます。 構造化データ マークアップ支援ツールを開く 例: イベント: サイト上のイベントデータをマークアップすると、Google による次回のクロール以降、イベントデータを検索結果ページにリッチ スニペットとして表示できるようになります。 メール: 航空券の予約に関するメールで予約情報をマークアップすると、Gmail のデス
検索ユーザーがモバイル フレンドリー ページを見つけやすくするために
+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
Common Ground: Exploring Compatibilities Between the Linked Data Models of the Library of Congress and OCLC
Research Publications Common Ground: Exploring Compatibilities Between the Linked Data Models of the Library of Congress and OCLC Common Ground: Exploring Compatibilities Between the Linked Data Models of the Library of Congress and OCLC A co-publication of the Library of Congress and OCLC Research by: Highlights: Work on the Library of Congress' BIBFRAME vocabulary has advanced nearly to the poin
他人のサイトのアクセス数が無料でわかってしまうサービス | ライフハッカー・ジャパン
「あのサイトのアクセス数はどのくらいだろう？」と思ったことはありませんか？ どの計測ツールを使ったかによって数値は変わってくるため、一概に比較はできません。しかし、サイト毎の影響力を調べたいというニーズはあるのではないでしょうか。 「SimilarWeb」は、ウェブサイトの訪問者数を調べられるサイトです。訪問者数だけではなく、「参照流入が多いのか検索流入が多いのか」「流入経路」「検索キーワード」までもわかってしまいます。しかも無料です。 使い方は簡単。中央の検索フォームに、調べたいサイトのURLを入れるだけ。今回は例として、Yahoo! JAPANのトップページを入れてみることにします。 トラフィック概要です。ウェブサイトのランキングなどが表示されていますね（世界50位！）。2月の訪問者数4億1200万、サイト滞在時間00:13:10など、2月のサイトのアクセス数なども表示されています。Y
フラットデザインで使われている色｜カラーコード付き
こんにちは、コプロシステムWebデザイングループの石川です。 当ブログの6/12付エントリー『UIデザインの2013年のトレンド「フラットデザイン」の事例・16個』で、 2011～2012年頃から「フラットデザイン」というデザイン手法が注目を集め始めていること Googleトレンドの指標を見ると2013年に入ってから急上昇をし始めていて、間違いなく今年のWebデザインのトレンドであること フラットデザインとは、特徴 事例サイトの紹介 などを書かせていただきました。 アクセス解析ツールでアクセス状況を見ていると、「レスポンシブWebデザイン」について書いているエントリーの次に、「フラットデザイン」について書いている上記エントリーにアクセスが集中している傾向にありましたので、今回のエントリーでは、そのフラットデザインなWebサイトたちでどんな色が使われているか、前回ご紹介した事例サイト（＋α）
背景色が白のときに前景色として使える色78色のまとめ
これまで2回のViewpointで、Webセーフカラーのコントラスト比と、さまざまな視覚特性における見やすさ、そして弱視である私の主観的な見やすさを紹介する記事を書きました。 Webセーフカラーとコントラスト比と色覚特性と(7月12日) Webセーフカラーとコントラスト比と色覚特性と(2)(8月11日) これらの記事を書いた後も調査を続け、216色のWebセーフカラーすべてをチェックしました。その結果、JIS X 8341-3:2010で規定している4.5:1以上のコントラスト比を持つ色の組み合わせは78通りあることがわかりました。今回のコラムではこの結果についてご紹介します。 話の発端を振り返ってみる 過去2回のコラムにも書きましたが、以前から「前景色と背景色のコントラスト比と実際の見やすさにはギャップがあるよな」と感覚的には感じていました。きっかけはFlash Playerのアップデー
年寄りを困らせる「レスポンシブWebデザイン」 | スタッフルーム | 日経BPコンサルティング
スマートフォン利用者に配慮して「レスポンシブWebデザイン」を採用するサイトが増えています。このデザインは1つのHTMLファイルで、パソコンとスマートフォン、それぞれに適したページを表示できるのが特長。特に若い人をターゲットにする大学サイトで注目を集めています。Googleも推奨する優れた手法ですが、デメリットもあります。話題になることが少ない、ユーザビリティ上の問題点について指摘しましょう。 「レスポンシブWebデザイン」（以下、レスポンシブ）とは、ブラウザーの画面サイズに応じてレイアウトを変更させるWebページの作り方。パソコンとスマホから同じURLにアクセスし、同じHTMLファイルを開くと、パソコンにはパソコンに適したデザイン、スマホにはスマホに適したデザインが表示されます（中には、タブレット向けデザインを用意しているサイトもあります）。 レスポンシブを採用するサイトは最近増えていま
日本図書館協会、日本十進分類法新訂10版を刊行
2015年1月26日、日本十進分類法 新訂10版が刊行されました。 新刊！ 日本十進分類法 新訂10版（日本図書館協会） http://www.jla.or.jp/committees/bunrui/tabid/187/Default.aspx 日本十進分類法 新訂10版（日本図書館協会） http://www.jla.or.jp/publications//tabid/87/pdid/p11-0000000413/Default.aspx 参考： E1005 – JLA分類委員会，NDC新訂10版試案説明会を開催＜報告＞ カレントアウェアネス-E No.163 2009.12.16 http://current.ndl.go.jp/e1005 【イベント】JLA分類委員会、「日本十進分類法新訂10版」第2回試案説明会を開催（11/12・東京） Posted 2013年9月10日 http
Release Material Design Icons · google/material-design-icons
Today, Google Design are open-sourcing 750 glyphs as part of the Material Design system icons pack. The system icons contain icons commonly used across different apps, such as icons used for media playback, communication, content editing, connectivity, and so on. They're equally useful when building for the web, Android or iOS. Read on for the release notes, view a live preview of the icons or dow
マテリアルデザイン化された750個のアイコンをGoogleが配布 | オクトバ
Android 5.0(Lollipop)よりマテリアルデザインが本格的に採用されました。Googleはこのマテリアルデザインに対応したアイコンパックを、クリエイティブ・コモンズ(CC BY-SA)で配布しています。 「action」「communication」「hardware」「maps」「navigation」など15のカテゴリ別に、計750個のアイコンが、PNG/SVG形式で配布されています。 ・Release Material Design Icons · google/material-design-icons · GitHub マテリアルデザインのガイドラインも公表していますので、ウェブサイトやアプリ等を制作・デザインしている方は参考にしてみてはいかがでしょうか。
Google の新しいデザインガイドライン「Material Design」 | DevelopersIO
Material Design Google I/O 2014 で新しいデザインガイドラインが発表されました。 Google Design その中で注目されるキーワードが「Material Design」です。これは直訳すると「素材のデザイン」という感じになりますが、これは現実世界の素材をメタファーとすることでユーザーにとってわかりやすくなるように考えられたデザインのようです。 ということで、Material Design について簡単にまとめつつ、どうやってデザインを始めていけばいいか考えていきたいと思います。 Google Design のガイドラインを個人的に解釈した内容を掲載しています。誤解などありましたらコメント欄にて連絡ください。喜んで修正します。 イントロダクション まずはじめに Material Design の概要です。本文をそのまま引用します。 We challenge
AWS News Blog
New – Amazon EC2 Hpc7a Instances Powered by 4th Gen AMD EPYC Processors Optimized for High Performance Computing In January 2022, we launched Amazon EC2 Hpc6a instances for customers to efficiently run their compute-bound high performance computing (HPC) workloads on AWS with up to 65 percent better price performance over comparable x86-based compute-optimized instances. As their jobs grow more co
2015年のデジタル業界展望② デザインやビジュアルの視点から、 インターネットが大きく変わる ～ピンタレスト・ジャパン 社長 定国直樹氏 | ウェブ電通報
目まぐるしく変貌を続けるデジタル業界。だがその中で、今こそが大きな転換点だとの指摘もある。2015年の年頭に当たり、これからの業界展望について業界のキーマンに語ってもらった。 （聞き手:電通デジタル・ビジネス局 計画推進部長 小野裕三） デジタル世界でのUIやデザイン、そしてビジュアルの力が強まる ──ここ最近のインターネットの状況を振り返って、どのようなことを思いますか。 定国：中長期的に変わっていくことと短期的に変わっていくことがあると思っています。中長期的には、スマホやパソコンなどの既存のデバイスだけでなく、ウエアラブルや白物家電などあらゆるデバイスがネットにつながっていくということです。だいぶ以前から「ユビキタス」等の近い概念でも提唱されていましたが、所謂IoTがいよいよ現実になりつつあります 。そこで重要となるのは、プロダクトの機能とデザインとをどのように組み合わせていくかです。
Facebook：「サービス停止は社内作業が原因」--ハッキング被害の噂を否定
Facebookは、社内のシステム変更作業が米国時間1月27日の約1時間にわたる障害を引き起こし、同社のソーシャルネットワークと、「Instagram」および「Tinder」を含む関連サービスをダウンさせたことを認めた。 全世界で13億人のユーザーがいるFacebookは、グリニッジ標準時の午前6時10分から7時10分にかけて約1時間、利用できなくなった。この問題の影響は、ログインにFacebookの認証情報を利用している他のウェブサイトやアプリにも波及した。Facebook傘下にあるモバイルを中心とした写真共有サイトのInstagramのほか、チャットアプリの「AIM」、スワイプ操作の出会い系アプリTinderなどに影響があった。 Facebookは、サービス停止が「構成システムに影響する変更の導入後に生じた」と述べている。 Facebookは、ハッキングされたという憶測に対し、「サード
ネットワーク障害の影響を10秒以内に特定する技術を開発--富士通研究所
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 富士通研究所は1月28日、クラウドのネットワークに障害が発生した時に、その障害によって影響を受けた仮想システムを、専門家でなくても10秒以内に特定できる技術を開発したと発表した。同社では今後、さまざまな環境での評価を実施し、2015年度中に富士通製品への搭載を目指すとしている。 今回開発された技術は、物理サーバ間の通信経路情報と通信が発生する仮想サーバの組み合わせ情報を自動的に生成し、各仮想サーバがいずれの物理サーバに収容されているかという関係に基づいて、仮想システムと物理ネットワーク通信経路の関係を自動的に解析することで、障害の影響を受けた仮想システムを数秒で特定するというもの。 仮想システムと物理インフラの対応付けの自動化
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Altmetricsの概要と機関リポジトリへの導入事例 | Introduction to altmetrics and implementing an altmetrics service into the Okayama University Science Achievement Repository
国立国会図書館東日本大震災アーカイブ（ひなぎく）に、 「地理院地図（電子国土Web）」から垂直写真を追加
お探しのページは見つかりませんでした | 福島民報
スマホ:動画や写真…アプリで見る阪神大震災 - 毎日新聞
ソニーの定額制音楽配信「Music Unlimited」終了。Spotifyと協力し、「PlayStation Music」に