タグ

ブックマーク / tech-blog.yayoi-kk.co.jp (9)

  • 9年モノの Rails アプリで、古い Bootstrap を剥がして FLOCSS 化した話 - 弥生開発者ブログ

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

    9年モノの Rails アプリで、古い Bootstrap を剥がして FLOCSS 化した話 - 弥生開発者ブログ
    yk5656
    yk5656 2020/08/22
  • Misocaのリモートワーカーの仕事環境2019 - 弥生開発者ブログ

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

    Misocaのリモートワーカーの仕事環境2019 - 弥生開発者ブログ
  • 「斧を研ぐ時間」エンジニアリングフライデーという試み - 弥生開発者ブログ

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

    「斧を研ぐ時間」エンジニアリングフライデーという試み - 弥生開発者ブログ
  • 技術フェローが名古屋を流していたのでペアプロの手ほどきを受けたら捗った - 弥生開発者ブログ

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

    技術フェローが名古屋を流していたのでペアプロの手ほどきを受けたら捗った - 弥生開発者ブログ
  • Misoca のリモートワーク環境 - 弥生開発者ブログ

    はじめまして、Misoca 開発チームの日高 @hidakatsuya です。昨年 10 月より、島根県松江市からリモートで Misoca の開発に携わっています。Ruby を使い始めたのは 2007年で、Ruby 1.8.6、Rails 1.2.6 という時代でした。懐かしい。Ruby 向けのオープンソース帳票ツール Thinreports の開発者だったりもします。 曇天の国宝松江城天守閣 さて、冒頭でも書いたように、私は島根県に住んでいます。そんな私が愛知県にオフィスを構える Misoca で仕事ができるのは、リモートワークができる環境があるからこそです。そこで、今回はそんな Misoca のリモートワークについてご紹介したいと思います。 Misoca におけるリモートワークと環境 メンバーの多くが通勤圏内に住んでいることもあり、基的にはオフィスに出社しますが、Misoca ではメ

    Misoca のリモートワーク環境 - 弥生開発者ブログ
  • MisocaにおけるSlack文化 - 弥生開発者ブログ

    Misoca開発チームのmzpです。 年末は福岡に遊びに行ってました。 今日はMisoca開発チームがSlackをどのように使っているかについて紹介したいと思います。 チャンネル 全員が居るチャンネル #general Slackのデフォルトチャンネルその1。外出や早退などの業務連絡はここで行われます。 また、SlackGoogleカレンダーを連携させているので、毎朝、その日の予定が出ます。 #misoca Misocaサービス自体についての話題や、デプロイ報告などが行われるチャンネルです。 オフィシャルな話題はここに集約されています。 #misoca_dev 開発者間での質問/相談/連絡などが行われるチャンネルです。 開発関連で何かあったら、ここで話されます。 #misoca_errors エラー監視の通知が来るチャンネルです。通知が来た場合障害が起こっているかもしれないので即時確認し

    MisocaにおけるSlack文化 - 弥生開発者ブログ
  • ソースコードを読むときの3つのステップ - 弥生開発者ブログ

    はじめに はじめまして。お盆明けからMisocaでインターンをしているhmryuです。Misocaにジョインする前は、個人でサービスを作ったり、研究でプログラムを書いたりしていました。 一方で、チームで開発する経験はあまりなく、Misocaにジョインした始めの頃は慣れないことばかりでした。中でも、他人の書いたソースコードを読んで理解することが、一番大変だったかもしれません。 そこで今回は、機能追加・変更を加えるためにソースコード*1を読む上で、僕が大切だと感じた3つのステップについて書きたいと思います。 1. 機能とソースコードの対応を調べる まず、自分が変更を加える機能がどんなもので、どこに実装されているのか理解する必要があります。実際にサービスを動かして、どんな機能なのかを確認します。その後、その機能がソースコードのどの部分に対応するのかを調べます。 例えば、メール送信について調べる場

    ソースコードを読むときの3つのステップ - 弥生開発者ブログ
  • Misocaのプルリクエストの運用について - 弥生開発者ブログ

    こんにちは。 開発チームのウォーボーイズことめろたん(@renyamizuno_)です。 みんな!V8讃えてるぅ!? はい。 今回は前回まで続けていた便利なGem紹介をネタ切れのため一旦置いておいて、 Misocaのプルリクエストの運用について書きたいと思います! Descriptionのテンプレート 弊社ではプルリクエストのDescriptionを書くときのためのテンプレートが存在しています。 CONTRIBUTING.mdに、 ## 関連文書 * **** * 関連Pull request: xxxx ## 変更点概要 (どう変わるのかを簡潔に。 複数の変更を行なっているならPRを分割すること) ## 注意・伝達事項 * 今後の実装において注意すべき点や、使うと便利な点。 * 見てほしい箇所や、整合性が気になる箇所について。 * レビュー時の観点について:**** ## このPull

    Misocaのプルリクエストの運用について - 弥生開発者ブログ
  • Misocaの開発を支えるツール・サービス(2015年4月版) - 弥生開発者ブログ

    こんにちは、Misoca開発チームのRKTMです。 今日はMisocaの開発を支えるツール・サービスについてご紹介します。*1 (ちなみに、2014年7月時点の状況は、下記の記事の「8. スタンドファームで今使っているツール」に記載しています: Misoca開発プロセスの今までとこれから | 無料の請求書・見積書・納品書の作成管理サービス Misoca(みそか)) コミュニケーション チャットツール:Slack slack.com Misocaでは業務連絡、仕様の相談、雑談、あれやこれやをSlackでこなしています。 Misoca内の非同期コミュニケーションでは、Eメールは全く使いません。 Slackの優れている主な点は以下の通りです。 他サービスとの連携のしやすさ・拡張性の高さ シンプルですっきりとしたUI マルチプラットフォーム(モバイルアプリもシンプルで使いやすい!) Slackでは

    Misocaの開発を支えるツール・サービス(2015年4月版) - 弥生開発者ブログ
  • 1