コネヒト開発者ブログ

コネヒト開発者ブログ

mryhryki.com の検索結果:

Canvas を使って画像をリサイズする

…。 https://mryhryki.com/experiemt/resize-on-canvas.html (猫画像はこちらのフリー素材を使用しました) https://pixabay.com/ja/photos/%e7%8c%ab-%e8%8a%b1-%e5%ad%90%e7%8c%ab-%e7%9f%b3-%e3%83%9a%e3%83%83%e3%83%88-2536662/ おわりに ブラウザの機能だけをつかって、シンプルに画像のリサイズ処理を実装することができまし…

iOS/Android と WebView でデータを連携する仕組みを作りました

はじめに こんにちは! フロントエンドエンジニアの もりや です。 今回は、ママリアプリ内で iOS/Android と WebView 間でデータを連携する仕組みを作った事例を紹介します。 2021年6月頃に実装してリリースし、現在(2022年3月)も問題なく使えています。 データの連携を使いたい場面 ママリの場合、例えば以下のような場面で使っています。 【WebView → iOS/Android の例】 WebView で作った入力画面で編集中の時に、閉じるボタンを押し…

Webpack5 にバージョンアップしました。

こんにちは! フロントエンドエンジニアの もりや です。 今回はママリのアプリ内で使われている WebView の Webpack を v4 から v5 にアップデートしたので、その事例を紹介します。 Webpack5 は2020年10月にリリースされたので、特に目新しい情報はありませんが、1つの事例として読んでいただければ幸いです。 はじめに 今回のアップデートは、以下2つの公式ドキュメントを参考に進めました。 To v5 from v4 | webpack Webpack…

ママリの WebView を JavaScript + Flow から TypeScript に移行しました

これは コネヒト Advent Calendar 2021 11日目の記事です。 こんにちは! フロントエンドエンジニアのもりやです。 今回はママリのアプリ内で使われている WebView を JavaScript + Flow から TypeScript に移行した事例を紹介します。 WebView の課題 今までママリ内で使われている WebView は JavaScript + Flow で実装されていました。 しかし State of JS 2020 の結果からも分か…

React.lazy を使うと初回表示時のパフォーマンスが落ちた事例の紹介

こんにちは! フロントエンドエンジニアのもりやです。 今回はママリのアプリ内で使われている WebView に React.lazy を導入した結果、初回表示時のパフォーマンスが落ちてしまった事例を紹介します。 React.lazy を入れようと思った動機 ママリでは、アプリ内の一部の画面をA/Bテストしやすくするなどの目的で、リリースが容易な WebView を使っています。 ただ WebView の初回表示が遅いという課題があり、今回パフォーマンス改善に取り組んでいました…

バウンスメールと AWS SES

こんにちは! フロントエンドエンジニアのもりやです。 先日エンジニアチーム内で AWS SES のバウンスレートについて話題になったのですが、その時に「バウンスって何?」という声がちらほら聞こえてきました。 Webサービスではユーザー登録や問い合わせなどメールが必要になる場面が多いです。 バウンスなどはメールを安定して送信するために必要な知識なのですが、なかなか担当する人以外は知られていないのかな、と思いました。 そこで今回は、バウンスメールなどのメール運用で知っておきたいエ…

AWS CodeBuild を使った検証環境へのデプロイ改善

こんにちは! フロントエンドエンジニアのもりやです。 コロナの影響でコネヒトも3月からフルリモート体制が始まり、早4ヶ月が過ぎました。 流行に乗り遅れがちな私は、今になって自宅のリモートワーク環境を整えようと動き始めています。 まずはローテーブルを卒業しよう・・・。 さて、今回はそんなフルリモート下で発生した課題の1つを CodeBuild を使って解決したので紹介させていただきます。 コネヒトにおける検証環境のデプロイ方法について コネヒトでは、本番リリース前のチェックや開…

ママリでAWSを使った動画配信をはじめました。

こんにちは! フロントエンドエンジニアのもりやです。 ママリではよりユーザーにとってわかりやすく情報を伝えるべく、4/22 からママリ内の人気記事などを動画にし配信する取り組みをはじめました。 news.connehito.com 今回、動画配信にあたって AWS 上で動画変換と配信を行ったので、使用したサービスやシステム構成などを解説しようと思います。 システムの全体像 AWSサービスを使って、以下のような構成で作りました。 CloudCraft ※この図は動画の配信のみに…

JSConf JP に行ってきました!(1日目)

こんにちは! フロントエンドエンジニアのもりやです。 ここはコネヒト開発ブログの投稿は初めてです。よろしくお願いします! 2019/11/30 に行われた JSConf JP の1日目に行ってきました。 実は、こういうカンファレンスへ行くのは初めてだったんですが、色々なお話を聞けてとても楽しめました! 私の聞いた内容を簡単に紹介させていただきます! Opening talk (13:00 - 13:30) 会場の 3331 Arts Chiyoda は、元々中学校だったところ…