KitchHike Tech Blog

KitchHike Product, Design and Engineering Teams

結局、どれがベストプラクティス?社内勉強会で「React コンポーネントのスタイリング手法」について発表しました

こんにちは、エンジニアのみほです! キッチハイクでは定期的に社内勉強会を開催しています。 私も先日「React コンポーネントのスタイリング手法 これまでとこれから」というタイトルで発表をいたしました。 今回は発表スライドの共有とともに、発表の背景…

歴史的変遷から理解を深める。社内勉強会で「Recoil の良さ」について発表しました。

こんにちは。キッチハイクのタクです。 キッチハイクでは定期的に社内勉強会を開催しています。 私も先日「状態管理の歴史を振り返り Recoil の良さを知る」というタイトルで発表しました。今回は発表スライドの共有とともに、発表の背景、 Recoil の良さを…

RN Features 2021年6月号 - React Native Matsuri 開催日決定, React 18 Alpha, Shopify が React Native アプリをどのように書いているか

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティの1ヶ月 Coinbase の React Native 記事 2本 stand.fmアプリのパフォーマンス改善話「推測するな、計測せよ」 R…

「使える」から「使いこなせる」へ。社内勉強会で「一歩ふみこむ HTML / CSS」を発表しました

こんにちは!デザイナの狩野です。 キッチハイクでは定期的に社内勉強会を開催しています。 先日は私が発表担当となり、「一歩ふみこむHTML&CSS」というタイトルで発表を行いました。 今回はそのときの発表スライドの共有と、発表に至った背景を記事にします…

RN Features 2021年5月号 - React Native アプリのクリーンビルドコマンド, iOSでのHermesパフォーマンス, 決済サービス Stripe の React Native SDK

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティの近況 React Native アプリのクリーンビルドコマンド React Native プロジェクトのクリーンアップを行うライブ…

PageSpeed 赤点から80点へ押し上げた道のりを Web Vitals 勉強法と取り組み方から振り返る

こんにちは!デザイナの狩野です。 今回は、キッチハイクのフロントエンドチームが取り組んだ自社サイトの PageSpeed Insights のスコアアップ施策についてご紹介します。 目次 目次 はじめに こんなひとにオススメ プロジェクトの進め方とうまくワークした…

社内勉強会でIAMの基本について話しました

こんにちは。エンジニアの小川です。 キッチハイクでは定期的に社内勉強会を開催しています。 私も先日「IAMのきほん」というタイトルで発表をいたしました。 今回は発表スライドの共有とともに、発表の背景、IAMの学び方を補足したいと思います。 スライド…

コードを読んでやっと理解できた React の shouldComponentUpdate

PureComponent さえ使えばパフォーマンスを改善できるのか? パフォーマンスを改善したいとき、 PureComponent や React.memo を使うことがあると思います。しかし、 React の仕組みを理解していないと、 PureComponent などを使うだけでは不要な再レンダリン…

RN Features 2021年4月号 - React Native製のプリンター制御SDK, Recoil 0.2.0 リリース, Sentryでパフォーマンス計測

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティの近況 React Nativeアプリ 7つのベストプラクティス Sentryでパフォーマンス計測ができるようになった Recoil …

AWS Systems Manager ( SSM ) でサーバーへのアクセスをより効率的に管理しよう

AWS

SSHの鍵管理は、セキュリティと利便性のトレードオフがある悩ましい問題です。AWSなど他サービスのアカウントが絡んでくるとなおさらです。今回はそんな悩みを、 AWS Systems Manager ( 旧称 SSM ) を使って、シンプルかつよりセキュアにしたお話をしたいと…

RN Features 2021年3月号 - React Native 0.64 リリース, JSIを使った高速化の例, React Native コンポーネントライブラリの紹介

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティの活動サマリー React Native 0.64 リリース Hermes opt-in on iOS Inline Requires enabled by default Hermes…

RN Features 2021年2月号 - React Native iOSでの画像キャッシュの仕組み, JCenterのクローズ問題, Redux / Context API / Recoilのパフォーマンス比較

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティ React Nativeでの画像キャッシュの仕組み(iOS) React Native 0.64 と 0.63.5 JCenter のクローズによる影響 Re…

RN Features 2021年1月号 - React Native 設計チェックポイント, React Core team, Wix のOSSプロジェクト運営

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに KitchHike式 React Native 設計チェックポイント Wix のOSSプロジェクト運営 React Native アプリの多言語対応もこれで楽になる? スケルトンUI…

RN Features 2020年12月号 - React Native Advent Calendar 2020, React Server Components, アップデートのハマりポイント事例

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Advent Calendar 2020 TECH STAND #2 React Native にLT登壇しました Flutter がWindowsデスクトップアプリに対応へ Wix Multi-Mo…

先取りでAmazon Pay 新バージョン(v2)、 Amazon Pay CV2をサービスに組み込んだ話

キッチハイクでは先ごろAmazon Pay 新バージョン(v2)であるAmazon Pay Checkout V2(以下Amazon Pay CV2)をいち早くサービスの一部決済に導入しました。今回はAmazon Pay CV2の概要と、導入にあたっての考慮ポイントについてご紹介します。 はじめに こんにち…

RN Features 2020年11月号 - React Navigation v6 ロードマップ, Wix の連載記事, Swift とのパフォーマンス比較

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Advent Calendar 2020 React Navigation v6 のロードマップをみんなで読もう iOS で Hermes を使えるようにするPRがマージされた …

RN Features 2020年10月号 - React v17.0 リリース, Node.js v15 リリース, リクルートの開発事例, 第5回 React Native Tech Blog LT

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React v17.0 リリース 新機能「なし」 大きな変更点はイベントデリゲーションに関するもの React 17 での破壊的変更は最小限に React Native で…

RN Features 2020年9月増刊号 - React Native パフォーマンス最適化, Hooks 導入事例, React Native Game Engine

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native コンポーネントのスケルトン React Native と Flutter のレンダリングについて調べた RAM bundle フレンドリーな index.js を作成…

RN Features 2020年9月号 - React Native Community公式のライブラリ検索ツール, Shopifyが実践するソフトウェア品質担保, iOS 14リリース

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに iOS14リリース Shopify が実践しているソフトウェア品質担保 Tophatting (トップハッティング)とは 要約 RNコミュニティ公式のReact Nativeラ…

RN Features 2020年7月号 - React Native v0.63 リリース、Expo SDK 38 リリース、Apple Silicon、書籍 Effective React Hooks

はじめに React Native v0.63 がリリースされましたね! キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native v0.63 リリース react-native-network-logger 書籍 Effective React Hooks Tesla, …

RN Features 2020年6月号 - サンプル動画付きReact Native Gallery, State管理ライブラリRecoil, react-native-reanimeted

はじめに キッチハイクのエンジニアメンバーで React Native の気になるニュースを持ち寄ってみました!書籍 React Native が発売されましたね! 自分はReact Native Meetup #10に参加して応募したところなんと当選しました!いま読んでいるので、来月のRN F…

RN Features 2020年5月号 - React Native v0.63の新機能、Shopifyの技術選定、 RNに対応したライブストリーミングSDK

はじめに キッチハイクのエンジニアメンバーで React Native の気になるニュースを持ち寄ってみました! はじめに React Summit Remote Edition まとめ(前編) React.memoについて調べてみた React のパフォーマンスチューニングの基本戦略 PureComponentの登…

React Native アプリでSwiftUI を利用する方法について調べてみた

Medium のReact Native Meets SwiftUI - Better Programming という記事が目に止まりました。React Native アプリでSwitfUI のコンポーネントを利用する話です。 React Naive からSwiftUI を利用する方法は、一部は独自の実装によって実現されていました。

RN Features 2020年4月号 - React Native で使えるクラッシュレポート, React Summit リモート開催, Expo SDK v37

はじめに キッチハイクのエンジニアメンバーで React Native の気になるニュースを持ち寄ってみました! RN Features 初のリモート編集号です! はじめに クラッシュレポートライブラリ Bugsnag React Native Bubble Select React NativeでApp StateとEvent …

RN Features 2020年3月号 - React Native v0.62 注目機能Flipper, Re-architecture, Discord のパフォーマンス改善

はじめに キッチハイクのエンジニアメンバーでReact Native の気になるニュースを持ち寄ってみました! はじめに ガワネイティブアプリ(Creator)を、React Nativeで置き換えてみての一年間戦いの記録 - BASE開発チームブログ Flutter vs Native vs React-Nat…

React Nativeアプリのサイズを35%減らした話 Android編

CTOの Shoken です。キッチハイクアプリはReact Nativeで開発を始めて3年目に入りました。アプリのサイズは開発を続けるうちに大きくなっていってしまいます。この記事では React Native アプリが、どのファイルでサイズが大きくなっているかの分析と、Andro…

開発チームメンバーの全員が OSS 経験者。それぞれの向き合い方と得られた学び

はじめに キッチハイクエンジニアのタクです。先日react-native-appsflyerというリポジトリに不具合修正をコミットし、初めてマージされました。 キッチハイクの開発チームでは、普段利用しているOSSに対して、不具合を見つけたら可能な限りフィードバックや…

その悩み、オーソリ(仮売上)で解決できるかも - Stripeではじめるオーソリ導入ガイド

この記事はStripe Advent Calendar 2019のDay 18となります。 聞いたことはあるけれど、機会がないとあまり馴染みのないクレジットカードのオーソリ。ですが、使ってみると非常に便利なしくみです。今回はStripeでのオーソリ決済の導入について、弊社キッチ…

React Native のこれまでとこれから 2019年11月編

Expo の登場、Airbnb の離脱、Hermes の発表。React Native の開発の歴史を振り返ります。React Native のコミュニティについても調べてみました。React Native には本体のレポジトリだけでなく、リリースについてのレポジトリや、コミュニティの会話のため…

React Native + Expoで1年以上運用したCTOが集まってみた 後編

こんにちは、エンジニアの Miho です!Expo に関わるCTO達の座談会、 前編は React Native や Expo の仕組みについて理解を深めながら、導入のメリットや eject の必要性など、1年以上運用してきたからこそ語れる話題で盛り上がりました。 tech.kitchhike.co…