React×Material-UIでモダンなUIを実装する
Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供するライブラリでもあります。前回はReactコンポーネントの基本であるPropsとState、およびライフサイクルについて解説しました。本稿ではデザイン性をアップさせてくれるサードパーティー製のコンポーネントセット、Material-UIの使用方法について紹介します。Material-UIは、Googleのデザインガイドラインに則って開発されたコンポーネントのライブラリで、活用することで簡単に見栄えのいいアプリを作ることができます。 対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactに興味／関心があり、これから学び始める方 前提環境 macOS Sierra 10.12 Node.js v6.6.0／npm 3.10.3 Reac
全文検索OSSのElastic--AWSに加えMS、IBM、Googleなど主要クラウド上に実装へ
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Elasticは、ユーザーカンファレンス「Elastic{ON} Tour 」を日本で開催した。オープンソースの全文検索エンジン「Elasticsearch」で知られる同社だが、基調講演を務めた最高技術責任者（CTO）で創業者のShay Banon氏は、「Elasticsearchで注目されているが、われわれのゴールは検索に限らず、ユーザーライフを単純化していくことだ」と説明した。 このゴールを実現するために必要なソフトウェアを開発する複数の企業を買収しており、現在提供している「Elastic Stack」は、Elasticsearchをはじめ、3つの主要製品から構成された製品となっている。 バノン氏は同社のテクノロジを企業がどのように
「AIとロボットが実装される社会づくり」が始まった2016年
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 2016年は、 人工知能（AI）を実装したロボットやドローンや自動運転車に代表される、自律的に行動する「スマートマシン」がメインストリーム化されるという2021年に向けて、大きく動き始めた年であった。この１年間のスマートマシンに関する動向を総括する。 「スマートマシンは2021年までに、大企業の30%に採用されるようになり、メインストリームになる」――。この予測はGartnerが12月15日に発表したものだ。企業のスマートマシンの活用効果は、変革的で破壊的なものとなり、仕事の仕方や価値の創造を大きく変える可能性があるという。 Gartner Says Smart Machines Will Enter Mainstream Adopti
空想世界のUX--「ロボット工学3原則」実装の思考実験
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます これまでの回では、計算機や音楽プレーヤーなどの過去から現在までの発展・変化に伴うUXやUIの変遷、あるいは公共交通や地図などの現在のUI/UXを見てきた。 今回は、まだ見ぬような種類のものまで含むユーザー体験（User eXperience：UX）を考察してみたい。まだ見ぬ未来を描くものといえば、SF（Science Fiction）である。 「UXデザインにおいては、観察が重要」ということはこれまで繰り返し述べてきた。しかし、「これまでになかった」ものに関しては直接観察できない。それらを扱うためには（過去に観察を通じて積み上げた知識をベースにして）想像を巡らせ、自分で想像する世界を自分で「観察」することが必要になる。 SFはそうした考
LINE Bot開発の概要と実装の基本
本連載では、今後広がっていくであろうbotの開発手法を、LINE Botを例として解説していきます。開発はPHP、サーバーはHerokuのフリーアカウントを利用するので簡単に、そして無料で運用が可能です。第2回となる今回は、前回動かしてみた完成済みプロジェクトを自分で一から作りながら、LINE Botの全体像、プロジェクトに必要なもの、基本的な実装と動きを解説します。LINE Bot SDKのインストール方法から始め、Procfileを用いたサーバーの設定、最後にコードを書いて実際にデプロイするところまでを行います。 LINE Bot Awardsエントリー受付中！（2017年2月22日まで） グランプリ賞金1000万円のLINE Bot Awards、エントリー絶賛受付中です。他にも賞金50万円の9部門、そして学生賞は賞金100万円となっています。革新的なBotを開発して入賞を狙いましょ
位置情報を使った「すれ違い」機能の実装 [server] | CyberAgent Developers Blog
CROSS MEというアプリのサーバーサイドを担当している川田です。 iOSの記事の続編的立ち位置で書かせていただきます。 サービス概要 CROSS MEは、すれ違いを恋のきっかけにしてもらうためのカップリングサービスです。 このアプリでは、すれ違いがサービスのキモなので、極力ユーザーにストレスのないすれ違い体験をしていただけるように設計しています。 本記事では、CROSS MEのメイン機能のすれ違い機能の概要を紹介させていただきます。 CROSS MEにおける「すれ違い」の定義 まずはCROSS MEにおける「すれ違い」の定義を説明します。 CROSS MEではすれ違い機能を実現するためにGPSを採用しています。 一般的にすれ違いと聞くと、2ユーザー間の、時間軸に連続的な位置の情報を使って、一定距離の幅を持たせたときにぶつかった場所をすれ違ったポイントとすることを想像します。 一般的にす
![位置情報を使った「すれ違い」機能の実装 [server] | CyberAgent Developers Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/67742e44c3315ec6ca8d0fb681bf8306043e1e2a/height=288;version=1;width=512/https%3A%2F%2Fdevelopers.cyberagent.co.jp%2Fblog%2Fwp-content%2Fuploads%2F2016%2F11%2Fcloudcraft-crosspath-gps-1.png)
「eBay」が商品リストの自動翻訳を実装、「機械学習」の働きとは
関連キーワード 業務改善 | 顧客満足 | データ分析 | データマイニング | ディープラーニング | IT戦略 | 機械学習 オンラインオークションサイト「eBay」のWebページ《クリックで拡大》 eBayのオンラインオークションサイト「eBay」の売り上げは、昔から海外での売買が半分以上を占める。だがこのサイトには1つ問題があった。ユーザーは、自身がサイトで選択している言語で出品された商品リストしか表示されないのだ。 言語設定を変えれば、新たな言語でeBayサイトを閲覧できる。ただし、表示されるのは設定した1つの言語に限定される。別の言語で出品されている商品やグッズはほぼ見ることができない。さまざまな出品者が多種多様な言語で出品している。つまり各ユーザーは、特定の製品に関する全リストの一部しか見えないことになる。中には利用の少ないもあり、その言語を使って閲覧するユーザーは、商品がほ
TwitterがQRコードを実装！印刷自在でより手軽にフォローできる機能を公開。ついにID手打ちから卒業
TwitterがQRコードを実装！印刷自在でより手軽にフォローできる機能を公開。ついにID手打ちから卒業 Twitter,Inc.は、公式アプリにて「自身のQRコードを表示する機能」「QRコードをスキャンする機能」を実装。より気軽に、より簡単なステップでアカウントをフォローできるアップデートを公開した。 「お店やお友達を簡単にフォローするために」と銘打たれて発表された公式アナウンスでは、実装されたQRコードの利用方法について記載されている。アナウンスでは同時に、この機能が「日本からの提案」でグローバルに実装されたことについても言及。公開直後からトレンドに浮上し、「夜間モード」や精度を増した「ミュート機能」などに続き、タイムライン上では既に盛り上がりを見せている。 ボタンタップで色を変えられるQRコードは保存も可能。印刷など自在に扱うことができるため、販促グッズや名刺へのプリントなど幅広く活
TechCrunch | Startup and Technology News
William A. Anders, the astronaut behind perhaps the single most iconic photo of our planet, has died at the age of 90. On Friday morning, Anders was piloting a small…
Pokemon GOに「相棒ポケモン」実装へ
米NianticのPokemon GO開発チームはこのほど、スマートフォンゲーム「Pokemon GO」に、お気に入りのポケモンを「相棒」として連れて歩ける「相棒ポケモン」機能を近く実装すると発表した。 手持ちのポケモンから、お気に入りのポケモンを「相棒」として選べ、一緒に歩くとボーナスとして「アメ」を手に入れられる。地図画面とトレーナーのプロフィール画面では、アバターの横に相棒が表示される。相棒はいつでも変更できるという。 同社は「この秋にはもっとたくさんの機能をお届けする予定」という。 Nianticは以前から、ポケモンを交換できる機能などの追加を予告している。 関連記事 Pokemon GO「近くにいるポケモン」探す新機能をテスト中？ 米ユーザーが報告 「Pokemon GO」の一部ユーザー向けに、近くにいるポケモンを探す機能が試験的に追加されたと米TechCrunchが伝えている。
Twitter、通知をフォローしている人のみに設定可能に--「クオリティフィルター」実装
Twitterは8月18日、表示されるツイートのクオリティをコントロールする「クオリティフィルター機能」を搭載した。順次、利用可能になるという。 この機能は、Twitterで表示されるツイートをコントロールするもので、アカウントの言動や行動を含めたさまざまな要因をベースにフィルターが機能する。例えば、同じアカウントからの重複ツイートや、自動生成されたツイート、ボットによるリツイートなど、低品質なツイート通知を排除することができる。 ただし、ユーザーがフォローしているアカウントや、ユーザー自身が返信ツイートを送っているアカウントからのコンテンツについては、フィルタリングの対象外となる。また、クオリティフィルターをオンにした状態で、ユーザーがフォローしているアカウントに限定して通知を受け取れる機能「通知を受け取る相手を選択」も追加している。
フィードフォース「Feedmatic」、プロスペクティング配信機能を実装へ
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
グーグル、「google.com」にHSTSを実装--HTTPS強制で攻撃を阻止
Googleが「google.com」ドメインに「HTTP Strict Transport Security」(HSTS)を実装した。ユーザーがインセキュアなHTTPを使用して自社サイトにアクセスするのを防ぐためだ。 HSTSは、サイト運営者がブラウザに対して、セキュアなHTTPS接続を使用した場合にのみサイトへのアクセスを可能にすることで、SSLストリップ攻撃や中間者攻撃を阻止するものだ。「Chrome」や「Safari」、「Internet Explorer」、「Microsoft Edge」などの主要ブラウザは軒並みHSTSをサポートしている。 「HSTSは、インセキュアなHTTPのURLをセキュアなHTTPSのURLに自動的に変換することで、ユーザーがうっかりHTTPのURLにアクセスするのを防止する。ユーザーはプロトコルなし、またはHTTPのURLをアドレスバーに手動で入力した
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Rails 5でログインフォームを実装する
Rails 5で実用的なユーザー登録機能を実装
TechCrunch
TechCrunch | Startup and Technology News
Elasticsearchを用いた日本語検索システムの実装
長文日記
長文日記
