サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
都知事選
utage.headwaters.co.jp
Google Homeでビールを注文できたら飲食店の接客が少し楽になると思ったので、 Google Homeに「ビールを注文したい」と言ったら注文できるActionを作ってみました。 ActionとはAlexaのSkillのようなもので、わかりやすい比較表がありました。 https://qiita.com/hayao_k/items/d1f258533ae0d5719f7f 今回はオーダーをLineに通知する、Chatworkに通知するという 2つの方法で試します。 Lineに通知する(所要時間:15分) Lineに通知するのは、IFTTTの設定だけでActionは作らずにできました。 まずは、IFTTTにGoogle Homeで利用しているアカウントでSign inします。 MyAppletの新規作成ボタンを押し、thisにはgoogle assistantを選択します。 4つ出てきます
はじめに 巷で話題のFirebaseをただただ使ってみたいという記事です。 機能盛りだくさんのFirebaseですが、今回は認証機能を使ってみたいと思います。 Firebase Authentication Firebase Authentication には、バックエンド サービス、使いやすい SDK、アプリでのユーザー認証に使用できる UI ライブラリが用意されています。Firebase Authentication では、パスワードや一般的なフェデレーション ID プロバイダ(Google、Facebook、Twitter)などを使用した認証を行うことができます。(公式サイトより) Firebaseの設定 まずはじめにFirebaseのコンソールにアクセスし、「新規プロジェクトを作成」ボタンをクリックしてプロジェクトを作成します。 プロジェクト名と国/地域を入力し、「プロジェクトを作
こんにちわ。伊藤です!! 「Monacaアプリを作ってみよう!」 シリーズとして、 今回は自動会話機能のAIエンジンを利用したリアルタイムチャットアプリを作ってみました。 今回やること 今回は、会社紹介用のアプリにチャット機能を搭載することを目的にします。 Monacaアプリなので、もちろんHTML5でAndroidとiPhoneアプリ両方対応できるようにします。 会社紹介アプリにFacebookメッセンジャーのようなチャット窓口を設置する。 リアルタイムでメッセージのやりとりができること。 人工知能を使って自動でメッセージの返信ができること。 HTML5を使ってワンソースで、AndroidとiPhoneアプリが構築できること。 利用するサービス(API/フレームワーク) 構築に時間をかけずに実現したいので、素敵な外部サービスを利用します!! ① Milkcocoa | リアルタイムアプリ
こんにちは、中村です。 前回に引き続き、MonacaでVRアプリを作ってみたいと思います。 ※前回の記事:コーディングわずか3行!? A-FRAME × MonacaでVRアプリ作ってみた 今流行りの、PokemonGO風のVRアプリを作ってみたいと思います。 今回はボールを投げるアニメーション部分の実装をします。 まずは、背景を実装します。 前回の記事で撮影した公園の360°写真を使用します。 <a-scene> <a-sky src="image/sky.jpg"></a-sky> <a-scene> 次にモンスターを配置します。 お好きな画像を用意してa-skyタグの下に下記を追加して下さい。 <a-image src="image/ant.png" position="0 2 -5" height="5" width="5"></a-image> 次に、モンスターボールを配置します
http://www.photo-ac.com/ 「複数人のスケジュールをExcelで管理したい!」 「でも、パソコンにオフィスが入っていない」そんなあなたに! Google の無料サービス「Googleスプレットシート」を使って 簡単にスケジュール管理ができて、オリジナリティのあるガントチャートを作成しよう! 簡単3ステップ! 1、自分好みのガントチャートの枠を作成 2、色をつけたい部分に条件付書式を設定 3、実際に日付を記入 ■ステップ1 下の図のようなガントチャートの枠組みを作ります。 ここはお好みで変えてください。 ガントチャート作成時の注意点 日付が表示されている場所は、「年/月/日」の書式で記入しましょう。 しかし、このままだと記入が大変になり、表示も長くなってしまい見にくいと思います。 そこで、簡単に記入ができて、さらに見やすくなるように設定していきます。 ■カレンダー日付部
「人工知能を使ってビジネスをよりスマートに展開したい・・・」 とお思いの方は、 多いのではないでしょうか!? 弊社でも、そのようなご相談の機会を多く頂いておりますが、 ・人工知能を使ってみたいが、どのように活用できるかイメージできない。 ・人工知能のアプリ開発のコストや技術に不安がある。 といった、お声を聞くことがあります。 今回は、そんなご意見にお応えする為に、 5月の「スマートフォン&モバイルEXPO」で大好評頂いた、 顔認識型Monacaアプリ「SynApps Tablet」をご紹介致します! 人工知能のMonacaアプリ活用例として、 みなさまの現在運用しているアプリや、 開発中のアプリへのご参考になればと思います♪ 5月11日〜13日に開催されたスマートフォン&モバイルEXPO アシアル株式会社様 Monaca出展ブースミニセミナーに、弊社SynAppsTabletエバンジェリス
ボタンを押すとAndroid君とポップアップ「画像が表示されました」が表示される。 処理の内容はこんな感じ↓↓ ①ボタンが押される ②画像が表示される ③画像が表示されたことを通知 ④ポップアップ「画像が表示されました」が表示される このサンプルでは4つのJavaファイルを作成します!では順番に作っていきましょう。 これが肝です!イベントリスナーを独自で作成しています。 画像が表示されている事を表す、imageWasDisplayedメソッドを提供します。 package com.example.eventlistenersample; import java.util.EventListener; public interface SampleListener extends EventListener { // 画像が表示された事をActivityに通知す public void im
こんにちは、中村です。 今回は、A-FRAMEとMonacaを使って、VRアプリを作ってみたいと思います。 VR体験記事はハコスコ VR(バーチャルリアリティ)で行く世界旅行の旅 3選!を御覧ください。 Monacaとはアシアル株式会社が提供している、スマートフォンアプリの開発環境です。 https://ja.monaca.io/ おしながき Monacaで下準備 360°画像を表示してみよう 1. Monacaで下準備 まずは、Monacaでの開発環境を整えていきたいと思います。 https://ja.monaca.io/にアクセスして、ログインしましょう。 次に、プロジェクトを作っていきます。 新規プロジェクトを選択して、 テンプレートは”最小限のテンプレート”を選択します。 適当に名前をつけて、 できました! 次に、スマホに持ち替えて、Monaca Debuggerをインストールしま
今年は、VR元年と言われていますが、 世界中を旅行出来たなら楽しいなーということで、VRでの世界旅行を実際に体験してみました。 “手軽で楽しい360°VR体験のハコスコ” のストアにアップされているVR動画で、 世界旅行を体験してみて、特に良かったなーという3つをピックアップしました! 「ハコスコストア」 https://store.hacosco.com/ 360°動画のオンライン共有&配信サービス「ハコスコストア」では、360°動画を共有したり、ブラウザやハコスコアプリで楽しむことができます。 ハコスコストアのすべての動画を、スマホのフルスクリーンで。加速度センサーが、向いている方向を自動で360°トラッキングし、あたかもそこにいるかのような体験を楽しむことができます。 今回、スマホのVRビューワーは、”ハコスコDX(デラックス)”を使いました。 ヘッドマウントディスプレイとして、頭に
弊社 Keiji Hashimoto が始めた、 「みんなで自分の勉強したいことをひたすらモクモク勉強する」もくもく会。 先日、Docker について勉強したので早速ワークショップという形で、社内でアウトプットしてみました。 30〜40分程度の時間で、Dockerについての入門程度の理解ができると思います。 是非、まだ触ったことの無い方はコチラの記事を参考に頂ければと! 【PR】Next 「Mokumoku MeetUp」 みんなで、自分の勉強したいことをひたすらモクモク勉強しましょう! Date: 3月6日(日)13:00 - 18:30 At: 弊社会議室 Contact: HWS Keiji Hashimoto ご興味のある方は、お問い合わせよりご連絡ください。 目次 0. 参加の事前に Docker Toolbox を PCにインストールください。(所用時間:5-10分) 1. D
新人iPhoneディペロッパーをにとってゲーム開発は、一つの大きな壁なのではないでしょうか。 「ツール系のアプリは作れるようになったけど、ゲームはちょっとハードル高いなー」って方に朗報です。 XcodeにはSpriteKitっていうゲームを作成するためのフレームワークがあるのです! これで新人でも簡単にゲ新人iPhoneディペロッパーをにとってゲーム開発は、一つの大きな壁なのではないでしょうか。 「ツール系のアプリは作れるようになったけど、ゲームはちょっとハードル高いなー」って方に朗報です。 XcodeにはSpriteKitっていうゲームを作成するためのフレームワークがあるのです! これで新人でも簡単にゲームアプリが作れちゃいます。 SpriteKitで作るiPhoneゲーム入門 1.プロジェクトを立ち上げてみよう 2.パーティクルで見栄えをよくしよう 3.ゲームを作ろう 3.1
こんにちわ。青柳です。 今回は、WAOの連載はお休みして、JMeterに関する記事を書きます!WAOの記事は、次回以降で執筆しますので、お楽しみに!! さて、皆さんは、WebAPIをテストする時、どんなツールを利用されますか? 私は、chrome拡張機能のAdvanced REST clientをよく利用します。 Advanced REST clientは、開発中の動作確認にはとても便利なのですが、複数のパラメータを組み合わせるパターンの試験を連続で行いたい場合に不便を感じていました。Advanced REST clientでは、テストの度にパラメータを手動で変更する必要があったからです。 そんな時、私が利用したのがJMeterです!! JMeterは、パフォーマンス計測用のアプリケーションとして有名なツールのひとつです。 JMeterについて書かれたサイトはたくさんあるので、インストール
「Objective-Cわからない」「Javaわからない」 でも 「スマフォアプリが作りたい!!」 っていう悩めるWebエンジニア 救いの手を差し伸べてくれる存在。 それが、Monacaです! Monacaを使えば、iPhoneアプリはもとより、Androidアプリも作れちゃう! 目次 1. Monacaって何? 2. お絵描きアプリを作ってみよう 3. ソースコード 4. ソースコードの解説 5. カンボジアでMonacaのアプリを作ってみて 1. Monacaって何? 突然ですが、皆さんMonacaをご存知ですか? え?知らない?わからない?なにそれ美味しいの? Monacaは今、話題のHTML5を用いたハイブリットアプリケーションを作れる オンライン上の統合開発環境です。 設定不要で無料ですぐにコーディングできちゃいます。 ハイブリッドアプリケーションの開発に興味のある方は、 使って
Choregrapheの画面で 右クリック > ボックスの新規作成 から、以下の4種類のボックスが作成できます。 ・ダイアグラム Box内に子のPythonBoxを持つことができるBox ・タイムライン ロボットの動作を設定できるBox ・Pythonスクリプト Pythonスクリプトを設定できるBox ・ダイアログ qichatで書かれたtopファイルを実行するBox 作成したPythonBoxの中身は以下のようになっています。 ※コメントアウトされている行はいらないので削除してます。 class MyClass(GeneratedClass): def __init__(self): GeneratedClass.__init__(self) def onLoad(self): pass def onUnload(self): pass def onInput_onStart(self
時代はコンテンツマーケティングですよね!ってことでいろいろ調べたので備忘録としてまとめました。主にこちら↓↓を参考にさせて頂きました! 50 Content Marketing Ideas For Your Website Or Blog ちなみにコンテンツマーケティングって何?って人は下記をご参考ください。 コンテンツマーケティングとは何か? ノンストップでいきます。それではいってみよー珠玉のチップス35連発! 1.やっぱり質が一番大切 適当な記事はダメです!書くならきちんと書きましょうね(自分に言い聞かせる)。質を追求してもしすぎることはありません!ありったけの力を注ぎましょう。 2. 一撃必殺の長い記事 記事の小分けはダメみたいですね。書くならドンと長い記事を書きましょう。 3. ペルソナをしっかり設定 まずペルソナとはなんぞや?という方はこちらをチェック↓↓ 「ペルソナ」とは?~今
竹上、vimmerやめるってよ Atomの紹介とともに vimの代替機能を紹介します。 主力のプラグイン ・Autocomplete Plus # コード補完 ・Docblockr # Docコメント補完 ・File Icons # ファイルアイコンを表示 ・Resize Panes # パネルのリサイズ ・vim-mode # vimモード 標準で多くの機能が提供されているので、 そのままでもそこそこ使えます。 Atomに乗り換えたメリット 1. ファイル検索強い 2. Git連携が強い 3. プラグインの管理が楽 4. プラグインの開発がしやすい、開発者が多い 5. markdownのリアルタイムプレビュー 特に1が神がかってます。 Atomに乗り換えたデメリット 1. vimと比べると動作がもっさり 2. 動作が不安定 3. 画面分割が使いづらい 4. vim-modeしょぼい 5.
1. 無料ハイクオリティーなテンプレートを見てみよう! 2. ここだけは押さえろ!コンテンツ作成のポイント 3. Railsに速攻デプロイ 上記3つを抑えて、短い時間でハイクオリティなサイトを作ろう! 1. まずは、無料ハイクオリティーなテンプレートを見てみよう! 百聞は一見にしかずといいますね。 まずは、テンプレートのクオリティーをチェックしてみましょう。 ちなみにすべて、レスポンシブです! かっこよくないですか?? このクオリティーで無料なら、一からつくるのなんて馬鹿らしくなってきません?? 「うんうん。馬鹿らしくなってきた(読者の声)」 ですよね。じゃまずは、イケてるテンプレートを探してみましょう! おすすめのサイトを3つご紹介します。 Free Responsive HTML5 CSS3 Website Templates HTML5 UP! Responsive HTML5 an
お疲れ様です、竹上(ぱいそん)です。 Python on Pyramid jinja2編です。 前回(Python on Pyramid SQLAlchemy編)の続きからやっていきます。 前回は、SQLAlchemyを使ってDBから引き出したデータをそのまま表示するところまでやりました。 今回はjinja2というテンプレートエンジンを使用して動的にHTMLを生成していきます。 まず、jinja2を使うための設定から、 いつも通り、仮想環境にパスを通します。 生成した仮想環境のディレクトリに移動して、 $ source bin/activete jinja2を仮想環境にインストール $ pip install pyramid_jinja2 生成したプロジェクトのディレクトリ直下にある __init__.pyでjinja2をインクルードします。 __init__.py (9行目らへんから)
こんにちわ。竪月です。 最近Webアプリ開発に携わることが多くなって、セキュリティ強化、ローカル環境でも動かしたい、通信量を減らして高速化したい、ページまるごと再読み込みさせたくないなど、Webアプリならではの要求がいろいろあるな、と思ったので、そのなかでも、今日は割と簡単にできる「通信の高速化」について書きたいと思います。 ちなみに、フロントエンド(クライアント側⇒つまりPCやケータイのブラウザ)側とバックエンド(サーバサイド)どちらでも高速化の対応をすることはできますが、サーバサイドは敷居が高い(システム全体に影響する可能性がある、専門知識が必要)ため、今回は割と手軽にでき、影響範囲が限定的なフロントエンドに特化した内容で進めていきます。 Webアプリ高速化のためにやるべきこと ①通信回数を減らす 画像、CSS、Javascriptファイルの数を減らすことで、通信回数を減らしましょう。
こんにちわ。青柳です! 私は、十数年、IT業界でシステム開発を行ってきました。気づけば、40も目前です。。 振り返ると、何度かプロジェクトが炎上する事態を経験してきました。炎上までいかずとも、計画通りにプロジェクトが上手く進んだということは稀です。。最近も稼動が高い日々が続いていましたので、この機会に「プロジェクトは、何故炎上するのか・・・」を考えてみました。そして、私なりにひとつの解を導き出しました。 やはりコミュニケーションが大事 仕事は、寡黙に一人きりで進めることもあるかもしれませんが、多くの場合、相手(お客様)がいたり、チームで進めるものだと思います。複数人で仕事を進める上でコミュニケーションが不足すると 「思っていたものと出来上がりが違う」 「実は確認すればすぐに分かったことなのに、調査・検討に余計な時間を使ってしまった」 「他の人と同じような作業をしてしまっていて、作ったものが
Application Cache クライアント端末に、HTML、JS、画像、音などのリソースを 保存することができ、大量のリソースを必要とするブラウザゲームや Webアプリでリクエスト数を減らすことができます。 また、完全にオフライン化も可能です。 懸念点 Application Cacheの仕様上、以下の制約を受けます。 (1) ApplicationCacheを有効にしたページのHTMLは必ずキャッシュされてしまう。 (2) 部分的にキャッシュを更新できない。(更新する際は総入れ替え) (3) GET通信のみで有効 (4) キャッシュ完了となる前に、ページ遷移してしまうと1から再取得する (5) バッググラウンドで動作するため、キャッシュ完了後、次回のアクセスからキャッシュを利用できる (6) 大量リソース下の環境で利用するとキャッシュ完了までに数分かかってしまう(10MBで5分~7
同じ、Retina HDディスプレイでも、 iPhone 6 と iPhone 6 Plus とでは解像度が格段に違いますね。 ソースはこんな感じです。 無駄にangularjsで作ってみました。 <!DOCTYPE html> <html lang="ja" ng-app="myApp"> <head> <meta charset="UTF-8"> <title>devicePixelRatio</title> </head> <body ng-controller="indexCtrl"> <style type="text/css"> table { margin: 50px auto; border-collapse: collapse; border-spacing: 0; } tr:nth-child(odd) { background: #EEE; } td { paddin
そろそろ夏休みって方も多いかと思いますが、みなさまいかがお過ごしでしょうか~? どうも、こんにちわ、WEB・スマホエンジニアの西間木です。 仕事が終わらないから、夏休みが取れない~~~。なんて、最悪ですよね。 仕事を早く終わらせて、夏休みに遊びにいくためには・・・自動化でしょ!! ってことで、今日はテストの自動化などブラウザをプログラムで操作できる ”Selenium” の基本的なことについてご紹介します。 『Selenium-WebDriverを使ってGoogleChromeをラクラク自在に操作してみよう!』 ■ Selenium-WebDriver 今回は、JavaベースのSelenium-WebDriverを使ってブラウザ操作をしていきます。 ”WebDriverは、ウェブアプリケーションのテストを自動化、特にそれが予期したように動作する事を確認するためのツールです。Selenium
Pyramidプロジェクトを作成します。 今回の連載の目標は ・DBをつかう ・jinja2で動的ページを表示する といったところなので、 簡単なSNS的なWebアプリケーションを作成します。 – プロジェクト用の仮想環境を作成 $ mkdir test_project $ virtualenv test_project $ cd test_project $ source bin/activate $ pip install pyramid 環境構築については詳しくはこちら – プロジェクトを作成 DBを扱うためのモジュールをインストール $ pip install py-postgresql DBをSQLAlchemyで扱うので Pyramidにあるalchemyというテンプレートを使用します。 SQLAlchemyの使い方については また後日記事にします。 (→Python on P
Pythonの申し子、竹上です。 Pythonの有名なWebフレームワークにDjangoやPylonsがありますが、 今回は、【Pyramid】というフレームワークを使って PythonのWebアプリケーションを作っていきたいと思います。 《公式》 http://docs.pylonsproject.jp/projects/pyramid-doc-ja/en/1.4-branch-doc-ja/ 開発環境は ・Mac OSX ・Python 3.x ・PostgreSQL です。 Pythonには「virtualenv」という 仮想環境を一瞬でつくる素敵ツールがあるので こいつを使っていきます。 1. virtualenvのインストール terminalで $ pip install virtualenv 2. 仮想環境の作成 $ mkdir project_name $ virtuale
あなたのチームは、エンジニアが輝いてますか!? そもそも、僕らエンジニアって世の中をハックして、人を幸せにすることのできる 最高にCOOLでカッコイイ職業じゃないですか。 僕はそんなCOOLでイケてるSuperハッカーチームを作りたいと思って日々のシゴトに取り組んでいます。 で僕たちが思うことは、やっぱり最高の仕事をしてお客様やユーザの方に本当に喜んでもらいたいし、こんなカッコイイ仕事したぞ!って気持ちをチームみんなで分かち合いたい。 今日は、そんな最高な仕事をするために、僕たちが最近チームで使っている合言葉を紹介します!! 本当たった一言のシンプルな言葉なんですが、これは技術者のことをリスペクトして、 理解していない人は分からないんだろうなって思う言葉です。 特に、プロジェクトマネージャとか、開発チームを持っている人には是非、理解して使ってほしいと思います。 ■ 合言葉が必要になるような
次のページ
このページを最初にブックマークしてみませんか?
『utage.headwaters.co.jp』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く