モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI
モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI 川田寛（ピクシブ株式会社） こんにちは、ふろしきです！ 私はHTML5 Experts.jpで、過去2年ほどGoogle I/Oの情報を発信し、Web技術の変化についてお伝えしてきました。振り返るとGoogleは、2014年にモバイルWebの提唱と技術要素の拡大を図り、2015年からは「RAIL（モバイルWebが目指すべきパフォーマンス指標）」や「Progressive Web Apps（アプリのように振る舞うWeb）」といった、モバイルとの親和性が高いWebを作り出すための”考え方”を推し進めました。今年2016年は、さらにそれを踏み込んでいったという感じがします。 今回のI/Oで取り上げるのもそのひとつ。毎度お馴染みGoogle Developer A
わかりやすさの技術 - やしお
社内向けの教育資料を、ど素人でもわかるようにと思いながら作っていて、じゃあ「わかりやすい」って何だろうって考えてた。今まで読んできたいろんなわかりやすかった本とそうでない本を思い浮かべながら、一般的にここを注意すればわかりやすさを確保できるだろうっていうポイントを一旦まとめておこうと思った。そうしてまとめてみると、本に限らず人に何かを伝えること一般に適用される話だなと思った。 読む側の負担を減らす わからない＝理解をはばむ障害物がある。この障害物を取り除く／回避する作業が「わかる」ために必要になる。その作業を、作者ではなく読者が負担するとき「わかりにくい」本になる。 日本社会だと情報の受け手の側がこの「わかる」ための作業を負うことでコミュニケーションを成立させる傾向にある。空気を読むというようなことだ。そのため発信者側が事前に手を尽くしてわかりやすく発信するというのが苦手で、相手が汲み取っ
モーションデザインはUIの未来 | POSTD
最近、「モーションデザイン」という言葉がデザイン業界で急に出てきていることに気づいていますか？大小様々な企業が、これに特化した肩書きを持つデザイナーたちを雇いはじめています。最近ではGoogleが I/Oカンファレンス で、Googleの製品で統一化されているモーションランゲージの概要について話していました。 この騒ぎは何でしょうか？そして何の意味があるのでしょうか？ モーションはストーリーを語ります。 アプリにおける全ての物事は連鎖になっていて、モーションはあなたのガイドになります。ボタンをクリックして、画面が変わる度に、そこにはストーリーがついてきます。例えば、アイテムを作ったり削除する時、アニメーションがどのように役に立つかを見ていきましょう。 アイテムを消すことは劇的で破壊的な作業ですので、適切に反応するようにしましょう。アイテムをただ画面から消すだけということはしないようにしまし
世界初、大麻の成分が脳の神経回路を破綻させることを証明 大阪大学
大阪大学大学院医学系研究科・木村文隆准教授らの研究グループは、大脳皮質の神経回路形成に複数のメカニズムが関与することを解明した。同時に大麻の有効成分カンナビノイドに類似した物質が不要なシナプスを整理すること、大麻の摂取により本来必要なシナプスまで刈り込まれ、神経回路が破壊されることを世界で初めて発見。米国科学誌「Journal of Neuroscience」に発表した。 同研究グループは、大脳皮質の他の部位では、シナプス前後の細胞の発火順序によりシナプスの強度が決定される「STDP」と呼ばれるルールがあること、回路形成中のある段階でこのルールが突然変化することを発見していた。そのため今回、視床と大脳皮質のシナプスでも同じようにルールが変わる可能性に着目し、検討を行った。 その結果、視床―皮質の投射ができる際に、最初にシナプス前後の活動によりシナプスが強化され、広い範囲に投射が伸びてから、
CSSはやっぱり便利！最近のWebページでよく使うさまざまなコンポーネントを実装するスタイルシートのまとめ
ここ数年でCSSは加速度的に進化し、ひと昔前まではJavaScriptを使用しないと実装できなかったのが、CSSのみで実装できるようになりました。また、サポートすべきブラウザもIE8が除かれるようになり、今まで躊躇していたテクニックも数多く利用できます。 アコーディオンやカルーセル、モーダルボックス、ポップオーバー、フリップ コンテンツなど、JavaScript無しのCSSで実装するテクニックを紹介します。
より良いCSSを書くための様々なCSS設計まとめ
CSSは誰でも簡単に自由に書けるのですが、好きなように書いていると「ここを変更したら、違うところが崩れた」といったようにすぐに破綻してしまいます。 さらに、複数人で書いている場合は、各々が好きなように書いて読むだけでも苦痛なCSSが出来上がってしまいます。 そこで、これらの問題を解決するために考えられたのが「CSS設計」です。 今回は記事が長くなり過ぎるので、CSS設計の概要のみを説明し、参考となる公式ドキュメントへのリンクを記載しました。 CSS設計とは CSS設計は、CSSを記述する時のルールとなるものです。プロジェクト毎に適したCSS設計を採用することで、「良いCSS」にすることができます。 最近では、命名規則はBEMで、構成はSMACCSのように各CSS設計の概念を取り込んだオリジナルの規約をつくるといったことも多いようです。 「良いCSS」とは 「良いCSS」の定義として、おそら
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
プロブロガーについてどれだけ言及したところで、僕たちは彼らを何も知らないと実感した話 - 心の中に女子大生を飼え
はてな村の皆さんこんにちは、「ブルーアイズ高卒ドラゴンちゃん」です。 以前からはてぶやら何やらのサービスは使っていたのですが、 思ったよりも今回の一連の事件に対して言及があり、はてな界隈で議論して頂いて、思った事が多くあったので「ブルーアイズ高卒ドラゴン」ではなく僕「蒼眼龍介（クソださい名前）」個人として考えたことを書きたいと思います。 プロブロガー「私の1日を50円で売ります！ 依頼内容は何でもOK！」「今なんでもするって言ったよね？」 - Togetterまとめ インターネットの変容にイマイチついていけないオッサンである僕たち 僕は「インターネット生まれインターネット育ち、オタクのやつらは大体友達」を信条にダイヤルアップ音を子守唄に聞きながらネィティブインターネットモンスターとして、ゼロ年代にフラッシュ倉庫の光に導かれてインターネットに誕生しました。 中学時代に誰も読まないテキストサイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カルドセプトリボルト、なんというかもう物凄く面白いのでみんな買った方がいいです、というベタ褒め記事: 不倒城