Alexaのカスタムスキルを作成してみよう
今回は Alexa のカスタムスキルを作成してバイオリズムを読み上げてもらおうと思います。 Alexa においてスキルとは様々な命令（アラーム、音楽再生、ニュース読み上げ等）の事で、 独自にスキルを開発することが可能です。ユーザーが独自に開発したスキルをカスタムスキルと呼びます。 実機が無くても JavaScript の知識があればブラウザ上でとても簡単に開発からテストまでできます。 バイオリ
2019.9.26
Software Design 2019年10月号「“速い” Webアプリケーションの作り方［フロントエンド編］」に寄稿しました
本日発売のSoftware Design 2019年10月号に私の執筆した記事が掲載されました。 進化の激しいフロントエンドの分野で、パフォーマンスに焦点をあてた特集記事「“速い” Webアプリケーションの作り方［フロントエンド編］」の第2章を担当しています。 フロントエンドのきらびやかさからはあえて一歩離れ、DOM/CSSOMの構築やレンダリングブロックの観点から、ブラウザの動作の仕
2019.9.18
UnityでARアプリの作り方4/4 コンパスで3Dオブジェクトを操作
ARアプリの作り方、最後の記事です。 UnityでARアプリの作り方1/4 環境構築+androidビルドからカメラ表示 UnityでARアプリの作り方2/4 GPSの緯度経度から地図の表示 UnityでARアプリの作り方3/4 Google Direction APIの経路を地図に表示 UnityでARアプリの作り方4/4 コンパスで3Dオブジェクトを操作（本記事） 概要 本記事では「磁気セ
『★初心者限定★みんなで最初のLT大会！』を開催しました！
『★初心者限定★みんなで最初のLT大会！』を開催しました！ アウトプットの重要性を感じているエンジニアは多く、 それが社外とか面識のない人の前でプレゼンとなるとさらにハードルが高い。。。 なかなか最初一歩を踏み出せない人のためにと企画したこのイベントですが、 事前申込みの8名と飛び入り参加2名を加え、計10本のLTが発表されました。 中堅・ベテランエンジニアから研修期間終わりたての初々しい
UnityでARアプリの作り方3/4 Google Direction APIの経路を地図に表示
第3回ARアプリの作り方です。 UnityでARアプリの作り方1/4 環境構築+androidビルドからカメラ表示 UnityでARアプリの作り方2/4 GPSの緯度経度から地図の表示 UnityでARアプリの作り方3/4 Google Direction APIの経路を地図に表示（本記事） UnityでARアプリの作り方4/4 磁気センサーで進行方向オブジェクトを回転 概要 本記事では「目的
UnityでARアプリの作り方2/4 GPSの緯度経度から地図の表示
第2回ARアプリの作り方です。 前回までで環境構築とビルドが出来るように進めてもらったと思いますので、今回は実際にアプリの実装を進めていきます。 UnityでARアプリの作り方1/4 環境構築+androidビルドからカメラ表示 UnityでARアプリの作り方2/4 GPSの緯度経度から地図の表示（本記事） UnityでARアプリの作り方3/4 Google Direction APIの経路を地図
UnityでARアプリの作り方1/4 環境構築+androidビルドからカメラ表示
メインの業務で動かしている感のあるものをあまり触っていなかったため、気分を新たにUnityとGoogle APIを使って簡単なandroidのARアプリを作成した話をしたいと思います。 進めるにあたって、下記技術書を参考にしつつ作成していました。 UnityによるARゲーム開発 ―作りながら学ぶオーグメンテッドリアリティ入門 目的 Hololens2が気になっており、UnityがHolol
“速い”Webアプリケーションの作り方 -『Software Design』誌コラボ企画 - 開催のお知らせ
2019/9/26(木)に『Software Design』誌とのコラボ企画で、『"速い"Webアプリケーションの作り方』イベントを開催します。 技術評論社さんの定期刊行雑誌『Software Design』。会社や個人で購読している方も多いのではないでしょうか？ こちらの2019年10月号の特集 『"速い"Webアプリケーションの作り方（フロントエンド編）』 への弊社エンジニアの寄稿のご縁
『Psycology For Designers』の要点
デザインやUXを学んでいる過程で、Joe Leech著の「Psycology For Designers」という本のことを知る機会があったのですが、日本語訳が無かったので自分で使うための翻訳を試みてみました。ここではその要旨を紹介してみます。 ざっくりしたまとめ 心理学（やそれに類する学問）はUXやデザインに大きな効果を与える。正しく使おう デザイナーは心理学を学ぶことでユーザーにデザインが
Vue.jsプラグイン「v-ajax-form」を作りました
Vue.js流行ってますね。 弊社でもフロントエンドにVue.jsを使ったサービスが、いくつかリリースされています。 Vue.jsが必要になるWebサービスの要件では、 非同期通信処理を行うフォームを実装する場面が多々あると思います。 非同期通信処理をするためだけに、inputタグの一つ一つにVue.jsのインスタンスと同期する設定を施し、 さらに通信のためのコードを書くのは面倒だと感じていま
2019.8.29
2ステップで平面図を立体に！Illustratorで超簡単に立体的なイラストを作る方法
Webデザイナーですが、たまにイラストを描いたりします。 少し前にラクーンが運営する越境ECサイト「SD export」3周年を記念するインフォグラフィックを作成しました。 このイラストは「Isometric（アイソメトリック）」と言われる技法で、Illustratorを使って作成しています。 アイソメトリックとは交差した三軸が同じ角度で交わる立体的な俯瞰図のことです。 この中で使われて
2019.8.28
高価なRADIUSアプライアンス不要！コストをかけずに無線LANをActive DirectoryアカウントでWPA2エンタープライズ認証する
無線LANの認証方式として主流なものに、WPA2-PSK（WPA2 パーソナル）とWPA2 エンタープライズ（WPA2-EAP）があります。 WPA2-PSKは、事前共有鍵（PSK）のみを認証キーとして用いるため設定が簡単で手軽に導入できる一方で、PSKが漏洩してしまうと不正侵入されるおそれがあるなどセキュリティ上のリスクがあります。 WPA2 エンタープライズは、ユーザー単位あるいはデバイス