KitchHike Tech Blog

KitchHike Product, Design and Engineering Teams

RN Features 2021年10月号 - React Native Matsuri 2021、React Native 0.66 リリースアナウンス、大きなプロジェクトでTypeScript化を進めるための8つのtips

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティの1ヶ月 React Native Matsuri 2021のまとめ記事 React Native 0.66 リリースアナウンス ハイライト Nightlyリ…

今流行りつつあるのはなぜ?社内勉強会で「最初にしりたい Tailwind CSS」について発表しました

こんにちは、キッチハイクのtaiseiです! キッチハイクでは定期的に社内勉強会を開催しています。 私も先日「最初にしりたい Tailwind CSS」というタイトルで発表をいたしました。 今回は発表スライドの共有とともに、発表の背景と要点のまとめを補足したい…

ドメインモデリングをやってみよう。社内勉強会で「ドメイン駆動設計」について発表しました

こんにちは。エンジニアの小川です。 キッチハイクでは定期的に社内勉強会を開催しています。 先日は「ドメイン駆動設計のはなし」というタイトルで私が発表させていただきました。 speakerdeck.com 本記事では発表スライドの補足として発表の概要と個人的な…

RN Features 2021年9月号 - iOS 15, Android 12 に向けた準備, React Native バージョン 0.65.1 リリース, React Native導入事例: 出前館のサーバーサイド・モバイルクライアントの技術スタック

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティの1ヶ月 iOS 15, Android 12 に向けた準備 iOS 15 QuickType Bar Transparent Navigation Bar シミュレーター A…

RN Features 2021年8月号 - React Native 0.65 のアナウンス、React Native EU 2021、Apple が iOSアプリ外での決済方法を提供

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティの1ヶ月 React Native 公式ブログより8月3つの記事が公開 8/17 React Native 0.65 のアナウンス 8/19 React Nat…

TypeScriptで学ぶジェネリクス, GitHub Actions, 画像とWeb - 社内LT大会を開催しました

こんにちは、キッチハイクのtaiseiです!普段はデザインエンジニアとして、フロントエンドの開発をメインにおこなっています。 キッチハイクでは月に一回「わくわくテックラボ」という社内勉強会をおこなっているのですが、今回は社内LT大会を開催しました!…

RN Features 2021年7月号 - React Native Japan から技術書展に出展, Re.Pack: Webpackベースのビルドツール, Expo 42

はじめに キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました! はじめに React Native Japanコミュニティの1ヶ月 React Native イベント React 18 に向けてのプラン React Nativeでのエラーハンドリング Azure Notific…

結局、どれがベストプラクティス?社内勉強会で「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 を利用する方法は、一部は独自の実装によって実現されていました。