研究者が思わずゾッとした｢子どものスマホ使用時間と偏差値の関係｣小中学生7万人調査でわかった衝撃の事実 スマホの使いすぎが子どもたちの学力を破壊している
いまや小学校高学年の時点で7割近い子が自分のスマホを持ち、SNSやネット動画、ゲームなどに熱中している。仙台市の小中学生7万人を対象にスマホ使用と学力の関係を調べてきた東北大学加齢医学研究所の榊浩平さんは「スマホの使用時間とテストの偏差値をグラフ化したところ、スマホを1日3時間以上使用する子どもたちは、勉強を頑張り睡眠時間を確保していたとしても、成績が平均未満になるという衝撃の事実が判明した」という――。 ※本稿は、榊浩平（著）、川島隆太（監修）『スマホはどこまで脳を壊すか』（朝日新書）の一部を再編集したものです。 子どもの脳は急激に発達中なのでスマホの影響が顕著に 急速に進行するスマホ社会は、脳にどのような影響を与えているのでしょうか。私たち東北大学加齢医学研究所では、子どもたちを対象に脳の発達に対する影響を15年以上にわたって研究してきました。子どもを対象にする理由はいくつかありますが
カテゴリ / 日本農業新聞公式ウェブサイト
アクセスしようとしたファイルが見つかりません。 URLアドレスが間違っている可能性があります。 指定された記事が削除された可能性があります。
iPhoneでの料理撮影が苦手なライターがカメラマンに論理的に指導を受けた結果→憂鬱な撮影が楽しくなった - メシ通 | ホットペッパーグルメ
まずは、スマホで撮影した2つの写真を見比べていただきたい。 ▲上はプロが撮影したもの、下は私（素人）による写真である 撮影場所はそれぞれの自宅だが、料理自体はどちらも某大手コンビニチェーンで同時期に購入したハンバーグと冷凍食品の野菜。技術の差は一目瞭然だろう。 ▲こちらは寄りの写真。上がプロによるものだが、それに比べて私の写真はハンバーグのジューシーな魅力がまったく伝わってこない 小野田：すいません、髙橋さんってiPhone使っていましたっけ？ 発端は私からのこんなLINEメッセージだった。「髙橋さん」とは旧知のプロカメラマン・髙橋定敬さんのこと。 ▲髙橋定敬（たかはし・じょうけい）さん。フリーランスフォトグラファー 雑誌などのメディアや、広告でのポートレート撮影、ライブ撮影などを中心に活躍しており、ライター&編集業をこなす私とは仕事上でタッグを組むことが多い。 新型コロナウイルスの影響で
必要なのはHTMLだけ、一行加えるだけでスマホ対応のWebページができてしまう超軽量スタイルシート -MVP.css
用意するのはHTMLだけ、一行加えるだけでスマホ対応のクリーンなデザインのWebページができてしまう超軽量スタイルシートを紹介します。ダークモードにも対応しています。HTMLにclassを加えるなど、CSSの知識は必要ありません。 また、それをベースにして再利用可能なコンポーネント、CSSリセットの拡張版としても利用できます。 MVP.css MVP.css -GitHub MVP.cssの特徴 MVP.cssのデモ MVP.cssの使い方 MVP.cssの特徴 MVP.cssはHTMLのさまざまな要素にすぐに使えるスタイルのコレクションで、外部スタイルシートとして利用するだけで簡単にページを作成できます。クリーンなデザインで、再利用可能なコンポーネントとして利用できます。class名などをHTMLに加える必要もありません。 用意するのは、HTMLだけ MVP.cssはHTMLの各要素にス
[JS]スマホに最適化された優れもの！さまざまなチャートやグラフを実装できるCanvasベースのライブラリ -F2
チャートやグラフは、さまざまなスマホアプリで見かけます。 スマホのデバイスに対してデザイン、インタラクション、パフォーマンスに最適化されたチャートやグラフを実装するHTML5 Canvasベースのライブラリを紹介します。 Node.js、React Nativeなどに互換性もあり、50種類以上のチャートやグラフを簡単に利用できます。 スマホ向けのデザイン デザインはスマホに最適化されており、軽快なインタラクションでデータをより自然に表示します。 スマホに最適化されたパフォーマンス 軽量で、素晴らしいレンダリングのパフォーマンスを実現。 互換性 HTML5のCanvasベースで実装されており、Node.js、React Nativeで実行することもできます。 ライセンス MITライセンスで、個人でも商用でも無料で利用できます。 F2のデモ まずはスマホのアプリでよく見かける、美しいデザインと
![[JS]スマホに最適化された優れもの！さまざまなチャートやグラフを実装できるCanvasベースのライブラリ -F2](https://cdn-ak-scissors.b.st-hatena.com/image/square/38d845daa3306af6511040b4844ec0fb7250d64c/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018083111.png)
GoogleやAppleがあなたのスマホ使用時間を減らそうとしている理由とは？
Androidを提供するGoogleやiOS端末を販売するAppleは、「digital well-being(デジタル・ウェルビーイング)」を合言葉として、ユーザーのスマートフォンの使い過ぎを解消しようと取り組み始めています。なぜ、GoogleやAppleはユーザーがスマートフォンを使う時間を減らそうとしているのかについて、NirAndFar.comのニール・アイアル氏が考察しています。 The Real Reason Apple and Google Want You to Use Your Phone Less https://www.nirandfar.com/2018/06/google-apple-less-phone-use.html Googleは開発者イベントGoogle I/O 2018で、Android端末の利用時間をユーザーが視覚的に理解できるように「ダッシュボード
Web制作者が知っておきたい、ハンバーガーメニューに代わるスマホ向けのナビゲーションのまとめ
スマホのナビゲーションをどうするか、Web制作者の間で多くの議論が交わされてきました。スマホのスクリーンは小さく、掲載する情報量には限りがあるため、多くの情報を格納できるハンバーガーメニューが候補にあがるでしょう。 しかし分かりにくい、使いにくいといった問題点があります。ハンバーガーメニューに代わる、より分かりやすく使いやすいスマホ向けのナビゲーションを紹介します。
GoogleがPCサイトよりもスマホサイトを優先することでアフィリエイトサイトは何をする必要があるのか | アフィリエイト野郎！
既に色々なブログで書かれているので知っている方も多いと思いますが、Googleがモバイルファーストインデックスを採用することを発表しました。 これからはPCサイトの評価よりもスマホサイト（モバイルサイト）の評価が優先されて検索結果に反映されます。Google公式ブログでの発表はまだですが、今後数ヶ月で導入するとのことです。 モバイルファーストインデックスがいつ始まるのかという正確な情報はまだ出てきていません。 今まではPCサイトの評価を元にスマホの検索結果が表示されていましたが、これからはスマホサイトの評価を元に検索結果が表示されることになります。PCの検索結果もスマホサイトの評価が対象になるということですね。 今はPCよりもスマホ経由のアクセスの方が多くなっているので、この変更は当然ですよね。スマホサイトにこだわって作っていた人には朗報かもしれません。 このニュースが出てから、「これから
スマホサイト改善テク！タップで電話できるリンク設定とイベントトラッキングの基本を試す
スマホサイトからの問い合わせを増やしたい？ それなら、タップで電話がかかる仕組みを活かしましょう。リンクをポンで電話をかけられるのは、スマホサイトならではのアドバンテージです。 同時に、Googleアナリティクスでイベントトラッキングの設定も忘れずにしておきます。タップによる電話の発生を計測し、さらに問い合わせを増やすための改善のヒントを得られます。 両方とも、それほど手間はかかりません。ほぼコピペでOKなので、ぜひこの機会にお試しあれ！ 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サービスメニュー】 Follow @websae2012 目次 1. タップで電話がかかるリンク設定 2. Googleアナリティクスの
WordPress以外でも使える!スマホとタブレット・PCの振り分け方法まとめ
通常サイトのスマホやタブレットの振り分け方法 まずはWordPress以外のWebサイト制作でも使える、スマホやタブレットの判別方法についてです。今年はWebサービスを作りたいとも思っているので、その時のスマホ振り分けにも使えそうです。 PHPの関数で振り分ける方法 Googleで検索すると、山のように見つかる、PHPによるスマホとPC・タブレットの判別方法です。もっともシンプルな書き方を紹介しますので、スマホやタブレットの機種などは好みで追加変更してください。 [php] function userAgent() { $ua = $_SERVER[‘HTTP_USER_AGENT’]; if(preg_match(‘#\b(iP(hone|od);|Android.*Mobile )|Windows.*Phone|blackberry.*|PSP|3DS|Vita#’,$ua)){ $u
モバイルSEOに役立つGoogle純正ツール×5
[対象: 初〜中級] この記事では、モバイル向けサイトのユーザビリティやユーザーエクスペリエンスの向上に役立つ、Googleが提供する公式ツールを5つ紹介します。 Chrome PageSpeed Insights Mobile-Friendly Test Fetch as Google モバイルユーザビリティ レポート 順に説明します。 Chrome Google Chromeの「デベロッパー ツール」では、スマートフォン端末で見たときのそのページの表示をエミュレーションできます。 「デベロッパー ツール」は次の手順で起動します。 [Google Chromeの設定]（右上の3本バー） − [その他のツール] − [デベロッパー ツール] Ctrl + Shift + i (Windows) / Cmd + Opt + i (Mac) スマホを表すアイコンをクリックするとスマホでの表示モ
【CSS】iPhone で iframe の横幅がハミ出してしまう問題の解決法 | バシャログ。
こんにちはLatinです。みなさん夏休みの予定はもう決まりましたか？ LCC全盛という事で、沖縄などの国内のリゾート地にも随分と安い金額で行けるようになりましたよね。沖縄行きて～！ さて、今回はスマホサイト制作のTipsです。 スマホサイトの制作時、 Facebook や Twitter のウィジェットを埋め込む事も多いかと思います。 フレームの横幅が固定であれば事はそれほど重大ではないのですが、レスポンシブ対応や Landscape 時に横幅を引き延ばす必要がある場合、iPhone だと iframe の幅指定「width: 100% !important;」が効かず、「横幅がはみ出てしまう」という事態によく陥ります。この時の対処法をまとめていきます。 まずは最初のHTMLとCSS HTML <div class="box"> <h1>Twitter ウィジェット</h1> <div c
受託会社が生け贄に。焼き畑と化したスマホ業界 : 雲の上に音符あり。
雲の上に音符あり。 ライブハウスの店長と喧嘩してプロミュージシャンになれなかった音楽小僧が聖地御茶ノ水から音楽について語ってみます。広告をクリックすると西海岸のおっさんたちがちょっと喜びます。基本的に情報源はそのおっさんたちの検索で知り得たことなので、おいおいそれは違うよなんて情報はコメント欄でお寄せくださいね。 今まで先駆的にこの領域で受託をやっていた企業が、発注後の仕様変更や、納品しかかりの時の手戻りで赤字だという話をよく聞くようになった。 受託は奴隷だといわれる。しかし奴隷は衣食住が保証されていた。 マフィアの世界では「活かさず殺さず」、政府も「国民や国策企業は、活かさず殺さず」 が合い言葉らしい。しかし、どうやらこのスマホ受託業界では、言葉は悪いが、「殺しまくりの焼き畑」というが現状のようだ。 2011年末、iPhoneアプリの開発実績の豊富な開発会社の買収があいついだ。 「サムラ
たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） - Design Color
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
君はもう体験した？スマホとPCサイトが連動して遊べるサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
余寒お伺い申し上げます。ディレクターの鮫島です。 まだまだ寒いですね。いつまでも冬服が手放せないので冬服がボロボロになってきました。 さて、今回はスマートフォンとPCサイトがリアルタイム通信で連動しているWEBサイトをいくつかご紹介します。 主にキャンペーンやプロモーションサイトで使用される手法なのですが、どこもスマートフォンの特性を活かしていて、本当に面白いものばかり！！ まずはみなさん！是非これから紹介するサイトを体験してみてください！ ※PCとスマートフォン（もしくはタブレット）の両方がないと体験できないので注意です。 スマートフォンとPCサイトが連動して遊べるサイトを体験 DRIVE YOUR WORLD! フォルクスワーゲンさんの特設キャンペーンサイト。スマートフォンを車のハンドルにして、PCサイト上の車を操作しながら街を走る事ができます。 スマートフォンには「アクセル」「ブレー
スマホサイト構築に便利なドロワーメニュー・スワイプのjQueryプラグインまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのはるえです。 もうほとんどの案件でPC＋スマホ制作がセットになってきましたね。 LIGに入社したての1年前まではスマホの制作経験を聞かれてうつむき気味だった私も、おかげさまで今じゃスマホサイトを喜んで作るようになりました。 ありがとうございます！！ そこで今回は、スマホサイトで使われやすいドロワーメニューやスワイプ実装の際に必要となるプラグインをご紹介させていただきます。 【こちらもおすすめ】 ☞ 高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた Facebookでもおなじみのドロワーメニュー3選 今じゃ基本中の基本となっているドロワーメニュー。 Facebookなどで使われている、横からぬるっと出てぬるっと引っ込むあれです。動きが気持ちよくて、実装も簡単にできるものを中心にまとめてみました。 jQuery slimMenu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google、iPhoneを潰そうとしてるスマホ「Pixel 3」が完全にやばいよ…リアルタイム翻訳って何……
[JS]デスクトップでもスマホでも操作が軽快！画像の拡大表示をシンプルなコードで実装 -simplebox.js![[JS]デスクトップでもスマホでも操作が軽快！画像の拡大表示をシンプルなコードで実装 -simplebox.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/9650eece0f156d58c749a4875823912b7f1dcad1/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201503%2F2015111301.png)
スマホのみ利用が1.6倍、スマホのみ検索キーワードが7倍、ヤフーの調査にみる検索市場の将来 | Yahoo!マーケティングソリューション
ブックマークしておきたい、スマホUIをコレクションしている海外と日本のサイトのまとめ
