おひさしぶりです🔅 最近は週末プロジェクトでアプリを2つリリースしようと動いていたり、一人暮らしを始めたり、バタバタした日々を過ごしておりました.... （toCサービス好きな人、一緒に週末プロジェクトやりませんか・・笑 週末プロジェクトはなかなか難しい....） 先日こんなイベントがあり、他社のサービスのFigmaファイルを見る機会が...！そして、Twitterなどで各社、各サービスがFigmaデータやDesign Systemをオープンにしているのを最近ちらほら見かけますよね...！ 私がUIを勉強し始めた時は、Apple社が提唱するHuman Interface GuidelinesやGoogle社が提唱するMaterial designなどのUI設計の原則を定めたガイドラインを読んだり、本やnoteを読んだり、AppleやGoogle社が開発するアプリを中心にトレースしたり..

最近夜や休日に自分の勉強や開発をできなくなった。 夜や休日にそんなことせずに業務時間内でやるべきでしょという意見もあると思うが、自分の場合は以前は苦もなく自然とやれていた。それが今はできていない。 理由は明確で、自分が集中できていないからである。背景には育児家事の話はもちろんあるが、時間が取れていないわけではない。 息子は睡眠エリートで毎日2~3時間昼寝をするし夜20時半には寝ている。寝ている時間に何かをすればよいのだが、手が付かない。イメージとしては、1日のMPを使い果たしている感じ。こういう感覚は育児に関係なく経験していて、集中できなくなってしまう時期はあった。 なので「育児家事で時間が取れない」というのは正確ではなくて、「自分が集中できていない」というのが正しい気がする。これは自分の考えであって、家庭にもよるとは思う。家事育児の事情は本当に家庭によって全然違う。子どもが生まれたことで

July 2, 2021 You can now run Node.js projects faster on GitHub Actions by enabling dependency caching on the setup-node action. setup-node supports caching from both npm and yarn package managers. - uses: actions/setup-node@v2 with: node-version: '14' cache: npm For questions, visit the GitHub Actions community Maintainers now have additional control over when they must approve Actions runs for ne

こんにちは、マネーフォワード 福岡開発拠点のStart up Studio部で新規プロダクトを開発しているバックエンドエンジニアのダンと申します。 今回の記事は私たちのチームでマイクロサービスアーキテクチャにあるAPI Gatewayの課題を解決できるソリューションを検討の経緯、そして辿り着けた優れたGraphQL Federationについて紹介させていただきます。 課題 GraphQL Federationの前の世界 GraphQLの誕生 GraphQL Federation登場 - "One endpoint to rule them all" 1. 課題 まずは、マイクロサービスアーキテクチャによく出会うパターンの例を説明します。 製品をレビューするシステムを構築するプロジェクトで、フロントエンドとバックエンド二つのコンポーネントがある。 バックエンド側はドメインによる三つのサービ

CSS と WAI-ARIA 「WAI-ARIA」はブラウザー・支援技術が認識できる「意味」を注釈することで、ユーザーの理解を助ける技術です。この与えられた注釈は CSS にも共有され、意味をたよりに装飾の手がかりとすることができます。 セマンティックな「状態」表現 特別な理由があり「セマンティックではない」以下の様なマークアップを行った場合をみてみます。spanタグの class 名に btnの名前が付与されていますが、ブラウザー・支援技術は、以下をボタンだと認識できません。

新型コロナ禍での実施を目指す今夏の東京五輪・パラリンピック大会で、滞在中の選手らに徹底した感染防止対策と、厳しい行動管理が課される東京・中央区晴海の「選手村」に、アルコール類の持ち込みが禁止されていないことが２８日、判明した。酒類の提供、販売はないが、最低限の選手同士の交流を尊重するというのが理由だ。組織委担当者は「節度を持って行動してくれるはず」と選手らのマナーに期待しているが、感染防止の観点から不安視する声も出てきた。 【写真】おのののか、東京五輪代表の夫とラブラブ夫婦ショット公開 感染防止に外部との接触が完全に遮断される選手村で、なぜか「お酒はＯＫ」だということが判明した。組織委の選手村担当者は、酒類に関し「組織委自らがお酒を提供することもなければ、村内での販売もない。ただし持ち込みは可。祝勝会などの要望があればケータリングとして届けることもできる。理由としては、選手村はもともとが異

こんにちは、マネーフォワード人事の田鍋です。 エンジニア・デザイナー採用を2年ほど担当しておりますが、最近は東京以外での採用が活発になってきました。 本日は、エンジニア・デザイナーの方向けの福岡・京都へのUIターン費用サポートキャンペーンについて発表させていただきます！ なぜ、UIターン費用サポートキャンペーンを行うのか？ マネーフォワードは、東京、福岡、京都、ベトナムに開発拠点を設けております。 福岡は2017年に、京都は2019年にオープンしました。 福岡では「マネーフォワード クラウド経費」と「マネーフォワード クラウド債務支払」、京都では「マネーフォワード クラウド会計Plus」をメインに開発しています。 そして、既存事業はもちろん、新規事業の開発にも力を入れています。 （詳しくはこちらの「新規事業に挑戦してくれる人、募集します」をご参照ください！） 東京に比べると絶対数は少ないな

イラストと文　スミカ さまざまな理由で、一度仕事を「辞める」選択をした人は少なくないはず。また働きたい、と思ったときブランクが長かったり、環境によっては「大丈夫だろうか」と迷いが生じたりすることも。 東海地方在住のブロガー・スミカさんも、多忙を極める日々で家庭との両立に悩み、一度会社を辞める決断をしました。それから約8年振りに、デザイナーとして現在の会社にパート勤務として復職したというスミカさん。時折在宅でできるイラストの依頼を個人で引き受けていたものの「ほぼ専業主婦だったから不安だった」のだそう。どのようにして復職を進めていったのか、実際に仕事を再開して感じたことなどをつづっていただいています。 ＊＊＊ 働き続けることって、難しい 「人を動かす広告を作るぞ！」と大きな野望を胸に、新卒でグラフィックデザイナーとしてデザイン事務所に就職した私。 多くの人が「知ってる！」と答えるようなクライア

こんにちは、マネーフォワード CTOの中出(なかで)です。 CTOの私が普段なにを感じて、どんなことを考えているかを、改めて言語化して、社内に共有するという取り組みをしています。 そうしたところ「当社のエンジニア組織に興味を持っている方にも読んでいただくのがいいのでは？」という社内の意見もあり、今回公開することにしました。 もちろん、日々考えていることは変化しているので、今後は四半期に一度ぐらいの頻度で、変更があれば更新していきます。 ※公開用として、社内向けの内容を一部編集しております。 これからのマネーフォワードのエンジニア組織について まず、マネーフォワードのエンジニア組織として「どこを目指すのか」という話をしたいと思います。 もちろんビジネスには「やれる・やれない」という議論も必要ですが、まずは私たちが「どこを目指すのか」という意志が必要です。 そして、「どこを目指すのか」を決めた

こんにちは。 経費精算サービス「マネーフォワード クラウド経費」の開発チームでフロントエンドエンジニアをしている坂本です。 クラウド経費ではJSのライブラリとしてReactを採用しているのですが、最近クラウド経費で React Component を実装する際のルールをまとめたので、その話を書こうと思います。 なぜルールをまとめようと思ったのか Componentの分割ルールとしてAtomic Design、スタイルの管理としてstyled-components、GraphQL用のライブラリとしてApollo Clientを導入し実装を進めています。 昨年の10月までは挙げた３つとも使用していなかったので、試行錯誤しながら進めています。 チームメンバーの各々が試行錯誤しながら実装を進めていくので、最近はチーム内で認識の齟齬や持っている情報に差が出るようになりました。 そこで一旦現状を整理し

こんにちは！ 2019年7月に中途入社した @ktmouk と申します。 HRプロダクト領域の開発を担当しています。 アプリを開発するのが好きで、 プライベートでも『Hackaru』という時間を管理できるアプリを開発しています。 今回は初めてブログを書かせていただきます。 本稿では、依存パッケージの更新業務のフローを改善した話を紹介します！ 依存パッケージの更新とは HRプロダクト開発チームでは、毎週火曜日〜金曜日に依存パッケージの更新をしています。 Gemfileやpackage.jsonのような、プロダクトで使用しているパッケージをバージョンアップする作業です。 中には脆弱性を修正するような重要な更新も含まれているので、定期的にアップデートするのは大切な作業になります。 Dependabotを使用しています。 依存パッケージのバージョンアップには、「Dependabot」を使用していま

こちらはMoney Forward Advent Calendar 2019 25日目の記事です。 こんにちは、マネーフォワード CTOの中出(なかで)です。 2019年の振り返りと2020年の抱負を書いてみたいと思います。 2019年のマネーフォワードの振り返り 2019年を一言で表すと 拡大 の一年でした。 Advent Calendar 1日目の記事 や 2日目の記事 の通り、2019年のマネーフォワードは将来の事業成長のために積極的に開発組織への投資を行いました。 1月にはマネーフォワード Vietnamで100名体制の開発組織を構築するための開発拠点をオープンし、2月には福岡に続く国内開発拠点を京都に開設、3月にはマネーフォワードの持つデータを元に新たな価値を創造するためMoney Forward Labを立ち上げ、すでに研究者がいくつかの研究を開始しており研究成果が形になってき

君へ、 つい最近まで、南米で3ヶ月ほどデータエンジニアとして仕事していた。Tシャツで帰ってきて震えた。寒くて。 僕にとって2019年は、あんまりいろんなことが無かったくせに、いや糞ヒマだったからこそ、いろいろ考えることが多い1年だったと思う。最後の3ヶ月以外は、基本的にヒマだった。 過去に僕はベルリンで1年ほど働いていたこと*1があり、まあ結論からいうと音を上げて、日本に逃げ帰ってきた。何がそんなにしんどかったかというと、ベルリンは十分英語で生活できるとはいえ、ドイツ語関連のトラブルシューティングに付き合ってくれるドイツ人の友人を作ることができなかったというのが大きいが、そういう人間関係を構築することが出来なかったことも含めて、当時所属していた会社の上司および同僚と上手くいかなかったのが致命的だった。 とくに、エンジニアの同僚氏、つまり君は、まったく許せなかった。 あれからもう3年も経ち、

こちらに移行しました。 kimromi.work

こちらに移行しました。 kimromi.work

［速報］GitHub Actionsが正式版に。GitHub内でビルド／テスト／デプロイなど実行、CI/CDを実現。GitHub Universe 2019 GitHub Actionsは1年前のGitHub Universe 2018で発表された新サービス。GitHubのイベントをトリガーとして、GitHub内で任意のDockerコンテナを実行でき、連係させていくことにより、ユーザーがGitHubで自由にワークフローを定義できるというものでした。 ［速報］GitHub Actions発表、Dockerコンテナの連係によるワークフローを自由に定義可能。GitHub Universe 2018 例えば、コードのマージをきっかけに、Dockerコンテナでコードをビルドし、テストを実行、クラウドへデプロイすることで、CI/CDの実現などが可能です。 GitHubは今年の8月にこのActionsの

こんにちは。 『マネーフォワード クラウド経費』のフロントエンドエンジニアをしている木村(@kimromi)です。 Ruby on Railsを利用してサービス開発を進めているプロダクトのフロントエンドの環境を整えていき、UIの改善やフロントエンド側の開発効率アップなどにつなげていくような動きを現在やっています。 なぜクロスブラウザのE2Eテストが必要になったか ある日、IE11のみでJavaScriptエラーが起こり動作しないとの連絡が入り、慌てて対象のプルリクエストをリバートしたということが起こりました。 原因としてはライブラリの追加によるものでした。 現在フロントエンドの改修を行っていく中で、ライブラリの追加やビルド方式の変更などドラスティックな変更をすることが多くなってきています。 そのたびにMicrosoftからダウンロードできるVM環境を立ち上げ手元で確認するのは手間がかかり確

2019.11.02 に FRONTEND CONFERENCE 2019 (#frontkansai) にて発表したスライドです。