はてなブックマーク

はじめに AppBrewでプロジェクトマネージャー（以下PM）をしている「なっつん」です。 本日2022年10月24日(月)、「LIPS」ロゴ及びUIのリデザインを発表しました。この記事では、本プロジェクトのPMとしてその背景や新ロゴ決定までの過程についてご紹介します。 リデザイン背景 LIPSはローンチ当初、10代女性をターゲットに開発。リリースから9ヶ月でAppStore総合無料ランキング1位を獲得するまでに広がりをみせました。 サービスローンチ当初のロゴ。まつ毛の長い”鹿”は美容サービスのシンボルとしてマッチすると考え、採用。 2018年には「より幅広い年齢層の方にも利用して欲しい」「LIPSを愛してくれるユーザーと一緒に、素敵な女性として成長していきたい」という思いから、ロゴのリニューアルを実施。その際、シンボルマークである鹿も、より女性らしい成長を遂げた表情・デザインになりました

こんにちは、AppBrewに業務委託で参加させてもらっているsnikiです。 本業ではヤフー株式会社でYahoo! JAPANアプリのバックエンド開発をやっています。 今回は、AWSのChatbot/Step Functions/CDK等を利用してAmazon Auroraをcloneするツールを作成したのでご紹介します。 背景 機能の説明 利用したAWSのサービスとシステム構成 この構成に至るまで slackのコマンドを受け付けるには cloneからmasking、instance class設定、通知まで Aurora Clone(Lambda) Aurora Masking(ECS) Modify Clone DB Instance Class(Lambda) Notify Slack(Lambda) 補足 なぜLamdaとECSが別れているのか インスタンスクラス変更のタスクは何？

はじめに AppBrewでスクラムマスター、ディレクターをしています「なっつん」です。 今回は、文系非開発職の私が「Google Apps Script（以下GAS）を書いてちょっとめんどくさい請求書処理フローを改善した話」について書きます。 先に少し私の自己紹介をしておくと、新卒からディレクターとして働き現在7年目です。AppBrewに入社するまでは 決済・会員基盤開発チームのディレクター to C・to Bサービスのプロダクトマネージャー webメディアのコンテンツ制作やYoutube動画のディレクター など、自らの好奇心に任せて、ディレクターやプロダクトマネージャーとしてサービスやコンテンツを作る動きをしてきました。 そして現在AppBrewでは、これまでの経験を生かしてスクラムマスターとして「最大限のパフォーマンスを発揮する最高のチームをみんなで作るための取り組み」をしています。

こんにちは。れとるときゃりー(@retoruto_carry)と申します。 AppbrewではPdM・デザイナー・フロントエンドエンジニアをやっています。 プライベートでは、個人開発でみんなのボタンメーカーというサービスを運営したりしています。 ほぼ毎週ツイッターのトレンドに乗るような、所謂「バズ系」のWebサービスで、月に50万人くらいに利用してもらっています。 ツイッターをやっている方は、なんとなく見たことある気がする人も多いのではないでしょうか？ みんなのボタンメーカー 今回は、その知見を活用し、お仕事で「LIPSショッピング」というコスメの買い物ができるサービスのバズキャンペーンの企画・デザイン・実装を行いました。 コスメクーポンガチャ ちょうどいいので、それを題材にして、再現性をもって「バズ」るサービスを作る方法について話していこうと思います。 キャンペーンはかなり好評で、ツイッ

AppBrewハックデー第0回を開催しました！ こんにちは、AppBrew プロダクト部の吉本です。エンジニアをやりつつ、Slack警察*1やSQL学園長*2などを務めています。 突然ですが、こう思ったことはありませんか？ 気になっている課題があるけど、普段の業務からはちょっと離れていてなかなか取りかかれない！ どうしても普段の業務に追われがちで、課題解決のためにまとまった時間をとるのが難しい！ AppBrewではフレームワークのバージョンアップ や 新しい技術の採用 、技術的負債の解消などを十分に重要視していますし、業務時間の一部を自分の取り組みたいことに当ててよいという文化もあります。しかしそれでも、日々プロダクトの改善を行っていく中で、個々にリソースを調整して課題に取り組むというのは簡単なことではありません。 そこで思い切って、普段の業務から丸一日離れてやりたかったことをやってみると

こんにちは、id:r7kamura です。業務委託という形で1年ほど関わりながら、美容のクチコミサービスLIPSに利用しているRuby on Rails (以下Rails) というWebアプリケーションフレームワークのバージョンを、4.2から6.1に上げました。 Rails 4.2のリリースは2014年、Rails 6.1のリリースは2020年なので、およそ6年分のバージョンアップを一気に推し進めたことになります。 今回はこれを題材に、この手のフレームワークのバージョンアップ時に起こりがちな諸問題や、やって良かったこと悪かったこと等について振り返ろうと思います。 あまりRailsに限った話はしないように心掛けて書いたので、こういったバージョンアップ作業に興味がある方にはぜひ読んでいってもらえればと思います。 変更の粒度など レビューのやり方 複数データベース対応で困った話 テストがなくて困

株式会社AppBrewでインターンをしている Sora (@sora)と申します。 お茶の水女子大学のM1で、自然言語処理を研究しています。AppBrewでは主にWeb版LIPSの開発をしています。 ところで、もうすぐGoogle検索のランキング要因にCore Web Vitalsが導入されますが、対策はしていますか？ 今回はCWV導入直前ということで、LIPSでどのように数値計測・改善したのか、小ネタをいくつかご紹介したいと思います！ SEO担当者さんの参考になれば嬉しいです。 そもそもCore Web Vitalsとは？ 継続的なパフォーマンス監視 SpeedCurve導入 CWV改善施策の例 CLSの改善 画像まわり 画像サイズの最適化 Cache-Controlの設定 大きすぎるページの改善 おわりに そもそもCore Web Vitalsとは？ ユーザーエクスペリエンス向上に重要

お菓子神社はじめました AppBrewでは最近「お菓子神社」なるものを設置しました。お菓子は基本無料でもらえて、お菓子をもらったら募金するor他のお菓子を補充することで運営されています。今回は神主（お菓子神社責任者）の @abeshi がお送りします。 これがお菓子神社だ How To お菓子神社運営🍫 お菓子は無料で食べ放題 ただし、食べたらお菓子を補充するかお金を寄付する お菓子が少なくなったら神主がお菓子を買いに行く 善意で成り立つ、ほのぼの社内コミュニケーション＋業務パフォーマンス施策です😋 お菓子神社がもたらしたハッピー効果✌️ 少しお腹が空いた時、わざわざ買いに行かずに小腹を満たせる🍰 → 普段一人では買わないお菓子が食べられて嬉しい お菓子神社の周りに人が集まり、普段仕事で話さないメンバーとコミュニケーションが生まれる → 対面で集まる機会がかなり減り、チーム間コミュニ

こんにちは、AppBrewの新規事業部の吉野です。 この記事は「Flutter #1 Advent Calendar 2020」の７日目の記事になります。（23時に参加登録しました） 弊社の新規事業部では去年の冬頃からFlutterを採用したため、そろそろ書き始めて１年経つことになります。 ぼちぼち手に馴染んできたとはいえ、UIの開発をしていると、何度も「あれってどうやって書くんだっけ」みたいなことがあり、 よくプロジェクト内を探ったりして時間を使ってしまうことがあります。 そこで、この一年間を雑に振り返ってよく調べた/使ったUIの実装をまとめていこうと思います。 Flutterに興味がない方のために、とりあえず、うちのかわいい猫の画像を貼っておきます。 かわいい猫 はじめに よくあるUIの作り方（ちっちゃいもの編） RippleEffectがある角丸ボタン グラデーションのついたアイコン

株式会社AppBrewの@anoworlです。AWSのドキュメントを読むのが趣味です。これは「AWS Containers Advent Calendar 2020」の6日目の記事です。昨日の記事は@RyuSAさんの「EKS:Fargateから始めるハニポ生活」でした。 データベースの認証情報など、コンテナに環境変数で注入している方は多いのではないかなと思います。 この記事では「ECSで立ち上げるコンテナへの環境変数注入 - 2020下半期版」と題して、Twelve-Factor Appに則ってアプリケーションを作る際には必須となる、環境変数による依存性注入の方法についてご紹介します。 目標 4つの方法 1. Dockerfileに含める 2. Task Definitionに記述する 3. Parameter Store もしくは Secrets Managerに格納する 4. S3に格

はじめに 株式会社AppBrewの@anoworlです。コスパの良い費用削減が趣味です。これは「💰 AWSの費用削減 💸 Advent Calendar 2020」1日目の記事です。 AWSの費用削減と聞いて最初に思い浮かぶのは何でしょうか？ EC2？S3？はたまたRDS？ でもここで最初に取り挙げたいのはCloudFrontです1。 なぜなら大規模サービスであればあるほど、コスパ良く削減しやすいから。 理由は2つあります。 サービスの規模に比例して費用が上がる 係数が少ない ではCloudFrontを概観したあと、3つの係数を見ていきましょう。 はじめに 費用を要素分解してみよう 単価を減らす 転送量を減らす リクエスト数を減らす 小咄: POSTリクエストに気をつけろ！ おわりに We are hiring! 費用を要素分解してみよう CloudFrontはCDNであり、Cloud

こんにちは、最近はアプリグロースを担当しているabeshi（@abeshi_official）です。 美容のプラットフォーム「LIPS」を運営するAppBrewでは非開発職のSQL習得に力を入れています。誰でもRe:dashやログを触れる状態になっているし、それぞれのDBに何がどう入っているかを共有するためのドキュメントも存在しています。 「非開発職もSQL書けるように頑張ろう！」と掲げたところで、当の本人たちは毎日仕事が忙しくなかなか時間も取れない上に明確な目標がないといまいち学習モチベーションを保つことができません。そこで弊社が導入したのが「SQLテスト制度」です。 ✍️SQLテスト制度とは SQLの学習到達度によってレベルごとに分けたテストで、合格すると給与が上がります。 *1現在は二つレベルが存在していて、 【レベル2】... 初学者向けでwhere・joinなど基本的な文法が使え

AppBrew で LIPS のリードエンジニアをしている @spinute です。 突然ですが、みなさん、コマンドラインは好きですか？ 私は好きです。好きなコマンドは tldr, glances, tig で、よく使うコマンド Top-10 はこんな感じです。1 $ history | awk '{print $2}' | sort | uniq -c | sort -nr | awk 'NR<=10 {print $2}' | cat -n 1 git 2 vi 3 fg 4 tig 5 l 6 cd 7 grep 8 curl 9 aws 10 go ストイック・ハードボイルド路線ではなく、シンプルで安定したインターフェースを提供しながらも、認知上の負荷を下げてくれるリッチなコマンドが好きです。 AppBrew では、ウェブ生まれアプリ育ちの人が多めだったり、ソフトウェアエンジニアの

こんにちは、AppBrewの新規事業部の開発責任者を務めております吉野です。 LIPSの開発から離れもう一年が経ち、また夏が訪れようとしています。 この一年で猫を飼い始めたことに加えて変わったことといえばFlutterを新しく触り初めたということがあります。 今回はFlutterでAndroid/iOSの各々のネイティブのコードを実行できるMethodChannelの使い方とそれを実際に使用したImagePicker（ローカルの画像選択画面）の作り方について紹介したいと思います。 今回の記事で、「マルチプラットフォームって結局ネイティブの知識が必要でなんでしょ？」という広くある考え(※要出典)から「これだけ書けばあとはFlutterでできるんだ！」となってもらえたら嬉しく思います。 使用したコードはこちらにおいておきます↓ github.com ↓こんなものをMethodChannelとF

コスメのクチコミアプリ、LIPSを開発しているAppBrewのエンジニア@anoworlです。 最近はアプリのディスプレイ広告の立ち上げを行ったり、メンバーの@_ha1fさんにビシバシしごかれながらiOS開発をよちよち歩きでやっていました。継続してまだ見ぬ仲間も探しています（訳: 採用活動もしています）！ この記事では「APIサーバを改修せずにAWSのCloudFront & S3 & Lambda & MediaConvertを使ってフルマネージドで動画の自動圧縮 & 配信を行う方法」を紹介したいと思います。 完成図。赤が動画アップロード時の自動圧縮の流れ。青が動画取得時の流れです。 目的: UX向上 & 費用削減 前提: 動画はS3にアップロードしている 方針: アプリ・APIサーバに一切改修を入れない 課題: 動画圧縮中のアクセスのさばき方 Tips: Elastic Transco

AppBrewでiOSエンジニアをしていますはるふ(@_ha1f)です。 2019/10にAppBrewに入社しまして、開発の傍らに、開発環境の改善などに取り組んでいます。 近年のiOS界隈を取り巻く「開発環境」といえば、Danger, mint, xcodegen, swiftlint等思い浮かべるかもしれませんが、 今回の記事ではそういうハイカラなツールではなく、iOSに限らず使えるpre-commitというGitの機能を紹介します。 pre-commitにより、コミットするブランチを間違えていないかや、コンフリクト未解消マーカーが含まれていないかなど、いろいろな制約を「ローカルでコミット前に」自動チェック出来ます。 Dangerなどを使っているとCIを待って修正して再度pushしないといけなかったり作業が煩わしいことがありますが、 ローカルなので手戻り少なく、レビューコストやミスを減

半年ほど前にAppBrewに入社した奈良阪です。 メインはLIPSのサーバーサイド・フロントエンド、たまにインフラ、最近アプリに手を出しつつ、新規事業の方のベースのライブラリを書いてたり諸々しています。 さて、AppBrewでは現在幅広い広告主との取組みが増やせるよう、様々な広告枠の開発、実装にチャレンジしています。 その一環として、最近Googleアドマネージャーの「インタースティシャル広告」機能を利用して、LIPSにモバイルアプリ向け静止画全画面広告を実装しました。 しかしこれを実装するにあたってGoogle公式のドキュメントを参照したのですが、インタースティシャル広告についての項目は他の項目と混ざっており、いまいちドキュメントがまとまっていませんでした。 公式以外のWeb上にもあまり一連で書いたものが見当たらず、全画面広告実装に必要な情報を収集するのにやや苦労したので以下にまとめます

AppBrew新規事業部の開発責任者をしています吉野です． 前回記事を書いてから書きたくないと駄々をこねていたら歳月が経ち その間に猫を飼い始め配偶するなど様々なライフステージの変化がありました． ところで，アップロードされた画像をそのまま表示する時代は平成とともに終わりを告げたわけですが[※要出典]皆さんいかがお過ごしでしょうか． 今回の記事では，まずはじめにFirebase Consoleポチポチだけで出来る「Cloud Functionsのみを利用する例」を解説した後に，そこで生じた問題点を解決した「Cloud Functions + Firebase Hosting を利用する例」を順に説明していきます． これからFirebaseを作ってアプリを作る方，Firebaseを利用していていくつかのサイズの画像を柔軟に扱いたい方などの参考になればと思います． 記事後半の「Cloud Fu

令和元年も終わりに近づき、めっきり寒くなってきた今日この頃ですが、みなさまいかがお過ごしでしょうか？ はじめまして。AppBrewでLIPSのWebグロース担当兼エンジニアをしている安間（@youkou0206）です。普段はSEO（すっごい ええ感じに Optimize）したり、施策考えたり、実装したり、お父さんをしてます。 LIPSといえば、ネイティブアプリのイメージが強いかと思いますが、実はWebサービスとしてのLIPSもおかげさまで自然検索流入数が2年間で50倍になり、3000万PVを突破して順調に伸びています。 今回は、普段あまりスポットが当たることがないWeb版LIPSのSEO施策についてお話ししたいと思います。 実際振り返ってみると当たり前のことしかやってないんですが、SEOに関わる仕事をしている方もSEOにあんまり興味ない方もご一読いただけると嬉しいです。 LIPSの現状（数

遊撃エンジニアの @anoworl です。最近はメンバーを巻き込みつつ転職ドラフトで指名をして指名承諾率1位になったり、SaaSをReactやReduxと戯れながら開発してちょっとだけSPAが分かった気になったりしました。 この記事では「CM放映期間にサーバを落とさない方法」と題して、昨年12月〜今年の1月のCM放映時行っていたことを紹介したいと思います。↓このCMです。 CM放映期間は記事に書いてあることを実践し、事前の負荷試験では元の10倍の負荷に耐えられるようにしました。 その結果、5xx皆無とか99パーセンタイルレスポンスタイム完璧！とまではいきませんが大きな障害も無く、分かりやすい値だとNew Relicで測定しているUptimeは期間中100%を記録しました。 Uptime 100% ! 注意事項 この記事は、私自身CMを放映することになった際まとまった情報がインターネット上に

こんにちは、AppBrewでアルバイトをしている@Leoです。 自然言語処理の研究室に最近入った大学生で、趣味はKaggleと競技プログラミングです。 AppBrewでは、LIPSの投稿を使ったデータ分析をしています。 今日の記事では、弊社のアプリLIPSにて投稿ジャンルを機械学習を使って自動推定した方法を紹介します。 自然言語処理・確率関係全然わからない！という人でも読みやすい内容になっていると思うので、最後まで読んでいただけると幸いです！ LIPSにおけるジャンル 教師データの作成 ナイーブベイズ 単語分割 モデルの実装 分類結果 おわりに LIPSにおけるジャンル 最近、LIPSにジャンル機能が追加されました。 これは投稿されたクチコミにジャンルを設定できる機能です。 適切にジャンルを設定すると、投稿を検索するときにジャンルを使って絞り込めるなどの利点があります。 ジャンルは7種類（

はじめまして。4月から入社した新米エンジニアの高橋です。 今回「AppBrewエンジニアのキーボード紹介」と題して、AppBrewのプロダクト開発を支える4人の先輩エンジニアに、愛用のキーボードと、自らのキーボードに対するこだわりについてインタビューを決行しました。 コードを書くことを生業とする百戦錬磨のエンジニアなら、その武器たるキーボードにも相当な思い入れがあるはず。 果たして彼らはどんな話を聞かせてくれるのでしょうか。 この記事ではそんなインタビューの内容とあわせて、AppBrewのオフィス内の模様もお楽しみいただければ幸いです。 1人目: ソフトウェアエンジニア anoworlさんのキーボード このオフィスの片隅に ある日の夜、社員の皆が一日の仕事に一息ついた頃。私はキーボードインタビューの旅に向かうため、自分のデスクを発った。 オフィスを入って右端の一番奥、巨大なモニターが何枚も