あのにのに

僕の雑記

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

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

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…

webサイトを作った

Anomaly Animal なにもないけど。 Unityでそれっぽいグラフィカルな何かを作る WebGLで吐き出す 背景に組み込む S3でホスティングする 完成 です。 何に使うわけでもないwebサイトは好きにできるので実験的なことが出来て良い。 いろいろ追加していくかも。

かっこかわいいロゴ出来た。

ちっちゃい!! anomalyanimal.comっていうドメインとってあるんだけどずっと使ってないやつ。 多分個人プロジェクト名だと思います。 Anomaly Animalって直訳すると "異常な動物" とかになるんじゃないかって思ってて、 イメージとしてはミュータントみたい…

Google Data Studioでプロジェクトの各指標の管理

sucrose.hatenablog.com ふむふむ。 こんな感じで、プロジェクトの進捗状況とか品質とかKPI指標とか見れたら良さそう。ちょっとやってみよう。 作ったものの概要 1. githubやcodeclimate等、参照元サービスからデータを引っ張ってくるwebhookサーバを立てる …

webhook最善の使い方を知りたい

anoninoni.hateblo.jp ↑の記事書いたのは、webhookされるサーバを用意しようと思ったからです。 Webサービス間連携って有名どころだとIntegrationsとして用意されてるじゃないですか。 Slack,TreasureData,Datadogとかとか。 ただ、Integrationsだけだと痒い…

AWS CerticateManagerとELBで無料ワイルドカード証明書を使う。

staging環境をポコポコ立てたいけど、httpsも使いたい。 そういう事を考えてやってみたやつです。 結論、ネタ構成だと思います。概要は下図のとおりです。 ポイントとしては virtualhost設定以外はAWSの画面ポチポチだけで出来る。 AWS CerticateManagerはワ…

自分の脳みそは寝ているときが一番クリエイティブかもしれない。

夢を見た。 ゲームセンターのテトリスで、意図せず時空を分裂・多重化させてゲームをバグらせるお兄さん。 口喧嘩の合間に「OK,Google. それを質問して。」等と言い合うカップル。 たまに自分に未来予知の能力があるんじゃないかって本気で思うことがありま…

Progressive Web Appsっていう何か

Progressive Web Appsってなに だいたいのことはここに書いてある https://developers.google.com/web/progressive-web-apps/ めっちゃ雑に説明すると"ネイティブアプリっぽいWebアプリ"の事 Googleが「こうすればモバイル端末でのユーザ体験良くなるよ」っ…

光陰マジ矢

なんか未来だと思ってたことがすぐ近くに来る。 PokemonGoはめちゃバズるし 同僚のプロダクトのスター数半端ないし 世界がどんどん先に進んでく。 これはまずい。速さが足りない。

まずい料理を作ってしまった時の対処法

カレー粉を入れる。

ブログ書くぞの3か条

そろそろブログ書くぞという気持ちが湧いてきたのではじめます。 以下自分用 ちゃんと書く 連々と書くのではなくちゃんと構成とか話したいこととかまとめて書く。 自由奔放に書くというよりは、読み手が読みやすいように書く。 ひとのブログ記事をよく読む …

ブログやります

す〜てにゃんにゃん