月 の 上

サイボウズOfficeのスケジュールをGoogleカレンダーに同期する奴つくった

休暇の予定入れようとしてサイボウズOffice開いたらMTGの予定入ってた……Googleカレンダーに入ってないから気付かなかった…… そんな悲しみを乗り越えるために作りました。

github.com

サイボウズでも、Garoonってやつ?なんかナウいやつはGoogleカレンダーに同期するツールがあるみたいだけど、サイボウズOfficeだとちょっと見当たらなかった。 のでPrettierでガガっと書きました。

インストール

npm i -g @fand/cybozu-to-google

使い方

サイボウズのログイン情報やGoogleAPIキーなどを ~/.config/c2g に置きます:

{
  "cybozuUrl": "https://XXXXXXX.cybozu.com/",
  "username": "YOUR_USERNAME_OF_CYBOZU",
  "password": "YOUR_PASSWORD_OF_CYBOZU",
  "calendar": {
    "key": "GOOGLE_SERVICE_ACCOUND_PRIVATE_KEY",
    "serviceAcctId": "<GOOGLE_SERVICE_ACCOUNT_ID>.iam.gserviceaccount.com",
    "calendarId": {
      "primary": "<GOOGLE_CALENDAR_ID>@group.calendar.google.com"
    },
    "timezone": "UTF+09:00"
  }
}

この辺の設定ムズイので、Garoon用のツールの導入記事とか見ていい感じになってください

developer.cybozu.io

あとはターミナルで c2g するだけでGoogleカレンダーに同期されます。

例えば、サイボウズOfficeでこういう予定を作成して……

f:id:amagitakayosi:20180815214416p:plain

ターミナルで c2g を実行すると……???

f:id:amagitakayosi:20180815214458p:plain

Googleカレンダーに同期されてる!!!!ヤッターーーー!!!!!!!!!!

f:id:amagitakayosi:20180815214550p:plain

定期的に実行したい方はcronとかlaunchdとかでどうぞ。 僕はbitbarで毎時実行して、かつログも見れるようにしました。

f:id:amagitakayosi:20180815214833p:plain

来年こそ山に登ろうな……

YOKOITO INC.のWebサイトリニューアルを手伝いました

f:id:amagitakayosi:20180721171934p:plain

yokoito.co.jp

こんにちは天城です。 縁あって、YOKOITO INC. のWebサイトリニューアルのお手伝いをしました。

僕はトップページのWebGLアニメーションを実装しました。 他にもJSちょっと弄ったり、OGP設定したりした。


YOKOITO Inc. について

YOKOITO Inc. は、いわゆるFab系の京都のベンチャー企業です。 3Dプリンタの販売や関連サービスを提供したり、Autodesk製CADツールのワークショップを開催したりしている。

京都の伝統産業である西陣織の職人の方と組んで、機織りの部品を3Dプリントで作ったりもしてたみたい。

yokoito.co.jp

東京・京都でFab系に興味のある方はぜひチェックしてみてください!

実装について

Three.jsです。 TubeBufferGeometryでガガガっと球やウニャウニャを作ってる。 あと携帯だとデバイスの傾きを取得してグルグル回ったりする。

Three.js、関連ツールが現代のフロントエンド開発に全く追いついてなくてメッチャ厳しい。 ちょっと凝った事しようとすると、ES3時代かな?みたいなコードを書くことになる。

とはいえ、WebGL系のライブラリだとThree.jsがデファクトなんだよな。 Three.js最高!!はやくWebGL2対応PRをマージしてくれ!!!!! いま見に行ったらGLSL ES 3.0対応のPRがマージされてた!!!!!最高!!!!!うおおおおおおおおお!!!!!

https://github.com/mrdoob/three.js/pull/13717:

裏側はWordPressWordPress部分は僕はほとんど触っていないんだけど、やっぱ良く出来てるな〜って感動した。 良く出来てるというか……なんかこう……世界中の人々が頑張って仕事をやっている……

感想

僕はずっとWebサービスの会社にいたんだけど、今回はじめて、いわゆる「Web屋」っぽい仕事をした事になる。 規模はとても小さい仕事だけど、Three.jsやSVG Animation、WordPressを「仕事で触ったことがあります」と言えるようになったのは、とても良い経験ができた、と思っている。

また、デザイナーやディレクターと意見交換しながら進めたら、結構時間がかかってしまったのも印象的だった。 前職でWebサービスを開発してた時は、根本的なUXについてはデザイナーとエンジニア間で意見をすり合わせて実装を始めるが、最終的なルック&フィールは、機能の実装完了後にデザイナーが調整することができた。 WebGLの場合、実装とビジュアルが密接に結びついているので、うかつに実装を初めてしまうと、エンジニア→デザイナー→エンジニア……みたいな調整の無限ループが発生することになる。

まあそれはそれで楽しいんだけどね。


もしこの記事を読んで興味を持ってくれた方、WebGLを利用した面白Webサイトを作りたい!という方がいらっしゃれば、ぜひ声をかけてください〜

天城孝義 (@amagitakayosi)