タグ

ブックマーク / ascii.jp (17)

  • ブラウザーだけでWatsonが使える!人工知能アプリの作り方 (1/3)

    IoTと並んでにわかに注目を集めているのが、「人工知能」。中でも、IBMが提供する「Watson」は、ロボット、金融、ヘルスケアなど、さまざまな分野での活用がニュースになっています。 Bluemixを使ったIoTアプリの開発をWebアプリの開発方法から、デバイスの制御までを解説する連載の第2回では、Watsonをクラウド経由でAPIとして利用する「Watsonサービス」を使ってみましょう。 IoTで取得した環境の情報や個人のアクティビティを分析し、具体的なアクションに結びつける橋渡しをするには、自然言語処理や機械学習が必須ですが、BluemixではWatsonサービスをこうした目的で利用できます。 今回は、文章から筆者のパーソナリティ(性格)を分析できる「Personality Insights」を使った簡単な性格診断アプリを作ります。IoTデータを組み合わせることで、個人や個人に関連する

    ブラウザーだけでWatsonが使える!人工知能アプリの作り方 (1/3)
  • 世界初クモの糸で作る服登場、農業と産業に大きなインパクト (1/4)

    農業とテクノロジーが組み合わさる時代がようやくこようとしている。どこからくるのか、山形県鶴岡市からだ。 市内にある鶴岡アートフォーラムで「Agricultural Revolution 3.0(農業革命3.0) 展覧会」が開催された。ITを利用して新たな農業の取り組みをする「スマートアグリ」と先端バイオテクノロジーを導入した、「次世代農業」を体験するイベントだ。 3月27日には農家や建築家、美術館のキュレーターなど各分野の第一人者が集まり、次世代農業についてそれぞれの切り口から語るカンファレンスも開催された。 農業からエネルギー産業や製造業へと拡張する「農業革命3.0」 この農業革命3.0という大仰な言葉、なんとも聞きなれないがそれもそのはず。鶴岡市と、映像作家であるEUGENE KANGAWAさんの共同プロジェクトから生まれた概念だという。 公式サイトを見ると、農業革命3.0について、こ

    世界初クモの糸で作る服登場、農業と産業に大きなインパクト (1/4)
  • あとは作るだけ!さくらとインテルがIoT開発のすべてを揃える (1/3)

    3月28日、アスキー主催の「IoT&H/W BIZ DAY by ASCII STARTUP」において、さくらインターネットは4月から提供開始の「さくらのIoT Platform α」の概要を説明。未発表のインテルとの協業も発表し、データ収集からビジネス化まで目指すスキームを提供する。 4月のサービスインに間に合うのか? 「『さくらのIoT Platform α』開始直前報告会~ホントに開始できるのか? おもしろいモノは出てくるのか? 徹底検証!~」と題されたセッションでは、ABBALab代表取締役で、さくらインターネット フェローの小笠原治氏と、さくらインターネット プラットフォーム事業部 江草陽太氏、モデレーターのアスキー編集部 伊藤有が登壇した。 4月のサービスインを目前にして、まずは伊藤が「いやあー、開発どうですかね?」と進捗を聞くと、小笠原氏は「まあ、なんとかなりそうです」と答え

    あとは作るだけ!さくらとインテルがIoT開発のすべてを揃える (1/3)
    homihoo
    homihoo 2016/03/31
  • マネしたくなる海外企業の美しいHTMLメールまとめ (1/2)

    Gmailに代表されるWebメールの利用拡大や、スマートフォン、タブレットの普及など、メールの閲覧環境は大きく変わっています。従来はテキストメールが大半だった企業の「マーケティングメール」も、ここ数年で写真やイラストをふんだんに使ったHTMLメールへの移行が目立ってきました。 ここでは、海外の先進的な企業が発行しているマーケティングメールの事例を業種別に紹介します。デザインやコンテンツなど、HTMLメールへ移行するときの参考にどうぞ。 Really Good Emails、Campaign Monitor、Email-Galleryをもとに作成。

    マネしたくなる海外企業の美しいHTMLメールまとめ (1/2)
  • JavaScriptで振り分けてスマホサイト完成! (5/5)

    スマートフォンサイトへ移動する スマートフォン向けのサイトに自動的に移動するには次のように記述するだけです。 location.href = 'http://iphone.playgroup-kiba.com'; ただし、今回のスマートフォンサイトは地図や電話番号といったアクセス情報に絞ったシンプルなサイトなので、ニュースやブログなどのコンテンツはPCサイトでしか見られません。強制的にスマートフォンサイトに移動してしまうとPCサイトの情報を求めているユーザーに不便なので、スマートフォンサイトへ移動してよいか、事前に確認するようにしましょう。 次のようなプログラムを用意します。 if(confirm('プレイグループ木場へようこそ。�このサイトにはスマートフォン用のサイトがあります。�表示しますか?')) { location.href = 'http://iphone.playgroup-

    JavaScriptで振り分けてスマホサイト完成! (5/5)
  • レスポンシブ動画も実装できるモーダルMagnific Popup|こうめの“これから使える”jQueryプラグイン

    「Magnific Popup」は、可変ウィンドウに対応した高機能なモーダルを実装できるjQueryプラグインです。 画像をLight box風に表示するだけでなく、ギャラリーや動画のモーダル表示にも対応しており、さまざまなエフェクトも用意されています。 また、スマートフォンで厄介なモーダル上のformの動作も問題なく動作しますので(Android 2.3/4.0/4.1/4.2で検証)、レスポンシブWebデザインで役立ってくれそうですね。 step1 jQueryプラグインの読み込み jQuery体をjQueryの公式サイトから、Magnific Popupを配布ページからダウンロードしましょう。Magnific Popupはgithubで公開されており、ページ右下の「Download ZIP」というボタンからダウンロードします。 最低限必要なファイルはdistフォルダの「jquery

    レスポンシブ動画も実装できるモーダルMagnific Popup|こうめの“これから使える”jQueryプラグイン
    homihoo
    homihoo 2014/03/28
  • Edge Animateで作るHTML5リッチコンテンツ入門

    「スマホにも対応したいからFlashの代わりにHTML5でアニメーションを作って」と頼まれることありませんか? Flash感覚でタイムラインベースのアニメーションを作れる「Edge Animate」の基的な使い方から実践的なコンテンツ制作の方法までを解説します。

    Edge Animateで作るHTML5リッチコンテンツ入門
  • jQuery+CSSによるカルーセルパネルの作り方 (1/3)

    「カルーセルパネル」は、画像などのコンテンツを並べたパネルを左右にスライドさせて切り替えるUIです。Amazonの「この商品を買った人はこんな商品も買っています」で利用されているので、名前は知らなくてもご存じの方は多いでしょう。カルーセル(Carousel:回転木馬)は、メリーゴーラウンド(merry-go-round)のことで、パネルをスライドしていくと一周して元のスライドに戻ることから「カルーセルパネル」と呼ばれています。今回はjQueryでカルーセルパネルを作成する方法を解説します。 HTML/CSSでカルーセルのベースを作成する 今回作成するカルーセルパネルのHTML/XHTML(以下、HTML)は次のようになっています。カルーセル全体を囲むdiv要素を配置し、id属性に「carouselWrap」を設定します。div要素の内側にはパネルを左方向にスライドさせる「戻る」ボタン用のp

    jQuery+CSSによるカルーセルパネルの作り方 (1/3)
  • スマホ対応の新潮流「レスポンシブWebデザイン」とは? (1/3)

    スマートフォンの普及を背景に、「レスポンシブWebデザイン」(Responsive Web Design)という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか? 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい

    スマホ対応の新潮流「レスポンシブWebデザイン」とは? (1/3)
  • 絶対見ておきたい有名企業のスマホサイトまとめ (1/5)

    この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日のスマホサイトは2年間でこんなに変わった iPhoneAndroidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」(スマホサイト)を開設する企業が増えている。当初はiPhone(iOS)の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。

    絶対見ておきたい有名企業のスマホサイトまとめ (1/5)
  • HTML5/CSS3で作るスマートフォンサイトの基本 (1/5)

    スマートフォンサイトのサイト設計、画面設計に続き、今回はデザインとHTML/CSSの制作です。前回作成したワイヤーフレームをもとにデザインカンプを作成し、HTML/CSSをコーディングしていきます。 Photoshopでデザインカンプを作成する 最初に、グラフィックソフトを利用してデザインカンプを作成します。今回はPhotoshop CS5を使いましたが、FireworksやIllustratorなど使い慣れたツールで構いません。 デザインにあたっては、スマートフォンのブラウザーの画面領域を定義したテンプレートを用意してからデザインパーツを作成、配置していきます。画面領域はサイズを測ってガイドを引いてもよいですが、連載の第5回で紹介したデザインテンプレートを利用するのが手軽です。

    HTML5/CSS3で作るスマートフォンサイトの基本 (1/5)
  • 古籏一浩のJavaScriptラボ

    活躍の舞台をどんどん広げているJavaScript連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。

    古籏一浩のJavaScriptラボ
  • 新規開拓に効くB2Bサイトの作り方 (1/8)

    WebPro 評判を高めるネットショップのクレーム対応 ネットショップで小売に進出した鰻の「山口水産」。慣れないクレーム対応に追われるスタッフへWebディレクター江口明日香が出したアドバイスとは?

    新規開拓に効くB2Bサイトの作り方 (1/8)
  • 現場でプロが培ったGoogle Analyticsの使い方

    Google Analytics(グーグルアナリティクス)とは、米グーグルが提供する無償のWebアクセス解析ツールのこと。「現場でプロが培ったGoogle Analyticsの使い方」は、ASCII.jpの担当者が蓄積してきた「Google Analytics」によるアクセス解析のノウハウを具体的なケースをもとに、Google Analyticsの使い方を学び、指標の意味を深く読み取るための方法を紹介する。 <cj:inc template="792" element_id="498083" />

    現場でプロが培ったGoogle Analyticsの使い方
  • ピンクチラシに学ぶレスポンス広告のノウハウ (1/3)

    ピンクチラシを最近はまったく見なくなった。以前は毎日のように自宅のポストに投函されていたのに、規制が強化されてからは公衆電話ボックスにも貼られていない。しかし、先日、自宅のゴミ箱の裏でピンクチラシを「発掘」して気がついた。ピンクチラシには、レスポンス広告業界のモノを売るためのノウハウが詰まっている。 ピンクチラシに込められた「レスポンス広告」のノウハウとは? ピンクチラシは「レスポンス広告」の一種だ。レスポンス広告とは、マス広告のように商品の存在の認知や、商品やサービスの啓蒙を目的にするのではなく、来店や資料請求、購入など、具体的なレスポンス(応答)を期待するダイレクトマーケティングの手法である。DMはがきによるバーゲンの告知、通販カタログの無料送付など、チラシの形式に限らず、潜在顧客のココロに直接訴え、行動を起こさせるのがレスポンス広告だ。 レスポンス広告のノウハウは、ネットショップのト

    ピンクチラシに学ぶレスポンス広告のノウハウ (1/3)
  • 「レゴ」みたいな無料CMS、ドイツから上陸! (1/3)

    簡単にWebサイトを更新できるCMS(Content Management System)を、個人でも使いたい。でもサーバーの知識はないし、費用もできればかけたくない――。そんな“よくばり”な個人Webサイト運営者に朗報だ。ドイツ生まれの個人向けCMS「Jimdo」(ジンドゥー)が、3月25日に日上陸を果たした。 ワンステップでコンテンツを追加、編集はダブルクリックだけでOK 「Jimdo」は、ドイツのスタートアップ企業「ジンドゥー」が2007年に開発したCMSで、海外では現在のところ約50万ユーザーが利用している。国内ではKDDIウェブコミュニケーションズが日語にローカライズし、ASPサービスとして今回提供を始めた。バナー広告は表示されるものの、ディスク容量500MBまでの「Free」プランなら無料で利用可能だ(5GBまで利用可能な「Pro」は月額945円)。 その魅力は、「レゴブロ

    「レゴ」みたいな無料CMS、ドイツから上陸! (1/3)
  • ASCII.jp:大人が聞くべき「初音ミク」最強20曲

    天使でも美少女でもない、ただひたすら「音源」なのだ ニコニコ動画の音楽ジャンルを独占しつづける「初音ミク」。人気曲を収録したCDも次々リリースされ、オリコンチャートにランクインしても驚かなくなってきた。だが、オリコンチャートでもそうだが、ランキング上位のヒット曲だけを聴いていると「ポップなキャラクターソングしか存在しないのでは」という先入観を抱いてしまいがちだ。 そのとき「いい年した大人が聴くものじゃないでしょ?」とすまし顔で済ませてしまうのは簡単だが、それはそのつど流行のものを聞き流しているという残念な事実を証明しただけだ。実際にニコニコ動画の中を探してみれば、初音ミクを「美少女」や「歌姫」ではなく、1つの「音源」としてとらえ、面白い音楽を作っている作家が山ほどいる。 そこで今回はASCII.jp編集部が独断と偏見により、「いい大人」が聞くべきと思われる初音ミクサウンド20曲を選んできた

    ASCII.jp:大人が聞くべき「初音ミク」最強20曲
  • 1