前日のダイジェスト、読むべき業界ニュースを記者が選定し、解説を添えて毎朝お届けします（月曜〜金曜の平日配信、祝日・年末年始を除く）。 記事のアクセスランキングや週刊誌「WWDJAPAN Weekly」最新号も確認できます。
WWDJAPAN
前日のダイジェスト、読むべき業界ニュースを記者が選定し、解説を添えて毎朝お届けします（月曜〜金曜の平日配信、祝日・年末年始を除く）。 記事のアクセスランキングや週刊誌「WWDJAPAN Weekly」最新号も確認できます。
OZY Media Curated
OZY Media was an innovative news and entertainment company focused on profiling “the new and the next” in politics, business, foreign and national affairs, technology, arts and culture – until it was forced to shut down after a New York Times story written by a journalist who, at the time the article was published, maintained a financial interest in OZY competitor BuzzFeed. This version of OZY.com
Fusion
YOU'RE IN! Be on the lookout for great stories from Fusion, right to your inbox.
動く写真「シネマグラフ」を活用した国内外のサイトデザイン13選
シネマグラフは、GIFアニメーションの進化した形です。画像全体ではなく一部だけが動くので、動画より派手すぎず、静止画よりも注目を集めることができます。また、注目をさせたいものを決め、動かすものを調整することで、Webサイトの雰囲気を作ったり、商品の魅力を高めることができます。 この記事では、そのシネマグラフを効果的にWebサイトに利用している、海外・国内のサイトをご紹介します。不思議な雰囲気を出すシネマグラフを眺めながら、そのサイト独特の表現をじっくり楽しみましょう。 国内サイト 東巨女子 TOKYO GIGANTIC GIRLS 文化庁メディア芸術祭にも推薦作品として取り上げられている、CMディレクター・映画監督の松宏彰さんらによるアートプロジェクトのサイトです。東京の各所に巨大な女の子が登場するという設定で、メインは動画ですが、一部のコンテンツにシネマグラフが使われています。 写真内の
アプリの導入画面「ウォークスルー」のデザインで気をつけたい５つのこと
UX Movementの著者であり、編集長です。明確で効率的なデザインに美しさを見出し、ユーザーのために闘うことが好きです。 新作アプリにとって、ウォークスルーはいわば「取扱説明書」のようなものです。 ウォークスルーは、新しいユーザーがアプリを起動したときにまず表示される、アプリの機能についての簡単なガイダンスのようなものです。新しいユーザーが戸惑うことなくアプリを使うために活用されます。 アプリからウォークスルーを無くしてしまうと、ユーザーを混乱させてしまう可能性があります。逆にあったとしても、読みにくくわかりづらいものであれば結果は同じです。ユーザーはウォークスルーを面倒に感じ、読み飛ばしてしまうでしょう。 ウォークスルーは、ユーザーにアプリの使用方法を理解してもらうため、読んでもらえるようなものであるべきです。そのためには、明確なナビゲーションにし、読みやすいテキストにしましょう。ま
A/Bテストの基本原則まとめ
A/Bテストのやり方について、役に立ちそうな記事があったので自分用にメモ。 1. 会議は不要 2. 上司を信じるな 3. 抜本的な改革を忘れるな 4. 「なぜそうなるのか」を考えるな 結論：とにかく「データ」だけを信じろ 出典 web: WIRED ウェブご担当者さま、あなたの会社は大丈夫？：A／Bテスト 雑誌: WIRED VOL.5 GQ JAPAN.2012年10月号 A/Bテストの新ルール A/Bテストを行う際に気を付けるべき点について、以下の題と共に具体例が紹介されていました。 1. 会議は不要 2. 上司を信じるな 3. 抜本的な改革を忘れるな 4. 「なぜそうなるのか」を考えるな 結論：とにかく「データ」だけを信じろ 1. 会議は不要 かつてサイトのエディターたちは重要な見出しの文句をどれにするかで15分もテーブルを囲んでいたものだが、いまではただすべての見出し案をアップして
Accelerated Mobile Pages Foundations | Google Codelabs
1. Overview In this codelab, you'll learn how to build Accelerated Mobile Pages – or AMP for short. To achieve this you will implement a simple news article web page that conforms to the AMP specifications while incorporating several typical web features commonly used on mobile news sites. What you'll learn How AMP improves the user experience of the mobile web. The foundations of an AMP site. AMP
ClockMaker Labs - Interaction Design × Web Technology
Portfolio website of IKEDA Yasunobu a.k.a ClockMaker / Web Designer and Frontend Engineer from Tokyo, Japan.
Webサイトからプッシュ通知を送ろう！ JavaScriptでのプッシュ通知の実装方法 - ICS MEDIA
スマートフォンアプリではおなじみのプッシュ通知ですが、ウェブサイトからもプッシュ通知できることをご存知でしょうか？ JavaScriptのServiceWorkerとPush APIを使用することで、ウェブサイトからでもスマートフォンアプリと同様にユーザーにプッシュ通知を送ることができます。また、モバイルだけでなくデスクトップでも通知を行うことができるため、ユーザーエンゲージメントの向上の手法として有効です。 プッシュ通知のデモ プッシュ通知を行う簡単なサンプルを用意しました。Chrome 42以降のブラウザで確認してください（2018年3月現在のChrome 65で動作することを確認しています）。 「プッシュ通知の配信設定」のトグルを選択すると、「cURLコマンド」のボックスにコマンドが生成されます。このコマンドをMacをお使いの方はTerminal上から実行してください。Windows
モバイルページ読込を高速化するAMPを三ヶ月間運用してどうだったのか - ICS MEDIA
※AMPは画像を遅延読み込みする機能が存在するため、ファーストビューでの転送容量が少なくなる傾向があります。当サイトもHTTP/2やリバースプロキシーを利用するなどWordPressを極限まで早くするようチューニングしていますが、AMPページではそれよりも高速に表示されています。 筆者はモバイルブラウザでのページ読み込み高速化によって、アクセス数が伸びる、SEO的に有利になる、エンゲージメントが向上する、といったことに期待していました。 AMP対応の効果は今のところ局所的 結論からいうと、AMP対応して得られたメリットは局所的なものでした。一部の記事がバズったときに、アクセス数の向上を確認できたというものです。まずアクセス数の数値から、AMPの状況を見ていきましょう。次のグラフはAMP対応してから現在までのアクセス数の記録です。 ▲アクセス解析はAMPページのみに絞り込んで表示 上位1位の
ブラウザからBluetoothが使える！ JSでWeb Bluetooth APIを使ってBLE機器を操作する方法[Lチカ・温湿度センサー編] - ICS MEDIA
ブラウザ上で可愛いフィルターを実現！TensorFlow.jsを使ったリアルタイム顔認識 7月9日公開岩間 日菜♥ 18
![ブラウザからBluetoothが使える！ JSでWeb Bluetooth APIを使ってBLE機器を操作する方法[Lチカ・温湿度センサー編] - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d4be16a8cc16d13f108d2cd40431babfbd134d7/height=288;version=1;width=512/https%3A%2F%2Fics.media%2F_assets%2Ftop%2Ffacebook_opg_image.png)
Webデザインで「動き」を効果的に使っているサイト特集 | LIG LIBRARY | 株式会社LIG
株式会社LIG TEL : 03-6240-1253 111-0056 東京都台東区小島2-20-11 LIGビル 1F受付
20 Beautifully Designed Admin Dashboards for Inspiration – Speckyboy
Gone are the days when admin dashboard design was neglected and given less importance than the frontend of an application. In the past, they would function well, but their design was often outdated, resembling something from the late 1990s, with the only missing element being animated clipart. However, times have changed. The admin dashboards we see nowadays are beautiful, as this collection demon
グッドデザイン賞を獲得した7つのサイトから学ぶ、ウェブデザインの12のテクニック | LISKUL
photo by Robert S. Donovanウェブデザインを担当していると、星の数ほどある他のサイトたちに自社のサイトが埋もれてしまわないか、心配になりますよね。 そこで、ユーザーに評判のよいサイトを作るために、プロデザイナーたちから優秀だと認められたサイトデザインを参考にしてみるのはいかがでしょうか？ この記事では、2013～2011年の3年間にグッドデザイン賞に選ばれたウェブサイト7つから、自社サイトに活かしたい12個のデザインテクニックをまとめて紹介いたします。 受賞作品を参考に、ヒットするウェブサイトを作りましょう！ 参考：BtoB製造業のWebサイト参考事例9選と、ホームページ作成の3つのポイント グッドデザイン賞とは？ 1957年に創設された日本で唯一の総合的なデザイン賞で、毎年企業やデザイナーから40,000件以上の応募があり、よいデザインを示す賞として広く親しまれて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
README.ja.md#%E5%8F%AF%E8%83%BD%E3%81%AA%E3%82%89%E3%81%B0for%E5%B1%9E%E6%80%A7%E3%81%AF%E7%9C%81%E7%95%A5%E3%81%99%E3%82%8B
Amity
Uber Eats
Quartz
2016年9月に読んだWeb・デザイン関連の本
Sharkle.com - Free Online Video Sharing Community
