フルリモート時代に対応するための開発環境におけるクラウドコンピューティング

はじめに タイトルはカッコよくしてみましたが、話はよくあるEC2で開発環境を作るってやつです。 ここ半年ぐらい運用しているのですが、大きなトラブルなく運用できています。 特に最近の外出できない事態において、本当に半年前にやっておいて良かったなぁ…

シンガポールでの生活

ex freeeの@joe_reです。 裏freee developers Advent Calendar 2018の14日目の記事を書きます。 何を書こうか迷ったんですが、freeeをやめた後の近況報告も兼ねて、シンガポールでの生活を中心に書こうと思います。 (退職記事はこちら) いつから、どういう形…

kubernetesをローカルの開発に活用する

できる限りプロダクションのクラスタ設定をそのままローカルの開発にも使いたいなー、と思って色々と試行錯誤して、ようやく形になってきたので書いておく。 なぜローカルでkubernetesを動かしたいのか 最近ではInfrastructure as Code、Immutable Infrastru…

Socket.IOとのリアルタイムコミュニケーションをVuexのmodulesを利用してハンドリングする

という趣旨の内容で、先週のVue.js Tokyo v-meetupでLTさせてもらった。 vuejs-meetup.connpass.com 発表資料はこちら speakerdeck.com 背景 僕が今メインで担当しているプロダクトの性質上、ブラウザ上でのリアルタイムコミュニケーションが必要な機能を扱…

Vue + TypeScriptなプロジェクトにESLintを導入する

TypeScript + VueなプロジェクトでESLintを使ってみて、現状必要なモジュールが複数あって少し複雑だったのでまとめておきます。 サンプルは以下です。 github.com 内容はどうでも良いんですが、こんな感じのすごく簡単なTODO風のアプリケーションです。 な…

freee株式会社を退職しました

この記事は退職者アドベントカレンダー2017(その2)の15日目です。 adventar.org 今年の10月いっぱいでfreee株式会社を退職しました。 どこか時間がある時に退職エントリー書くかーと思ってたのですが、そうこうしているうちにアドベントカレンダーの時期にな…

Vue/Vuexに静的に型を付ける

最近Vue/Vuexを触っている。 前々から欲しいと思っていたのもあって、習作としてelectronでYouTubeのデスクトップクライアントを作った。 github.com 僕は仕事中はだいたいYouTubeを再生している。映像を見ながらコードを書きたい欲求があった。とはいえ、そ…

ReactNativeのAsyncStorageをNodeのREPLから操作する

背景 ReactNativeにはAsyncStorageというkey-valueストレージシステムがある。 valueにはstringしか入れられない本当に簡素なものだけど、JavaScriptのプレーンなオブジェクトはJSONにシリアライズ可能であるので、さほど困らない。 クライアントサイドで永…

CafePitchの区切り文字にheader要素を指定できるようにした

CafePitchはElectron製のMarkdownで書けるプレゼンテーションツールです。久々のアップデートです。 github.com 久々ということでAngularをrc versionから脱却してみたりとか、TypeScriptのバージョンを上げたりとか色々した。 Angularはbootstrap周りをごっ…

FlowtypeでFluxアーキテクチャに型付けをするという発表をした

もう2週間ぐらい前になってしまいますが、ランサーズさん主催の勉強会で、Type-Safe Flux Using Flowtypeというタイトルで発表させてもらいました。 eventdots.jp 発表資料 speakerdeck.com ここ半年ぐらいReact + Flux + Flowtypeを使った環境で開発してい…

YAML/JSONでコマンド定義が書けるテンプレートジェネレータを作っている

この記事はNodeJS Adventcalendar 2016 の19日目の記事です。 もうクリスマスということで、大幅に遅れてしまって申し訳ございません。 色々とnodejsのCLIや、electronやwebなどを作っていく中で、僕の利用するスタックはだいたい同じなので、毎回package.js…

SpectronからElectronアプリケーションのMenuを操作する

この記事は Electron Advent Calendar 2016 の12日目の記事です。 SpectronはElectronアプリケーションのためのE2Eテストツールです。 electron.atom.io SpectronはElectronのChrome Driverを通じてアプリケーションの操作を実行できるのですが、メニューの…

エンジニア立ち居振舞い: 発言にブレーキをかけない

お題「エンジニア立ち居振舞い」 僕自身が普段から意識的にやっているのは発言にブレーキをかけないことだ。 具体的にはslackのpublicな部屋で騒ぐ。 作業中にハマってしまっていかんともし難い時や、クソコードを見つけて怒りが湧いてきた時、などなど。 ハ…

Frontend Meetup vol.1 で革命と秩序とSPAという発表をしてきた

FiNCさん主催のFrontend Meetupというイベントで革命と秩序とSPAという発表をしてきた。 connpass.com 有志の方がまとめを書いてくださっているので、そちらもぜひ。 www.chirashiura.com qiita.com 僕の発表資料はこちら。 speakerdeck.com 主催のFiNCさん…

flowtype v0.32.0 changes

flowtype v0.32.0がリリースされました Release v0.32.0 · facebook/flow · GitHub この変更では待望のgen-flow-filesコマンドが追加されています。 これはflowtypeのシンタックスで書いたjsファイルから、型定義情報を生成するコマンドです。 これまではラ…

WACULさんと共同で勉強会を開催しました #fr_wa_lt

connpass.com WACULさんと共同で勉強会を開催しました。 登壇者、来場者の方々ありがとうございました! 内容はとにかくLT大会という感じです。 LT flowtypeによるコンポーネント指向における型の入手 by @joe_re speakerdeck.com flowtypeによるjsの世界に…

flowtypeの実現する実行時例外のない世界

今日こんなスライドを見かけた。 djcordhose.github.io これはtypescriptとflowtypeの違いがよく分かるすごく良いスライド。 このスライドの5ページ目に以下の1文がある。 FLOW SOUNDNESS, NO RUNTIME EXCEPTIONS AS GOAL スライドに刺激を受けたのと、最近f…

西日暮里.rbでGraphQL on RubyというLTをした

nishinipporirb.doorkeeper.jp 西日暮里.rbでGraphQLのスキーマ定義をRubyでやって、動かしてみたというLTをしてきた。 発表資料はこちら speakerdeck.com 動かせるサンプルコードはこちらにあるので、興味がある方はお試しください。 github.com GraphQLは…

ng-sake#2 で Cafe Pitch の紹介とAngular2のComponentについてのLTをさせてもらいました

ng-sake.connpass.com 今週あった ng-sake#2 でLTさせてもらいました。 Cafe PitchはElectron + Angular2を使って最近作っているプレゼンテーションツールです。 github.com 発表資料はこちら speakerdeck.com 資料に書いてある通りだけど、普通にReactでコ…

Electron + Angular2でMarkdownでスライドを作れるプレゼンテーションツールを作っている

Angular2を学ぶ目的から、最近はElectron + Angular2でプレゼンテーションツールを作っている。 とりあえず一通り動くところまでできたのでpublishした。 github.com 使い方はこんな感じ。 エレベーターの中の30秒でちゃんと相手に伝わるプレゼンをすること…

みんなのウェディングさんと共同で勉強会を開催しました #fr_mw_lt

connpass.com 大学の先輩の @azipon_zzz と一緒に、フロントエンドの知見交換を目的に勉強会を開催しました。 来場者、登壇者の皆さんありがとうございました! 全体的な進行 前半はLT大会で、後半はそれぞれの会社からの代表者に前に出てもらって、座談会形…

JSer.info 5周年記念イベントに行ってきた(LTもした) #jserinfo

jser.connpass.com jser.info #jserinfo すごく楽しかった— じょう (@joe_re) 2016, 1月 16 すごく楽しかったです!5周年、おめでとうございます! 尊敬 #jserinfo 5周年誠におめでとうございます。継続は力なり。本当に凄い事だと思います。尊敬しています…

Gotanda.js#2 で request-specを利用していい感じにモックデータを作ってフロントエンド開発を楽にしたい! というLTをした

ご飯おいしくて最高だった。(GaiaX さんありがとうございました!) ご飯うまい #gotandajs— じょう (@joe_re) 2016, 1月 8 資料 request-specを利用していい感じにモックデータを作ってフロントエンド開発を楽にしたい! from Masato Noguchi www.slideshare…

Railsのrequest-specからレスポンスを抽出して、サーバのレスポンスをモックできるgemを作った

Railsのrequest-specからレスポンスを抽出して、サーバのレスポンスをモックできるautomockというgemを作りました

新宿.rb#30で、僕はどうしてもlibsassが使いたかったんだ!というLTをした

sprocketsを捨てる過程で、libsassの導入に苦労した時の話

ブラウザ上で開いているものをなんでもOCRできるようにしてみた

英語の勉強も兼ねてhuluとかで海外ドラマを字幕付きで見ることがあって、かっこいいセリフとか出てきたときに字幕をクリップボードにコピーできたら便利だよなーと思ってそんなchrome extensionを作ってみた。 インストールはこちら joe-re/OCR-Screengithub…

西日暮里.rbでSprocketsを捨てたいという内容のLTをした

西日暮里.rbの1周年記念LT大会でSprocketsを捨てたいというLTをさせてもらった。 ただでピザ食べられて最高 #ninirb— じょうあー (@joe_re) 2015, 6月 29 かれこれ2週間ぐらい前の話。ただでピザ食べられて、ビールも飲めて、ほんと最高だった。 資料 Sprock…

braidという世界最高のバンド

まじで最高だった。人生で一番興奮したライブだったかもしれない。 Braid最高過ぎた pic.twitter.com/JVcLyBvXtK— じょうあー (@joe_re) 2015, 7月 5 braid好きすぎるので懐古厨になってしまって、昔の曲はやっぱり良いけど最近のやつはなー、とか言ってしま…

pumaに学ぶrubyのDSLの作り方

調べごとがあって、pumaのソースを読んだ。 そこでpumaの設定ファイルに書いてあるDSLの適用の処理が勉強になったので書く。 (puma: v2.11.0 時点) pumaのソース puma/dsl.rb at master · joe-re/puma · GitHub ここでやっている。 主要な処理だけ抜き出した…

ヘッドホン買った

JBLのS400BTという機種。 【国内正規品】JBL Synchros 密閉型オンイヤーワイヤレスヘッドホン Bluetooth対応 S400 ブラック S400BTBLK出版社/メーカー: JBL発売日: 2014/04/03メディア: エレクトロニクスこの商品を含むブログを見る JBLには思い出が少しある…