Google Home でツイッターをする

新しい職場で開かれたとあるコンテストで入賞し、GoogleHomeを頂いたので遊んでみました。 今回作った機能は下記の3つです 「OK,Google ツイート {ツイート内容}」と言うと{ツイート内容}がツイートされる。 「OK,Google リプライ {ツイート内容}」と言うと…

MRデバイスが家に届いたと思ったらインターネットに繋がらなくなった

悲しすぎるのと、なんか色々と混乱したので整理もかねて書いていく。 26日 午前9時 AcerのMRデバイスが届く 午前10時 windows機にMRデバイスを接続し、初期設定中に突然PCがクラッシュ。以降設定ウィザードが進まなくなる。 午前10時30分 公式のトラブルシュ…

PowerPointの資料生成をRubyで書きたい

資料作成自動化業務ってありますよね。 Googleスライドとか使えばいいのに、ビジネスサイドの理由とかでPowerPointじゃなきゃ嫌だって言われたり、 Railsアプリとして操作したいのにいい感じにPowerPointファイルを扱うgemがなかったりします。 今回はApache…

Firebase Functionsをゲームサーバーにしてみよう。

Firebase DatabaseとUnityでオンラインゲームを作るとして、 サーバーというか、GlobalManagerロールをどうしようってなったので Firebase Functionsでやってみようと思います。 今回やることは 1分ごとに、 - マップ上にランダムに木を生成する。 - ゲーム…

時系列データを集めてシェアするサービスを作っている。

Statis αですが公開はしています。 こういう感じのサービスを作っています。 どういうサービス? 現段階で出来るのは以下のようなことです。 APIを用いて時系列データをポストする 対象データのURL・HTMLのパスを指定し、定期的にスクレイピングをさせ、デー…

Angular+Firebaseでまずはフロントエンドだけ作っていくとすごく楽しい

タイトルのとおりです。 Angular+Firebaseで一旦それっぽくしちゃうと、モチベーションが下がらないのでおすすめです。 導入 $ npm install -g @angular/cli $ ng new my-app $ cd my-app $ ng serve ** NG Live Development Server is listening on localho…

RailsでGraphQLを使う

結構使いやすくなっていたので紹介 セットアップ # Gemfile gem 'graphql' rails generate graphql:install まず導入 基本的な構成と、graphiql(GraphQLのクライアントをRailsにマウントするやつ)が入る http://localhost:3000/graphiql サンプルフィールド…

今日の雑記はgraphql-activerecord

github.com このgem使ってるんだけど、 RuntimeError (Could not locate GraphQL type for model Character) “GraphQL::Models::CharacterTypeはなしんこなしなしだぞ” って言われる。 graphql-activerecord/activerecord.rb at master · goco-inc/graphql-a…

Bash on Ubuntu on Windowsからexeファイルをコマンドとして叩いていくために

anoninoni.hateblo.jp こっちの記事でdocker.exeをdockerコマンドとして使えるようにしました。 ただコマンドごとに.bashrcに記述していくのも面倒なので、指定ディレクトリ内のwindowsバイナリをまとめて処理するようにしようと思います。 /mnt/c/Users/ano…

Windows Subsystem for LinuxからDocker for Windowsを使う

Docker for WindowsはWindowsなので当然Windows Subsystem for Linuxからは実行できない。 と、おもいきやWindows 10 Creators UpdateからLinux側からでもWindowsバイナリ(exeファイル)が実行できるようになった。 なのでPATHさえ通してしまえば良さそう。…

WindowsでKitematicを起動するとクラッシュするようになってたんだけど治った。

最近Windowsで開発環境が整ったワイワイしてたんですが、 なんでか突然Kitematicを起動するとOSごとクラッシュ(ブルースクリーン)するようになってしまった。 クラッシュする直前にVirtualBoxを呼び出そうそしている形跡はあったのだけれど、 そもそもWin1…

WindowsでWeb開発環境を整える雑記

基本的にはWindows Subsystem for Linux乗る 先日のWindows 10 Creators Updateでかなり使えるレベルになったらしいです。 https://blogs.msdn.microsoft.com/commandline/2017/04/11/windows-10-creators-update-whats-new-in-bashwsl-windows-console/ 私…

VR演奏環境作った。

ゲーミングPCを買いました。 家にちょうどOculus Rift DK2があったのでVR開発をはじめてみました。 できたもの pic.twitter.com/hZ7exSi0Wj— あのに(たわし坂2) (@anoChick) 2017年3月26日 MIDIキーボードの入力が仮想空間内のキーボードにいって音を鳴らす…

Unityでスマホのカメラを使う

僕の同僚かつフレンズのid:hiragramがなんかよくわからないカメラアプリを作ってて凄い。 hiragram.hatenablog.jp 僕もそういうのやりたいけどiOS開発やったこと無い。 Unityなら出来る。 using System.Collections; using System.Collections.Generic; usin…

すてにゃんが分報チャンネル消したらしいから僕も消した。

stefafafan.hatenablog.com といってもただ便乗しただけじゃなくて、 先週あたりから消そうかどうか悩んでたんですが、 すてにゃんが消したということで踏ん切りがついて僕も消したという感じです。 分報チャンネルの用途 前提として、僕の分報チャンネルの…

Yaya作った

github.com こんなんつくりました。 導入 1.用意するもの Herokuアカウント SLACKBOTのAPIトークン 2.Herokuにデプロイ https://github.com/anoChick/yaya ↑の[Deploy to Heroku]ボタンを押します HerokuにログインしていればApp作成画面が出てくると思いま…

GraphQLのfieldに付くresolveをTypeによって指定する。

GraphQLでDateTimeを扱う時、フォーマットを指定する。 - あのにのに 前回の記事で 「DateTime型とかはクエリ側で出力フォーマットを引数として指定できると便利!」 って話をしました。 ついでに課題として DateTimeTypeって作ったけど意味なくない..? いち…

GraphQLでDateTimeを扱う時、フォーマットを指定する。

GraphQLにはScalarTypeというクラスが存在する。 ScalarTypeは配列やオブジェクト(いわゆるkey-valueペア)、enum等ではないタイプの基底クラスになる。 GraphQLではこのScalarTypeをベースとした5つの基本タイプが仕様として定義されている。 Int - 符号…

RailsのカスタムGeneratorを自分で作る

事前に用意したテンプレートを基にファイルを生成するようなコマンドを作る。 今回はGemにしたいのでプラグイン作成の想定でやる。 Railsプラグイン作成環境を用意 bin/rails plugin new sampleplugin gemspecファイルのTODOになってるところを書き換えて、b…

Model(ActiveRecord)からGraphQL::ObjectTypesを自動生成する仕組みを考えるメモ

最近個人的にWebアプリ作ってます。 フロントはReactJS+Redux サーバサイドはRails それぞれ独立していて、GraphQLを用いて通信しています。 GraphQLのRuby実装として一番スターの多いgraphql-rubyを使っています。 GraphQL周りはまだ発展途上なのでいろいろ…

StorybookでReactJSコンポーネントのレビュー環境を作る

https://getstorybook.io/ StorybookとはWeb開発におけるUIコンポーネントを作る環境のこと。 インストール まずは導入するReactJSプロジェクトを用意する。 mkdir react-sample cd react-sample npm init npm i --save react react-dom 次にStorybookを導入…

クローリングアプリを作る Part.1

今年得た知識を集めたらいい感じのクローリングアプリが作れそうな気がしたのでやってみる。 作りたい物 Architect こんな感じ。 非技術者でも簡単に利用できるような、 アプリ単体でも稼働するネイティブアプリケーション。 ポイントとしてはサーバとDBはち…

digdagを使う際に覚えておくべき事メモ

タスクの状態が以下のいずれかになったときにタスクが開始される。 依存するタスクが無い 依存するタスクが全て完了している 実行のしかたは3つ ローカル digdag run piyo.dig コマンドを叩いて実行 サーバ digdag server -o digdag-server サーバーが立つ …

AWS上にサーバレスな汎用クローラを展開するぞ。

サーバレスな汎用スクレイパーを作った。 - あのにのに 前回はAPIGatewayとLambdaで、指定したURLの指定した位置にあるデータを抜き出すAPIを作った。 今回はサイト内探索をするようなシステムをAWS上に構築しようと思う 注意:クローラは用法用量を守って、…

React.js + firebaseでリアルタイムチャットアプリ作った。

https://nekojima.anochick.com でーきた。 特徴としては↓ リアルタイムチャット(勝手に更新が反映される) チャンネルの作成が自由にできる。 無限にふぁぼれる 完全匿名 です。 ふぁぼり放題です。 作り方の解説 anoninoni.hateblo.jp こっちでも雑に書い…

1日でリアルタイムチャットを作る。

作ります。後から加筆していく。 10:30 Start! まずは大まかな要件 チャンネルの概念がある(slackのような) 1チャンネル1000ポストまで(2chのような) 匿名で投稿 無限ふぁぼ( 超重要!) 11:00 スーパーでネギトロを買ってネギトロ丼を食べる。 ア…

サーバレスな汎用スクレイパーを作った。

anoninoni.hateblo.jp 以前SERVERLESS FRAMEWORKを紹介したんですが、 今回はSERVERLESS FRAMEWORKを使ってスクレイパーを作りました。 github.com 使い方 serverless deploy --stage production でAWSにdeployして使います。 例: githubリポジトリのページ…

パーリンノイズでそれっぽいダミーチャートを作る

「折れ線グラフとかのダミーデータをどうやって用意しよう」と思い、 パーリンノイズを使ったらそれっぽくなったので紹介します。 パーリンノイズってなんだ 主にコンピュータグラフィックスの世界でよく使われるんですが、すごく直感的な説明をすると自然に…

React.jsにthree.jsぶっこむぞ

「背景でWebGLがぬるぬる動くWebサイト作りたいぞ!」 って思ったときに、 ページ遷移する度に背景再描画されるのすっごくイケてなさみがある。 結局SPAっぽく使うことになるんだとおもった。 ということでReact.jsでthree.jsを使うパッケージつかう。 githu…

SERVERLESS FRAMEWORKが最高すぎる

最近SERVERLESS FRAMEWORKってのがリリースされました(v1) serverless.com これなに プログラムを書いてデプロイすると AWS LambdaとAPIGateway環境にデプロイされる。 ルーティングもYAMLで記述ができる。 基本的にはこれだけ。 動作イメージ module.expo…