…。 https://mryhryki.com/experiment/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 間でデータを連携する仕組みを作った事例を紹介します。 2021年6月頃に実装してリリースし、現在（2022年3月）も問題なく使えています。 データの連携を使いたい場面 ママリの場合、例えば以下のような場面で使っています。 【WebView → iOS/Android の例】 WebView で作った入力画面で編集中の時に、閉じるボタンを押し…

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

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

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

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

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

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

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