こんにちは、弥生のMisoca開発チームの黒曜(@kokuyouwind)です。 Kaigi on Railsの登壇が決まったのでよろしくおねがいします。弥生社員としては初登壇になります。 「おめでとうございます。 選考の結果、あなたのプロポーザルは採択されました！」 とのことなので、Kaigi on Railsお話しにいきますー— 黒曜 (@kokuyouwind) August 25, 2020 前回の記事が濃厚だったため、今回はライトなTips記事です。よろしくおねがいします。 tech.misoca.jp 👯‍♀️ VSCode LiveShareを使ったリモートペアプログラミング 皆さん、ペア作業してますか？ ペアプログラミングはドライバー・オペレータの交代など具体的なノウハウも多く、このブログでも以前に紹介記事を書きました。 tech.misoca.jp 上記の記事ではリモー

こんにちは、 @lulu_ulul です。普段は鳥取からフルリモートで勤務しています。 Misoca では年に数回全員でオフィスに集まる日がありまして、先日久々に鳥取から名古屋オフィスに行き楽しんで来ました。 その時にメンバーに「あれ、髪染めました？」と聞いたのですが、「いや、染めたの結構前ですよ…」と返されてしまいました。。。 Zoom 等のカメラ越しだと色味の変化に気づきにくいのもあるのですが、私の様な目diff 性能が低い人間には細かな差を認識するのは難しいですね。 違いの分かる男になりたいです。 目視でデザインの変化を確認・検知するのがつらい… 日々のライブラリのアップデートや新機能をリリースする際に意図しない箇所のデザインに影響が出ていないか心配になりますよね。 また、CSS の整理やコンポーネントのリファクタリング等を行う際にも、影響が出る懸念やその確認作業の大変さから中々踏み

こんにちは、弥生 Misoca チームでマークアップをする方のデザイナー @kanizmb です。 今回、約1年をかけて古の Bootstrap の撤去および CSS 設計手法の導入（FLOCSS 化）をやり遂げたので、これらの変更をどのように進めていったかについてお話しします。 どういった状況だったか Misoca ローンチは 2011年、当時最新であった Bootstrap 2.3.2 を用いて構築が始まりました。(*1) 当初は請求書の郵送に特化した非常にシンプルなサービスだったため、少しの上書きでスムーズに開発が進められ、Bootstrap のメリットを存分に生かせていたのだと思います。 しかし時は流れ、取引先管理、品目管理、外部サービスとの連携など、機能が増え続けるとどんどん綻びが出始めます。 設計方針もないままに野放図に差し込まれた CSS たちは、いつしか激しい詳細度バトルを

こんにちは。@KawamataRyoです。 エンジニアになってから着々と体重が増えて、先日80kgの大台に乗りました。 大学の部活ではライト級（60kg以下）で試合に出てたのでその頃から20kgの増量。日々色々な方面で成長中です。 さて今回は、Misocaのリモートワーカーの仕事環境のお話です。 以前こちらの記事で紹介してから早2年、メンバーの入れ替わりもありリモートの環境も大分変わったと思うので、2019年度版を改めて紹介します。 @KawamataRyo リモート歴 基本勤務時間 6ヵ月 8:00〜17:00 仕事環境のこだわり モニターアームがカッコいいと思い、無駄にディスプレイを浮かせています。キーボードの押打でめっちゃディスプレイが揺れるのが悩み 椎間板ヘルニア持ちなので、デスク、椅子は良いものを使っています。昇降デスクなので時々スタンディングデスクとしても使っています 隣にベン

こんにちは Misoca 開発チームの id:mallowlabs です。最近は ドラえもん のび太の牧場物語 にハマっています。使っている道具のグレードを上げるために、牧場はそっちのけで鉱山にこもって鉱石を掘り出す毎日です。 さて、先日の 軽減税率・区分記載請求書対応のリリース は開発チームにとっても比較的大きなリリースでした。そのため、リリースの直前には、このリリースに関係しないコミットは master ブランチにマージを控えることになり*1、自然と開発メンバーが普段使っているツールの整備や自由研究が行われることになりました。 ふりかえりで、このいわゆる「斧を研ぐ時間」がよかったという声が複数出たため、この時間を狙って作ってみようという TRY が生まれて「エンジニアリングフライデー」という試みが生まれました。 今回はこのエンジニアリングフライデーについて紹介したいと思います。 エンジ

id:eitoball です。秋ですね。読書の秋といいますが、先日、「われはレギオン」のわれらはレギオン 3: 太陽系最終大戦 (ハヤカワ文庫ＳＦ)を読み終えました。物語のテンポがよく、気持ちよく読むことができました。Sci-Fi小説が好きな方には特にお勧めします。（われらはレギオン1 AI探査機集合体 (ハヤカワ文庫SF) とわれらはレギオン２　アザーズとの遭遇 (ハヤカワ文庫SF) もあわせてお勧めします。） 先日、会社で同僚の何人かと一緒にDHHのAction Textを紹介するYouTube動画を見ました。（ Alpha preview: Action Text for Rails 6 ）見るだけではつまらないので実際に試したいと思います。 Action Text とは？ Action Text とは、Rails 6.0 で予定されている新機能の1つです。リッチテキストを編集・表示

2019年1月〜5月上旬の間、『入門 監視』という本の社内読書会を週一で開催しました。 www.oreilly.co.jp 今回は、社内読書会開催に至ったきっかけや実際の進め方、社内読書会を通じての学びやその後のアクションについてお話したいと思います。 社内読書会をはじめたきっかけ この本が予約開始になった時に、目次を読んで内容に興味を持ったことと、社内でも展開できれば今以上に開発チームとして監視についての十分な知識や体制が作れるかも、と思ったのがきっかけです。 任意参加にして、毎週金曜の18時から一時間程度で読書会をやりましょうと社内で参加者を募り、本が発売したその週から社内読書会を開催しました。 社内で入門監視読書会始めた— MiZU (@mizukmb) 2019年1月18日 社内読書会の進め方 ざっくり、以下の流れで進めました。 本を黙読する (35分くらい) 毎回、1章ずつ読み進

こんにちは、@mugi_unoです。 GWはリスと遊んできました。たのしかったです。 さて、長きに渡ってコツコツと手を入れてきたMisocaのフロントエンドですが、 先日、新たに大きな改善を行いました。 というわけで、令和一発目のエントリーは MisocaのフロントエンドにTypeScriptを導入したお話です。 🤔なぜTypeScriptを？ 金額処理触るの怖すぎ問題 Misocaは請求書の発行・管理サービスという性質上、各所で金額に関する処理があります。 そして、最近はさまざまな事情により修正が頻繁に行われていました。 以前のエントリでもご紹介したレガシーコードのリファクタリングなども該当します。 tech.misoca.jp エンジニアの方なら「おおぅ...」となりそうですが、金額を触る処理というのは怖いものです。 そしてフロントエンドが絡んでくると「ここは文字列？数値？」といった

こんにちは、@mallowlabs です。 10月から Misoca にジョインし、現在は東京からリモートワークをしています。 入社日に台風の影響で新幹線が止まってしまい、初日から休みそうになりましたがなんとか入社できました。 Misoca では入社後、受入プロジェクトに配属されて、仕事の進め方を学んでいきます。私の場合には、@zetta1985 の Misocaに必要なことは全て受入プロジェクトで学んだ という記事を熟読してからプロジェクトに望んだので進め方のイメージはあったのですが、それでもいくつか驚いたことがあるので紹介したいと思います。 ということで先に以下の記事を読んでおくと読みやすいです。 tech.misoca.jp 受入担当はフルリモート勤務 私は東京で働いていますが、受入プロジェクトのはじめの2週間は名古屋の Misoca のオフィスで働きます。 ですが、なんと受入担当は

こんにちは、 thara aka @zetta1985 です。 7月からMisocaに入社し、現在はRuby on Railsを中心に触っています。 Railsを仕事で使うのは初めてですし、採用面接のペアプログラミングではPythonを使いましたが、今のところなんとかなっています。 自分は入社後1ヶ月間 受入プロジェクト に配属され、そこでMisoca流の仕事の進め方を会得することになりました。 今回は、その受け入れプロジェクトという取り組みのご紹介と、実際に配属された上での感想を述べたいと思います。*1 受入プロジェクトとは 今回の受入プロジェクトでは、入社した人と受入担当の2人が配属され、1ヶ月間同じ課題に取り組みました。 その課題は、普段から開発チームが受入プロジェクトで取り組むのにふさわしいタスクとして日々積み重ねていたものの一つです。 具体的にどのようなタスクに取り組んだかはここ

mzpです。こんにちは。 今回、Misocaを辞めて転職する決断をした。そのため、これがこのブログへの最後の投稿となる。なので、Misocaへの感謝を述べつつ退職の報告としたいと思う。 🏢出会い 新卒で自動車メーカーの系列会社に入社し社内SEをしていたが、やりたいこととのギャップを感じはじめたので転職活動をはじめた。 その中で、以前から知っていたMisoca(当時の社名はスタンドファーム)に話を聞きにいった。 自分が自社サービスに興味があったことと、Misocaも資金調達に成功し人を増やすタイミングだったことがうまくマッチし、入社を決めた。 こう書くとちゃんと活動したように見えるが、実際は退職を宣言したあと、何人かの知人とご飯を食べていたら話が進んでいたので運要素が大きい。 資金調達に成功してうんぬんは最近知った。 当時のメモには選んだ理由に以下のものが書かれている。 なぜスタンドファー

こんにちは！ Misoca開発チームのめろたん(@renyamizuno_)です！ これは後ろ姿の僕です。そろそろ髪を切るべきですね。 3月になって暖かくなってきましたね。僕はもう一年の1/6が終わったことに驚愕しています。 最近あった嬉しかったことは、むぎさん(@mugi_uno)の娘さんに似顔絵を書いてもらったことです。 描いてくれました pic.twitter.com/2xIPAMKkDH— mugi (@mugi_uno) 2018年1月3日 「WATERMELON ぴよぴよいちご」っていうシールが最高にロックですね。 はい。 今回は、オフィスに「集中スペース」として導入した「i-Cave」について紹介したいと思います！ 集中スペースの枯渇 以前のオフィスは集中スペースとして、小部屋が準備されていました。 現在のオフィスに移転後は個室がなく集中スペースといえるものはなくなりました。

mzpです。こんにちは。 名古屋にあるMisoca本社で勤務していることが多いが、松江オフィスで数日間勤務した。カニがいっぱい食べれて楽しかった。 🏢勤務の様子 応接エリアなどもあって部屋自体は広い。一人あたりの面積では名古屋の本社よりも広い。 松江オフィスにはあまり来ないので記念撮影をした。 普段は二人しかいないオフィスなので、外部モニタが足りない。 松江はお茶どころとして有名なので、オフィス近くの和菓子屋さんとお茶屋さんで買ってきておやつにしした。急須やコップなどはない。 近所の定食屋でぶりの照り焼きが安すぎて困惑した。650円だった。 そばも食べた。そば屋のカツ丼はうまいという法則がある。 🦀かに小屋 かに小屋が松江駅の近くで開催されていたので、みんなで行った。 1杯づつかにに課金する。 もいで焼く。 かに以外にもあわびなどがある。 🌅宍道湖の夕日 仕事を途中で抜けて宍道湖に沈

こんにちは、@mugi_uno です。 RubyKaigi盛り上がりましたね〜！ そして広島は美味しいものがたくさんでした。次回の仙台も楽しみですね！ さて、みなさんはフロントエンドのフレームワークには何を利用していますか？ Misocaでは一部機能でReact/ReduxによるSPA構成を採用しています。 めろたん(@renyamizuno_)の書いた過去のエントリーにも登場していますね。 tech.misoca.jp しかし、Misocaで利用しているのはReactだけではありません。 jQuery React/ReduxはSPAなどでパワーを発揮しますが、逆に気軽に取り回しにくいため、ちょっとしたコンポーネントを作りたいケースなどでは、さくっと書けるjQueryを利用することもまだまだ多いです。 しかし、DOM操作が柔軟すぎるため影響範囲が読めなかったり、ビューと状態の管理が複雑にな

こんにちは、松江オフィスの日高（hidakatsuya）です。最近はイカの新規勢として子供達と一緒に楽しんでます。楽しい。 私が入社した2015年当時、リモートワーク勢は私含め2人でした。それが、2017年8月現在では6人まで増えとても賑やかになりました。そこで、今回はそのリモートワーク勢が「どんな仕事環境」で「どのように働いているか」について、各メンバーへのインタビュー形式でご紹介したいと思います。 では、早速紹介していきます。メンバーごとに回答をまとめています。 mugi_uno 富山県、リモートワーク歴6ヶ月 仕事環境を見せてください 机は奥行きに余裕があるものが好きで、IKEAのを使っています ケーブル類はテーブル下のケーブルボックスにまとめてスッキリ 左にある存在感のあるマイクは Yetiです。プレゼントでいただきました。YouTuber感がスゴい 椅子はオカムラのコンテッサを使

こんにちは。4月からMisocaにjoinしました、tkykです。京都市内からリモートで働いています。盆地特有のねっとりとした暑さをやり過ごしつつコードを書いている今日この頃です。 さて、今回はMisocaのCI（Continuous Integration）環境がどうなっているか、その全体像を紹介したいと思います。 そもそもCIの目的とは？ ソースコードの一部に対する変更が、アプリケーション全体の動作を壊してしまっていないか、常時チェックするのが目的です。 そのために何をしているか CI専用のサーバに、変更点を含むソースコード全体をチェックアウトして、依存ライブラリのインストールと必要な前処理を行い、すべてのテストを実行します。 すべてのテストがエラーなくpassしたことをもって、CIが通ったとしています。 Gitを使った開発フローとの統合 MisocaはGitHub上で開発を行なってい

Misoca開発チームの黒曜(@kokuyouwind)です。 先日大須演芸場で開催された名古屋Ruby会議03ではTwitterでひたすら実況していました。大喜利が思った以上に大喜利で面白かったです。 お題「みなさんRubocopになってもらって『直しました』といってください。『何を直したんですか？』と聞くので、直したところを答えてください」 須藤さん「直しました」「何を直したんですか？」「RSpecをTestUnitにしました」 #nagoyark03— 黒曜@技術書典2 か-13 (@kokuyouwind) 2017年2月11日 流しの技術フェローに教わったペアプロのコツ 先日、弊社技術フェローのkakutaniさん(@kakutani)からペアプログラミング(以下ペアプロ)のコツを教わり、社内でのペアプロ機運が高まっています。 今回はkakutaniさんから教わった内容のまとめと

こんにちは！ Misoca開発チームのめろたん(@renyamizuno_)です！ 最近、いわゆる「トゥルーワイヤレスイヤホン」というのを買いました。 ボタンを２回押すとアシスタント機能(OK Googleとか)が立ち上がるのですが、 僕の場合は 「null」と発声 pic.twitter.com/YUWf3Ck1fY— わかり亭めろたん。 (@renyamizuno_) 2017年1月25日 「null」が立ち上がりました*1。 はい。 たーのしー！ 最近、「けものフレンズ」なるアニメが流行っていますね！ その影響をもろにうけていてMisocaちほーでも「たのしー！」とか「すごーい！」とかがすごーい流れてます。 その波はとどまること無く、オフィスに来ていた技術フェロー*2の@kakutaniさんにまで流れていたようで、 技術顧問が「すごーい」「そうなんだー」「たのしー」としか言わなくなっ

こんにちは。Misoca開発チームのtaiki-tです。 先日、本を訳したのでそのことについて書きたいと思います。訳した本は「オブジェクト指向設計実践ガイド　～Rubyでわかる 進化しつづける柔軟なアプリケーションの育て方」。 オブジェクト指向設計実践ガイド ~Rubyでわかる 進化しつづける柔軟なアプリケーションの育て方 作者: Sandi Metz,?山泰基出版社/メーカー: 技術評論社発売日: 2016/09/02メディア: 大型本この商品を含むブログを見る 原著は”Practical Object-Oriented Design in Ruby” です。 Practical Object-Oriented Design in Ruby: An Agile Primer (Addison-Wesley Professional Ruby) 作者: Sandi Metz出版社/メーカー