はじめに こんにちは。転職会議事業部でエンジニアをやっている落合です。最近、転職会議事業部では転職会議MIRRORという新サービスをリリースしました。 詳しくは以下のプレスリリースをご覧ください。 prtimes.jp 私もエンジニアの1人として開発に携わっていたのですが、今回はMIRRORの開発プロジェクトチームにプロジェクトの流れや技術選定・気をつけていたことなどをインタビューしました。 新規サービスの開発の進め方や、リブセンスでのエンジニアの働き方の一例として参考になると嬉しいです。 インタビューに答えていただいた方 転職口コミサイト「転職会議」のエンジニアのみなさんと、開発プロジェクトのプロダクトオーナーの方にお話を伺いました。 転職会議では開発手法としてスクラムを採用しており、1つのスクラムチームにエンジニアが2〜3名と企画職のプロダクトオーナーが1〜3名アサインされて開発を進め

relative/absoluteを利用する方法 Flexbox化し、『align-items: center』を適用する方法 上下に均等なpaddingを確保する方法 table-cell化し、『vertical-align: middle』を適用する方法 line-heightで高さを確保する方法 以下ではそれぞれの方法について紹介します。 relative/absoluteを利用する方法 親要素で囲み、親要素をposition: relative・コンテンツの要素をposition: absoluteとすることで天地中央揃えを実現する方法です。 absoluteとrelativeを利用した上下左右の中央よせ方法で紹介した通り、relative/absoluteを利用した中央よせには『marginプロパティを利用する方法』と『transformプロパティを利用する方法』の2つがあります

条件によってレンダーするコンポーネントを出し分ける際は条件付きレンダーを利用します。 今回は条件付きレンダーの記述方法について紹介します。 条件付きレンダーの記述方法 条件付きレンダーの記述方法について紹介します。 条件分岐を実装したメソッドを定義し、JSX内でメソッドを呼び出す 条件付きレンダーをコンポーネントのメソッドで定義し、JSX内でメソッドを呼び出す方法です。 JSXからメソッドを呼び出す、つまりJSX内に式を埋め込む場合は中括弧（{}）で式を囲む必要があります。1 以下のコードはisMorningがtrueなら<GoodMorning />、falseなら<GoodEvening />をレンダーする例です。 import React from "react"; import GoodEvening from "./GoodEvening"; import GoodMorning

最新CPaaSコミュニケーションAPIを比べる or 使ってみよう！ 【PR】Vonage Japanの9日目を担当する仁科（@nishina555）と申します。 多種多様なデバイスの登場によりCPaaSの注目度はより一層高まっています。 しかし、ひとことでCPaaSといってもその領域は多岐に渡るため、初学者にとっては難しく感じる分野かもしれません。 特に開発者の場合はCPaaSの概要だけでなく、CPaaSから提供されるコミュニケーションAPIの利用方法も理解する必要があります。 そこで今回はCPaaS・コミュニケーションAPIの概要と、VonageとTwilioを例にした具体的なコミュニケーションAPIの利用方法について紹介します。 あわせて、Vonage APIを利用した開発のTipsについても紹介します。 本記事は2021年12月現在の情報をもとに執筆しています。 本記事で紹介してい

自分たちのチームはチーム発足から5ヶ月間モブプログラミング（以下モブプロ）で業務を行ってきました。 今回は5ヶ月モブプロを実施して気づいたことについて紹介したいと思います。 モブプロの導入 自分たちのチームは2つのチームが合併したことで生まれました。 それぞれのチームの仕事の領域は異なっており、お互いのチームが何をやっているかを共有する必要がありました。 そこでモブプロを導入すればお互いのチームの知識を共有しながら業務を進めることができるのではないかと思ったのがモブプロを実施するきっかけでした。 効率について考えはじめる これまでの仕事スタイルとしてフルリモートで勤務していたこともあり、個人をタスクにアサインし、アサインされた人がタスクを完了まで対応するという働き方が基本でした。 そのためモブプロの導入はタスク遂行の効率が悪くなるのでは？という見方がありました。 モブプロの導入を考えてから

Webデベロッパーです。現在は業務委託で仕事をしています。サーバーサイドがメイン。Rails/React/Redux/Node/GraphQL/AWS。大学院時代は自然言語処理の研究を行っていました。

Help us understand the problem. What is going on with this article?

銀座Rails#31 https://ginza-rails.connpass.com/event/205651/

FCC fines America's largest wireless carriers $200 million for selling customer location data

もともとインフラエンジニアをしていた私が、LINEに入るまで知らなかった「テクニカルライターという職種があること」と「LINEにはテクニカルライティング専門のチームがあること」の2つについてお話しします。技術も好きだし、ドキュメントを書いたり、人に教えたりするのも好きだ、という方に「こういうキャリアもあるんだ」と発見してもらえるセッションです。 ■ 発表者 堀越 良子 / LINE株式会社 テクニカルライター。元インフラエンジニア。ねこが好き。 https://twitter.com/mochikoAsTech ■ セッション動画 https://youtu.be/nmFVXJGiCxM?t=2817 ※こちらは以下イベント内で発表した内容です https://line.connpass.com/event/205655/

GitHub謹製！コントリビューション（通称：草）を3Dにできるツール「Skyline」を早速使ってみた Skyline https://skyline.github.com/ 「Skyline」は、GitHubによって提供されているコントリビューション（通称：草）を3Dに表示できるツールです。GitHubのユーザー名を入力するだけで、簡単に作成が可能。 完成したグラフは、STL（Standard Triangulated Language）形式でダウンロードできるので、3Dプリンタなどの二次加工にも使えそうです。 Skylineを使ってみる 手順は非常に簡単、GitHubのユーザー名を入力するだけ。 神々しい音楽とともに、3Dグラフが作られていきます。 正面で見るとこんな感じ。 あとは、マウスをぐりぐりして、上にしたり 横にして眺めることもできる。 作成したグラフは、こちらのボタンからダ

heyのプラットフォーム本部でプログラマーを務める卜部昌平さん。また、Rubyのコミッターという顔を持ってもいます。そんな卜部さんに、heyで働く理由やこれまでのキャリアなどを聞きました。 ゲームを作るために始めたプログラミング ──これまでに受けられていたインタビューを拝見すると、大学時代ですでにRubyの開発に取り組まれていたとか。小さな頃からプログラミングをやっていたんですか？ パソコンを初めて触ったのは中学の時くらいでした。当時はまだインターネットにも繋がっていないもので、父が仕事の報告書を作るために持ち帰ってきたものでした。 ──お父様のお仕事が考古学者だったというのもインタビュー記事で拝見しました。面白そうですね。 子供の頃はまれにフィールドワークに連れて行ってもらったりしました。矢尻のようなものを発掘した記憶もあります。といっても素人には区別がつかないので、まわりの方が教えて

楽天、楽天カード、楽天Edyは12月25日、利用中の営業管理用SaaSが不正アクセスを受け、保管していた個人情報など最大148万6291件が流出した可能性があると発表した。営業管理用SaaSのセキュリティ設定にミスがあったことが原因という。 漏えいした可能性があるのは、楽天では2016年1月から20年11月までにECサイト「楽天市場」の法人向け資料を請求した企業の名称や住所など（最大138万1735件）。楽天カードでは13年4月から20年7月の間に事業者向けビジネスローンに申し込んだ法人の住所や口座番号、売上高など（最大1万5415件）。楽天Edyでは10年10月から20年11月の間に、携帯端末が故障した際の残高移行サービスに申し込んだ人の氏名や電話番号など（最大8万9141件）。 このうち楽天で208件、楽天カードで304件、楽天Edyで102件の情報は実際に流出を確認した。同日の時点で

先日、技術評論社のSoftware Design 2020年12月号に寄稿させていただきました。技術商業誌への寄稿は今回が初めてです。 僕は『第1特集 Dockerアプリケーション開発実践ガイド』という4章構成の特集の第3章を担当しました。ページ数にすると8ページです。 技術商業誌への寄稿は以前から興味があり、技術雑誌を買うとよく「どういった人が執筆しているんだろう」と執筆者のことを調べていました。 今回は僕が執筆者の立場になったため、自分の体験談をもとに執筆開始から雑誌として発売されるまでの流れについて紹介をします。 以下のような疑問について答えていきます。 執筆依頼がきてから商業誌販売までの具体的な流れ 執筆作業は大きく分けると『原稿を完成させるフェーズ』と『原稿を元に作成された誌面を修正するフェーズ』の2つに分かれています。 予定されていたスケジュールおよび作業実績のまとめは以下の図

銀座Rails#26の登壇資料です https://ginza-rails.connpass.com/event/189892/

キャッシュレス決済の「PayPay」は、22日昼前からシステムに不具合が発生し、一部でアプリが使えなかったり決済に時間がかかったりしていると発表しました。 会社では復旧を急いでいますが、不具合の解消のめどは今のところたっていないということです。

Railsアプリケーションの準備 今回はdocker-rails6-api-mysql8というディレクトリにrails6_api_mysql8という名前のアプリケーションを作成します。 ディレクトリの作成・移動をします。 $ mkdir docker-rails6-api-mysql8 && cd $_ rubyイメージを利用してローカル環境にGemfileを作成します。 $ docker run --rm -v `pwd`:/docker-rails6-api-mysql8 -w /docker-rails6-api-mysql8 ruby:2.7.1 bundle init 作成されたGemfileの『gem “rails”』をアンコメントし、railsのバージョンを指定します。 Gemfile # frozen_string_literal: true source "https:/

今回はRails 6とMySQL 8を組み合わせたWebアプリケーションのDocker環境を構築する手順について紹介します。 Rails 6からwebpackerが標準でインストールされるようになったり、MySQL 8からユーザー認証の方式が変わったりと環境構築でつまる部分がいろいろとあったため参考になればと思います。 複数人でもスムーズに開発ができるようにするためリモートリポジトリからcloneしてきたらdocker-compose upするだけでアプリケーションが立ち上がるという環境をゴールにします。 各種バージョンは以下の通りです。 Ruby on Rails: 6.0.3.2 Ruby: 2.7.1 MySQL: 8.0.21 実行環境はDocker Desktop for Mac（バージョン 2.3.0.4）を利用しています。 Railsアプリケーションの準備 ディレクトリの作成