BLOG PAGE2

CSS Grid ~基礎編~

はじめに この記事では、CSS Gridの解説と基本的な使い方について説明していきたいと思います。 CSS Gridとは? 格子状のエリアを定義し、そこにhtml要素を自由に配置できるレイアウト方法です。 Gridレイアウトは、 「コンテナ」と「アイテム」という二つの要素によって構成されています。アイテムは大きさや順番を自由に指定することができます。水平線と垂直線の配置する間隔を指

#css 2019.11.08
VIEW

マイクロソフトBotFramework Web ChatとDialogFlowを連携してチャット画面を作る

はじめに 今回は、Webベースのチャットボットを展開するため、Microsoft Bot Framework Web ChatとGoogle DialogFlowを接続していきます。 DialogFlowでは、ほとんどコーディングなしで、LINEやFacebookメッセンジャーやSlack、Twitterなどと連携したチャットボットを作成することができます。 Google DialogF

#BotFrameWork#chatbot#dialogflow 2019.09.02
VIEW

DialogFlowでチャットボットを作る – LINE連携 –

はじめに 今回は、DialogFlowとLINEとの連携をしてみます。実際にLINEと連携してアプリケーションを動かして見ます。DialogFlowの使い方に関しては、前回の投稿した「DialogFlowでチャットボットを作る -基礎編-」をご覧ください。 作業の流れ DialogFlowとLINEを連携させるためには、以下の手順を行う必要があります。 LINEデベロッパーア

#LINE#chatbot#dialogflow 2019.08.22
VIEW

DialogFlowでチャットボットを作る -基礎編-

はじめに この記事では、DialogFlowの基本的な使い方の説明とチャットボットを設計する上で必要となる工程などを紹介しながら、チャットボットを作っていきたいと思います。 DialogFlowとは? DialogFlowは、音声認識・音声合成・自然言語処理・感情解析を使った対話アプリやチャットボットを構築できるサービスです。 Google AssistantやFacebook

#chatbot#dialogflow 2019.08.19
VIEW

UE4でPixel Streamingを試す。

はじめに 今回は、Unreal EngineのPixel StreamingをPC, Mac, iOS, Androidのプラットフォームで試してみます。 Pixel Streamingとは? Pixel Streamingは、端的にいうとウェブブラウザからゲームプレイができてしまう技術です。 まさに、ゲームをストリーミングできてしまう機能です。 低スペックの端末からでも、高機能なG

2019.07.16
VIEW

Intel RealSense Depth Camera D435とNuitrackを使って骨格情報検出してみる。

はじめに NuiTrackの環境設定とサンプルコードを動かしていきます。 前回の記事(RealSenseの環境構築)と同様にopenFrameworks(C++)から動かせるようにしていきます。 NuiTrackを使うためには、深度センサーを持ったカメラが必要になりますので、今回はIntel RealSenseを使っていきます。 Nuitrackとは? Nuitrackは骨格情報(F

#nuitrack#realsense 2019.07.16
VIEW

Intel RealSense Depth Camera D435を動かす

Intel RealSense Depth Camera D435を動かす 今回は、深度カメラのIntel RealSense Depth Camera D435をopenFrameworks(c++)から動かして行きたいと思います。   RealSenseとは? まず、Intel RealSense Depth Camera D400シリーズについて簡単に説明していきます。 こ

#c++#depth camera#openFrameworks#real sense 2019.06.27
VIEW

LIFFアプリを作る

LIFFとは 正式名称は「LINE Front-end Framework」で、LINEが開発者向けに提供しているMessaging APIの新機能として、2018年6月に発表されたSDKです。 Webサイトとしてhtml javascriptで作ったアプリをLINEトークルーム内で動作させることができ、ユーザーのLINEアカウントのIDなどの情報も取得することが可能なため、認証を用いた様

#javascript#LIFF#LINE#Messaging API 2019.06.13
VIEW

AR.jsでWebAR

はじめに ある案件で「Web上でARを実現して、表示されるキャラクターと記念撮影ができるようなコンテンツ」を提案する機会があったので、デモアプリケーションを作成しながら、コンテンツに必要な技術要件の検証を行いました。 この記事では、デモアプリケーションの作成過程でわかったWebARの実装方法や技術的な課題についてまとめたいと思います。 デモアプリの要件 使用したライブラリ、ツー

#AR#AR.js#javascript 2019.02.08
VIEW

Audio Workletを使用した音声処理

Audio Workletを使用した音声処理 今回はWeb Audio APIの中の仕様Audio Workletを使用して音声処理を行いたいと思います。 Audio Workletとは Audio WorkletはWeb Audio APIの仕様の一つで、メインスレッドとは異なるスレッドを使用してJavaSctiptでオーディオの直接生成や音声処理を行うことができるインターフェ

#Audio Worklet#javascript#Web Audio API#Worklet 2018.12.04
VIEW