muzigram

山椒は小粒でもピリリと辛い

2016/08/09

Angular2関連の俺用リンク


http://fountainjs.io/ で利用してるパッケージや自分が利用しようとしてるもののドキュメントや参考になるリンクをまとめておく

Angular2

Yeoman Fountain generators

Webpack

angular2-material

Stylus

2016/08/01

Angular2に入門する。

オレオレirkitのFrontを作ろうと思ってAngular2に入門することにした

公式
https://angular.io/

とりあえず、Quickstartやって雰囲気をつかむ

  • TypeScriptが基本っぽい。
  • Angular1の頃とはだいぶ違うなぁ。というのだけ掴んどく。

環境整備についてはとりあえず、偉い人達のレールに乗っとくのが信条なのでこちらを
選択。
http://fountainjs.io/

理由としては

  • TypeScriptを選択できる。(他の言語への対応も一通り
  • minifyを含めたリリース出力まで対応してる。npm serve dist(裏でgulp
    • dist/以下を使えば良いってことで手っ取り早い。
  • Sub-generatorsを持ってる(新しくコンポーネントを作る際に、ちまちま、ファイルを追加する必要がなくなる。
  • stylusが選べる(sass,less等、幅広い
  • BrowserSyncで開発もらくらく。
これしたい、あれしたいはいろいろありそうだけど、まずはこれでやってみよう。
Angularは1.3でゲーム作ってた時以来なのでやりがいがありそう(辛…

2016/07/28

TrelloとGoogle Apps Scriptでストーリーポイント管理してた話。

ここ数日、ガッチャガッチャしてたのをようやくまとめるわけだけど。

はじまり

以前、新人若干名でアプリを作る的な話が持ち上がり、企画もゆるふわだし、いろいろ
仕様変更とか、作り直しとかいろいろありそうだなぁ。ということからカンバンとストーリーポイントを導入して、消化量から完成日を導き出そう。という流れになった。
詳しくはアジャイルとかスクラムの記事や本を見てもらえばいいのですが、
すんごいざっくり言うと、

  • カンバンはタスクの一覧表。
  • ストーリーポイントは1つ1つのタスクの難易度。と思ってください。

アプローチ

  • タスクの一覧と今週何やる?何終わったの可視化の為 Trello を導入。
  • Trello単体ではストーリーポイントを取れないのでChrome拡張を導入
  • 週辺りのストーリーポイント認識の為、Google Spread SheetとGASを導入。

詳細

Trelloについて

Trelloは視覚的に楽しいタスク管理ツールで自由度が高い一方、使い方を定義する手間がかかるツールでもあります。自分の場合は、
  • 残りのタスク
  • 今週やること
  • 今日やること
  • 今週終わったタスク
という運用にしていました。



Chrome拡張のScrum for trelloを使うと各カードのタイトルを編集する際にポイントを設定出来るようになります。タスクを追加し、見積もる際に値を入力します。


タスク管理のざっくりとした流れとしては、
  • タスクの洗い出し(追加されたタスクがあればTodoに
  • 今週(今回のイテレーション)でやるタスクを「今週」のリストに
  • 朝会で今日やるタスクのカードを「今日」のリストに移動
  • 終わったら「終了」のリストへ
  • 週の終わりに「終了」のリストのストーリーポイントを集計し、そこから終了予定日を逆算する。
  • 予定が順調ならOK、間に合わないなら、さぁ、どのタスクを削る?それとも伸ばす?絶対に終わらせなきゃいけないことはなんだ?逆にあとに回せるものはなんだ?という議論を行う。
という流れです。
コレは自分の例なので、リストやボードの扱いにはいろいろ考える余地があったなぁと感じていて、例えば、タスクの中には、やんなきゃいけないけど、今じゃない。みたいなのがあって、それがずっとTODOにいるのはだるい。ってのがあって、
  • 「必須タスク」リストと「その他タスク」リストと分けてもいいかも
  • いっそ、残タスクは別ボードにして、毎週そこからTODO格上げ、格下げみたいな議論をしてもいい。
とかあったりします。そこは各チームの雰囲気やタイミングに合わせて変えると良いかもです。

終了ストーリーポイント計算すんのだるい問題。

で、ようやくここになるんですけど、最初はストーリーポイントを手動で計算してて
まぁ、だるいよね。っていう話になったので、TrelloはAPIあるし、なんかやるかーってことになりました。(しました、自分が)
でもコレのためにサーバー用意するのも、ってことでGoogleSpreadSheet+GASの流れになりました。

アプローチ

仕組みはこうです。
  • GAS上でトレロからカード一覧を取得。
  • GASのトリガーを使って一日一回
  • カードからストーリーポイントを抽出。
  • Spreadsheetにポイントを書き込む。グラフに反映させる。
この画像はちょっとでっち上げた奴ですが、イメージはこんな感じです。

プロジェクトのステータスはここを見ればわかるようにしてあかんっぽいかも、
という場合はどうする?どうする?とするような形にしました。
ついでにslackへも投稿出来るようにしたので見忘れも防ぎます。

画像はイメージ。


で、

GASでTrello叩くライブラリを作成中です。

一応、IDを入力すれば使えますが、まだいろいろぶっ壊れる可能性があるので
ご参考程度にとどめていただけると幸い。

別記事にまとめようと思ってるんですが
  • gappsコマンドでDriveにアップロード
  • gulpで監視、es6っぽく書いてbabelifyで変換、アップロードまで
みたいなアプローチで記述してます。
(このやりかた、概ね楽なんですが、テストとか、補完とかきっついなーという部分もあり、半分半分ですねー。という感じ)

こーんな感じで使います。(下にgist表示

今回はここまで。

2016/07/25

今週(2016/07/24)のざつもく会


今回は@ayumu83sも@roro0000も参加。
自分の成果
  • GASをES6でのGulpfile更新
  • browserifyをちょっと理解した
  • めっちゃ参考にさせていただきました。 http://technica-blog.jp/entry/2016/04/28/190236
  • GAS+ES6、ありだけど、この仕組みで作ったファイルは他の人に渡すときに必然的にこのビルドにロックインされてしまうのでGASのライブラリと相性が…の問題が。
  • まぁいいっか。(単体でbrowserifyすれば良い?)

  • キンプリのオーコメみた
  • コマンドーみた(玄田哲章版?
  • ひたすらポケモンGo

他の二人はDockerやったり、GCPやってたっぽい、ブログ書きなされ。

2016/07/21

GAS(Google Apps Script)をもう少し楽に書きたい…。

GAS(Google Apps Script)を楽に書きたいなぁーと調べていたところ

http://googledevjp.blogspot.jp/2016/01/apps-script.html

なるほど、DriveAPIを使うとローカルのファイルをアップするみたいな連携が
組めるようになるのか。詳しい手順は他の人が書いているので省略するとして
要約すると


  • npm install -g node-google-apps-script
  • Google DriveでGASプロジェクト作成
  • Developer Consoleでoauth周りの作業
  • gappsコマンドで認証
  • ローカルプロジェクトの作成
  • gappsコマンドでアップロード作業。


とりあえず、babel + gulpで書けるようにテスト中
https://github.com/mogeta/gas-babel-gulp

今後のタスク

  • テスト方法とか
  • ライブラリの取り扱い


参考にさせてもらいましたリンク

2016/07/20

Mac + leapmotion + Unity試したいんだけど

Unity + leapmotion いろいろ触ろうとしてるんだけど




V2ってのとOrionってのがあって、どうやらOrionが新しいんだけど
Windowsでしか提供されてなくて

http://qiita.com/edo_m18/items/a9de59b1a6dc8e37abdf

っていう記事があって、どうしたもんかな。ってなってる。

ちなみに今はこっちを参考に動かしてる。
http://qiita.com/takish/items/ab86727784d20e4b1575

2016/07/18

ざつもく会

「普段家にいるとプログラムかかないので機会を作ってください。」
と、@roro0000がいうので雑にもくもくする会を開いている。(2016/07/18 16:04現在)

なお、肝心のろろ氏は休日出勤によりきていない。なのでメンバーは
失職マンこと俺イリーガルラーメン野郎の二人だけになっている。

今のところは自分の家で開催してるので、身内のみですが、
今後は事前告知等をして、人数が多ければ場所を借りたりする予定。
参加したい人はメッセでもくれい。


今、自分が今やってること



2016/07/18 15:58:07 { "error" : "Failed to validate MAC." }

  • おそらく認証設定の問題じゃないか?DBルールを確認する
  • https://firebase.google.com/docs/database/security/quickstart 
  • 間違えてたのはAPIのエンドポイントだ…
  • んー、DBルールをプライベートにして、firebaseのシークレットトークンでアクセスするのが楽か。。。。?

  • URLやtokenをプログラム外へ Viperを使い始めた。