さまざまな分野で活用が進む、AI（人工知能）。UXデザインの分野でも、AIの活用が注目されています。UXデザインでの具体的な活用のシナリオ、利用方法を考えてみましょう。 2016年、マーク・ザッカーバーグは新年の抱負をいくつか掲げました。特に注目を集めたのは、家事を手伝ってくれる自分専用の「簡単なAIロボット」を作ることでした。 人工知能（AI）はどんなものなのか、現在、多くの人が関心を持っているUX問題をAIがどう解決するのか考えます。 AIは高度に発展したコンピューターシステムで、人間が手動でやる作業を知的に処理します。アップルのSiriやアマゾンのEchoのようなボットは、平凡でつまらない作業用にプログラムされているのに対して、グーグルのDeep Dreamをはじめとするボットは創造的で、ユーザーの問題解決を手助けし、同時にユーザー体験を改善します。 AIはさまざまなリアルタイムのシ

表示しているWEBページの更新日時をJavaScriptで取得できます。 ブックマークレットにしておくと、最終更新日チェックなどができるので、ページ管理や、他のサイトの更新タイミングの確認などで便利に使えます。 ソース # コンソール版 console.log(document.lastModified); # ブックマークレット版(alert表示) javascript:(function(){alert(document.lastModified)})(); 下記をページ内に埋め込むことで、自動で更新日を表示してくれるようになります。 <script type="text/javascript">document.writeln(document.lastModified);</script> 注意点 ただし、phpやCGIなどの動的ページの場合は、表示タイミングが更新時間になるため、

コンピュータに過去のデータを分析させ、未来のデータを予測させる機械学習。商品のレコメンドシステムや写真の顔検出など、身近なところに機械学習は広く活用されています。また、Microsoftの「Azure Machine Learning」、Amazonの「Amazon Machine Learning」、Googleの「Cloud Machine Learning」、といったクラウド機械学習サービスが公開されたことで、機械学習を専門としないエンジニアでも活用できるようになりました。 そこで今回は、「機械学習でどんなことができるか」をつかんでもらうために、機械学習にはどんな手法があるのかをざっくり把握できるスライドをまとめました。機械学習に興味をお持ちの方はぜひご参照ください。 機械学習の案件を提案してもらう

はじめまして！サイバーエージェントの子会社として設立しました株式会社トルテにてデザイナーを担当していますスワンこと白鳥(@shiratoriyurie)です。今回は、サイバーエージェントのメディア管轄において、新しい取り組みとして始まった読書を推進する「しらとり文庫」についてお話したいと思います。 さて技術者のみなさま、普段から読書をしていますか？ 普段はペーパーレス派の方も多い業界ではありますが、意外にも技術者は読書が好きな人が多いように思います。新しい情報はどこよりも早くネットで流れてくる世の中になりましたが、どれだけ時代が変わろうとふとしたとき私たちに気づきや教訓を与えてくれるのはやはり本です。 そんな私自身ももちろん読書が大好きなのですが、そのきっかけは大学時代にフロントやデザイン、マーケティングの齧りの本などで独学で勉強をし始めたことでした。当時、本を買って読めば世の中大抵のこと

GoogleアナリティクスではWebサイトやアプリをそれぞれ計測することが可能です。今回はWebサイトとアプリを同じプロパティで計測する方法とそのメリットに関してご紹介します。 Webサイトとアプリにおける計測実装の違い 同じプロパティで計測する方法 ビュー構成とビューフィルタについて 同じプロパティで計測するメリット Webサイトとアプリにおける計測実装の違い Webサイトの場合、Googleアナリティクスにて指定されたトラッキングコードをページ内容に応じて設置するか、Googleタグマネージャーのようなタグマネジメントツールのscriptを設置し、タグマネジメントツール内にて計測設定することで、計測実装できます。 アプリに関しては、Webビューで作成されたアプリであれば、Webサイト同様の計測実装要件となりますが、ネイティブビューで作成されたアプリに関しては計測用SDKをアプリ内に実装

暮らしがテーマのライフスタイルメディア＆モール「キナリノ」 立ち上げた渡部さんにインタビュー ――まずは、渡部さんのご経歴からおきかせください。 キナリノを立ち上げ、新サービス5つを統括する渡部智之さん 東京工業大学の大学院を出て新卒でNTT東日本に入り、4年半勤めたあとでカカクコムに入りました。2年ほど食べログにかかわったあと、一度退職し、起業したのですが全然うまくいかなくて。失敗したままでは終われないと、カカクコムの新規事業準備室に戻らせてもらってキナリノを立ち上げました。今はキナリノのほかに、スマイティ、イコット、レシぽん、求人ボックスの全5サービスを見ています。 ――キナリノ立ち上げのきっかけや経緯を教えてください。 キナリノは2014年6月にスタートしました。当時、雑誌全体の売上が落ちているなかで、『リンネル』や『& Premium』などの雑誌は伸びていました。こうしたテイストは

AMPページをGoogleアナリティクスで計測するベストプラクティス 本記事は2017年8月21日に公開されましたが、2017年11月現在の状況に即した内容に更新いたしました。 GoogleやTwitterが共同でAMPに注力したことで、ウェブサイト内にAMPページをもつサイトも増えつつあります。今回はAMPページにおける計測のベストプラクティスを紹介します。 Webサイト内の1つのコンテンツに対してAMPページのみの運用も可能ですが、基本的にはスマートフォンでの閲覧に最適化されたページがセットとなります。 そうなると運用工数的には別リソースとなりますので、それぞれのリソースに対してAMPページと非AMPページがユーザーにどのように扱われているのか、その成果を正確に計測できる環境を用意する必要があります。 計測する仕組みとして2017年10月6日にGoogleアナリティクス公式ブログで下記

ホームページのデザインを見やすいものにすることは、非常に重要なことです。 しかし、それ以上に多くの方にホームページを訪れてもらうことはさらに重要です。 つまり、それは閲覧するユーザーがいなければホームページの存在価値がゼロに等しいからです。 果たして、ホームページへの様々なサイトからの*流入を増やす(トラフィックを上げる)*には、どのようにすればいいのでしょうか。 従来はSEO(検索エンジン最適化)が主流でしたが、今では検索エンジンだけではなくSNSからの流入やダイレクト流入(URLを直接入力してサイトにたどり着く流入)など、様々なトラフィックチャネルが存在します。あらゆるチャネルからどのようにホームページへの導線を張って流入を増やすかは、Webマーケティング担当者の永遠の課題です。 そこで今回は、ホームページのトラフィックを上げるための21の方法論について紹介していきます。 コンテンツの

20181107追記 QUICプロトコルについての概要は別途記事を書きました asnokaze.hatenablog.com 概要 ACM SIGCOMM 2017という通信系の学会に、Googleの人 総勢21人によって書かれた「The QUIC Transport Protocol: Design and Internet-Scale Deployment」という論文が提出され、学会ホームページより閲覧出来る。 この論文は、QUICの設計仕様と実際にGoogleのサービスにデプロイした結果について書かれている。 すでにGoogler SearchやYoutubeでQUICは有効になっており、一日あたり数十億の接続を処理し、Googleのegress trafficのうち30%がQUICになっており、インターネットのトラフィックの内7%がQUICだと推定されるという説明から論文は始まる。

初期表示では非表示になっているナビ表示時やモーダル表示時の背景などで利用されるオーバーレイを表示する際のエフェクトサンプルを自分用にほしくて作ったのでシェアします。 すべてCSSを使って実装しているので、カラーや透過率などのデザイン的な部分はもちろん、表示されるスピードやタイミングについてもCSSで調整可能です。 また、全体的にシンプルで使いやすいもの中心なのでそのまま利用するだけでなく、いずれかをベースにさらに手を加えてユニークなエフェクトにしたりもできると思います。 紹介しているのは基本的にオーバーレイ要素として下記HTMLのようなdiv要素をひとつ用意し、それに対してCSSでエフェクトを付けたものになります。 複数の疑似要素を組み合わせているものは無理だと思いますが、簡易的なエフェクトによっては例えばbody要素の疑似要素をdiv要素の代用にした形に書き換えれば実装できると思います。

これ以上は長くなるため後述． ##Chromeは既に，Safariもようやく 上記の通り，Service WorkersがPWAでも最重要な機能の一つである．Chromeでは既に対応済み． しかしSafariが対応しておらず，世間的にはモチベーションの上がらない状況であった（やちまもその一人である）． Safariにおいて，Service Workersの実装状況 No active development が Under Consideration になったのは2015/12/041のことである． 20ヶ月という永遠とも呼べる時を経て，2017/08/032にようやく In Development となったわけであった． ##だから何なのか SafariにService Workersの実装がなされると，一気にウェブアプリへの移行が進む可能性が大きい． ブラウザの制約が弱まり，ウェブアプ

1. ソフトスキルが切実に求められる3つの背景とはビジネスは、「ヒト、モノ、カネ」の3要素から成り立っています。このうち、モノとカネを対象としたスキルを一般的に「ハードスキル」と呼んでいます。それに対して、ヒトに関するスキルが「ソフトスキル」です。 今、ソフトスキルが切実に求められる背景として、次の3つが挙げられます。 それぞれの事情について見ていきましょう。 1-1. 日本企業のエンゲージメント（モチベーション）の低さ仕事をするうえでモチベーションが決定的に重要であることは間違いないでしょう。このモチベーションに関連した考え方に「エンゲージメント」があります。エンゲージメントとは会社や仕事に対する思い入れ、愛情、積極的な感情を指します。日本ではまだ浸透していませんが、欧米では非常に重視されていて、多くのグローバル企業が定期的に従業員のエンゲージメントを調査しています。 一般に知られている

2016年1月20日 Webデザイン テキストを四角で囲ったシンプルな枠。もちろんWebだけでなく、印刷物でも多く使われていますよね。今回は、デザインをする上では欠かせないと言っても過言ではないこの囲み枠にフォーカスしてみようと思います。新米デザイナーさんや、デザイナーじゃないけど資料作成をする機会の多い営業さんの参考になれば幸いです！ ↑私が10年以上利用している会計ソフト！ 呼び方は「囲み枠」で正しいのか…謎ですが、テキストを囲んでいるボックスのことです。海外では「パネル」「テキストボックス」等と呼ばれています。 こんな時に使うと◎ 強調する時 「今なら20％オフ！」「期間限定！」等、注目して欲しい要素に利用されます。Webサイト上ではアラートメッセージでよくみかけますね。図はBootstrapのアラート要素。 要素の差別化 補足や注意書きなど、メインのコンテンツと区別して表示したい時

自身も7回の転職経験を持つmotoさんと転職をどう考え、 どう臨めばよいのかコンサルタントが対談しました

Google アナリティクスをつかってSEO対策はできるのか？ SEO対策は可能なのか。 初心者向の皆さま向けに「Google アナリティクスでSEOの分析ができるのか」その内容についてご紹介します。 チャネルレポートで流入シェアを調べる Google アナリティクスを使い、SEOの分析の重要なポイントは、まだあなたのこをと知らないユーザーに知ってもらい、サイトに訪問してもらうこと Google アナリティクスでは集客レポートにある「すべてのトラフィック>チャネル」レポートを見ます。 ここでみるポイントはサーチエンジン（Googleなど）のチャネルとなるOrganic Searchをみること流入のシェア(比率)です。 シェアをみる時円グラフに切り替えることがあります。 私の場合、全体にベンチマークをみるためこのままの表形式で、シェアとともに流入の質を判断します。 （質=直帰率、ページ/セッ

By darkday AI(人工知能)が大きな話題となっているコンピューターサイエンスの世界で、その技術を支えているのが「ディープラーニング」です。一方、コンピューターを使った「機械学習」という言葉を耳にすることも多いものですが、実はその違いがよくわからない人も多いはず。そんな両者の違いを、数学的計算ソフトウェア「MATLAB」の開発元であるMathWorksが簡単に解説しています。 Introduction to Deep Learning: Machine Learning vs Deep Learning - YouTube 機械学習もディープラーニングも、学習モデルを提供してデータを分類することに使われる技術です。その働きを解説するのによく用いられるのが、犬と猫の画像を分類するという例。この画像の場合、ほぼ全ての人が左が犬、右が猫と答えるはず。 しかし、別の画像を持ってきた時、それ

東京ベイ潮見プリンスホテル ”水辺の宿場町”をデザインコンセプトとするアートホテル「東京ベイ潮見... 詳細を見る

今回の記事は、司法書士試験のみならず資格試験や大学受験などの勉強全般、そしてビジネスにも使える内容です。 気が散ってしまって勉強に集中できない 勉強時間を見える化するメリット 勉強時間を記録し見える化するにおすすめのアプリ おすすめ1位：Now Then Free（無料） おすすめ2位：aTimeLogger - Time Tracker（無料） おすすめ3位：Toggle（無料） まとめ 気が散ってしまって勉強に集中できない 机に向かったはいいが、なかなか手が進まない。ついついパソコンやケータイに手が伸びてしまう。気づけばとうに日も暮れて、眠る時間。思ったノルマがこなせずに自己嫌悪で明くる日を迎えて悪循環。そうした経験、受験生なら誰もがあるのではないでしょうか。 Sponsored Link そんな悪循環を断ち切るに有意な策の一つが、勉強時間を記録し見える化することです。 タイムトラッキ

2017/07/28 @ Developers Summit 2017 Summer A-5セッション「組織と文化のリファクタリング」後編資料

機械学習の基礎はそれなりに習得し、次のステップとして論文を読んでみたい、実装にチャレンジしてみたい、という方も多いのではないかと思います。 ただ、機械学習の論文といってもどこから読んでいいのか、興味がある論文を見つけるにしても英語のAbstractを眺めて行くのはちょっとつらい・・・という方のために、ポータルサイトを作りました。 arXivTimes Indicator 以前、機械学習に関わる論文の要約を共有するGitHubリポジトリとBotを作成したのですが、そこでの投稿内容をまとめて見ることができます。 ジャンル別に参照可能な他、 Pocketをお使いであればPocketへの登録も可能です。 arXivTimesは、機械学習の研究動向に関する集合知を形成することを目的としています(日本語で参照可能な)。 そのため、今回のポータルの作成を機により多くの投稿をしてもらい、また要約の質を高め