はてなブックマーク

はじめに 初めまして、レバレジーズ株式会社FEエンジニアの森山です。 今回は、React開発におけるコンポーネントの定義方法の１つの解をご紹介します。 結論 結論を簡潔に記載すると以下です。 ロジックをUIロジックと業務ロジックに切り分ける。 UIとUIロジックは密結合させて再利用性を高める。 UIと業務ロジックは疎結合にして再利用性を高める。 背景や具体的な例は後述します。 なぜこの記事を書いたのか 私が調べた限りではReactにおけるコンポーネントの定義方法におけるベストプラクティスが存在しないからです。 Reactの公式ドキュメントにおいてもコンポーネントの定義方法の方針は記載が無いかと思います。これはReactの思想として開発者がプロジェクトの規模や特性を考慮してある程度の自由度を持って開発できることを尊重したのではないかと考えています。 自由度が高いと開発方法の手段が増えます。手

はじめに こんにちは、レバテック開発部の河村です。 私はレバテック各種メディアのリプレイスを担当しており、バックエンドを中心にフルスタック開発を行っています。 今回は管理画面のリリースで採用した、フルスタックフレームワークであるfrourioについて、frourioを採用した理由や使ってみて良かったこと、困ったことを紹介します。 この記事を通して、frourioのメリット、デメリットだけでなく、レバテック開発部ではどのような背景のもと、技術・アーキテクチャの選定を行っているのか、どれくらいのスピード感で開発を行っているのかをお伝えできればと思います。 なお、この記事ではfrourioにおける環境構築や使い方等の説明は割愛させていただきます。 開発背景・経緯 今回、開発する対象となった管理画面は、レバテックの各メディアで運用する記事やセミナー情報、エントリー情報を管理するものになります。 す

対象読者 マイクロサービス化を検討しており、実際に作る場合の構成を参考にしたい。 ドメイン駆動設計について、基本的な用語の知識がある。 TypeScript を多少触ったことがある。理解がある。 はじめに こんにちは。エンジニアの吉村です。 現在、弊社が運営する teratail というサービスに携わっており、CakePHP で動作しているモノリシックな既存サービスをマイクロサービスに移行するというプロジェクトを進行中です。 この記事では、実務を通して得た知見として、マイクロサービス化によりどんな恩恵があるのか、具体的にどのような構成で実装をしているのかについてご紹介します。 TL;DR マイクロサービスのバックエンドサービスの実装に焦点を絞って、ドメイン駆動設計 + オニオンアーキテクチャをベースに設計をしました。 本記事では、具体的に「ユーザ新規登録処理」の実装をする場合を例にとり、実

Leverages Advent Calendar 2019 - Qiita 最終日を担当します。ITインフラの研究職からSREを経て、現職ではいつの間にかVPoEのようなことをやっています久松です。キャリアを拗らせて唸っているうちにこういうキャリアになった、と説明しています。 今回はHRE（Human Resource Engineering）と題しましてエンジニア組織のカタチとマネージメントについてお話させていただきます。昨今のエンジニア組織マネージメントの難しさに悩む方々は多いかと思います。組織図や開発関係者一覧、タスク量計算をしていて「何だこれは」と思っている方々も多いのではないでしょうか。私自身、VPoE的な業務に取り組むにつれ、ふとインフラエンジニアだったあの頃と似通った着想に至りました。組織図をCDPっぽく描くというのが今回の主テーマです。何故EMやVPoEといったソフトなス

はじめに はじめまして！ Leverages（レバレジーズ）Advent Calendar 2019 18日目担当の吉澤です。 普段は、看護師向けの転職サイトや社内システムの開発・運用などをしています。 今回は、LINEでの顧客対応に用いられるチャットシステムの構築についてと実際運用してみてどうなの？みたいなところを書いていこうと思います。 何作ってるの？ ↓ざっくりこんな感じのやつを作っています。 開発に至った背景については以下の記事に書かれています。 markezine.jp LINEのMessaging APIとFirestoreを用いて、社内のSFA/CRMシステムから顧客とLINEのやり取りができるような機能です。 以下、内製のSFA/CRMシステムを社内システムと略します。 構成 全体的な構成としては以下の様になっています。 サーバーサイド まず、ユーザーがメッセージを送るとL

はじめに こんにちは！ 18卒のいっちーと呼ばれている者です。もう入社してから1年が経ちました。そんな1年のほとんどの期間で実装を行ってきたSlackbotについての記事をここで投稿しておこうと思います。 今回は僕がSlackbotを実装する上で苦労した所を書きます。 僕のこの記事を読んで一人でも同じ失敗をしない人が増えればいいなぁと思います。 TL;DR 学んだこと 長いので簡単にまとめると、大変だからこれは心がけよう！と学んだことは次の3つです。 なるべくチャンネル間のやり取りを行う場合は、データベースを使ったほうがいいということ ダイアログの要素のサイズに注意すること ライブラリのチェックはこまめに行うようにリポジトリの通知をつけること 実際の申請画面のスクショはこちら。 申請画面 対象読者 これからSlackbotでチャンネル間のメッセージをダイアログで実現しようとしている人 ライ

はじめに レバレジーズ株式会社インハウスエンジニアの村本です。 本稿では、DocBaseというドキュメントツールを浸透させるために試行錯誤した際のお話を綴っております。 これから組織にドキュメントツールを導入したいと思っている方や、使われていないツールを使ってもらいたいと思っている方が、ツールを浸透させる際の一つの参考になれば幸いです。 ドキュメントツールを浸透させようと思った背景 当時弊社ではドキュメントをまとめていたツールが乱立していました。各チームでベストだと思うツールを選択していた結果なのかと思いますが、チーム間のナレッジ共有や異動の際には不便極まりないものでした。 当時の状態を伝えるために、簡単に当時使われていたツールを列挙してみます。 Confluence esa Google Docs Google Sites Google Spreadsheet ファイル共有サーバ Git

はじめに こんにちは！ 新卒1年目エンジニアのKMです。 大学では、企業や地方自治体と連携して、アプリを企画・開発していました。 今は、キャリアチケットという新卒向け就職支援の新規サービスを開発しています。 新卒1年目が新規サービスを開発する上で学んだことを紹介できればと思います。 背景 レバレジーズといえば、オールインハウスです！ 弊社は、エンジニア・デザイナー・マーケーターが密に連携してサービスを作り上げるのが特徴です。 何かデザインで困ったことがあれば、すぐ近くにいるデザイナーさんと話し合いながら業務を進めています。 弊社だと職種に関係なく、共同で作業を進めるためにGoogleスプレッドシートを使用することが多くあります。 例えば、エンジニアではなくてもプログラムを書いて、外部からデータを取得してスプレッドシート上に記録したい場合が多々あります。 ですが、職種によってはWindows

1. はじめに メディカル事業部インフラ担当新卒2年目エンジニアの村本と申します。 本記事では、私が新卒1年目でインフラ経験0のところから、メディカル事業部のインフラを任せられるようになるまでに、ぶち当たった壁とその対処法を綴っております。 これからエンジニアになる学生の方や、これからインフラ業務に携わる方、これからインフラ担当者を育てるという方が、学び・学ばせる一つの参考になれば幸いです。 2. インフラ担当となった背景 私は配属後、メディカル事業部の社内向けの営業管理ツールとオウンド媒体の大規模リニューアルプロジェクトに携わっておりました。 配属されて3ヶ月間は営業管理ツールの開発をしており、ひたすらPHPを使ってWebページ作成していました。 そんな中ひょんなことからCircleCIを使ったテストとデプロイの自動化タスクが振って来ました(自席に帰ってくるとCircleCIと書かれたメ

はじめまして。この度、レバレジーズもテックブログをはじめることになりました🙋。 記念すべき1エントリー目を担当させていただく事になりました。KTです。 初回ということで、簡単にレバレジーズについてと、私の所属チームの紹介をさせてください。 レバレジーズについて オフィスイメージ レバレジーズは、主に人材領域で事業を拡大してきました。 エンジニア・看護師・介護福祉士・フリーターの方々への転職支援サービスや、 エンジニアの為のQ&Aサービスである、teratailなどを運営しております。 年間で10数個、様々な新規事業を創り、海外にも展開をしていく。そんな会社です。※1 基本的にオールインハウスでプロジェクトを制作しており、制作、営業とマーケに精通した人材が社内にいる ことで、コミュニケーションコストと社内での知の蓄積と共有ができるということが弊社の強みだと思います。 このブログでは、プロジ