React Native で React Compiler を有効にする
May 26, 2024先日、React Conf で React Compiler のオープンソース化が発表されました。 React Compiler について、詳しくは公式ドキュメントを参照してください。 簡単に言えば、今まで useMemo や useCallback を書いてメモ化していたものが…
Eslint/Prettier から biome に移行
May 22, 2024Eslint/Prettier から biome に移行する際のメモ。 biome のインストール pnpm i -d @biomejs/biome 設定ファイルの生成 pnpm biome init package.json の scripts に biome…
React Native アプリで TypeScript の paths alias を適用する
April 13, 2024React Native で typescript の paths の alias を適用するにはいくつか方法がありますが、この記事では追加のライブラリを必要としない方法を紹介します。 Paths Alias とは typescript における paths…
Windows の PowerShell で dotfiles にある neovim 用の init.vim を設定する方法
February 23, 2024最近 Windows で開発するようになったのでメモ。 普段は自分のdotfilesの .config/nvim/init.vim に nvim の設定を入れており、mac, linux はそれを読み込むようになっている。 Windows では "$env:USERPROFILE…
patching-with-pnpm
January 06, 2024pnpm で node_modules 内のパッケージにパッチを当てる方法 プロジェクトで node_modules の中にある特定のパッケージに変更を加える必要がある場面に直面した。 yarn v1 での対応 以前はパッケージマネージャとして yarn v1 を採用していて…
React Native の Native Module を Swift で書く
December 05, 2020この記事は React Native アドベントカレンダー の 5 日目の記事です。 この度、iOS 14 で新しく追加された機能である、UIButton に追加できる UIMenu を React Native で使う為の Native Component を作成しました。 r…
React Native 2020年の振り返り
December 03, 2020この記事は React Native アドベントカレンダー の 3 日目の記事です。 去年、React Native 2019 年の振り返りを書いたので、今年もやります。 それでは、振り返っていきましょう。 2020/01 今年の 1 月は React Native 0.62 の…
React Europe Conference Day 1 まとめ
May 14, 20202020/05/14 に開催された React Europe を一部視聴していたのでそのレポートを書きます。 最近、この手の技術カンファレンスがオンラインでリアルタイムで見れる用になり、登壇者も世界中から参加できるようになりましたね。 React Europe…
What's coming up in React Native 0.63
April 20, 2020最近、React Native の最新バージョン、0.62 がリリースされました。 React Native 0.62 の新機能についてはこの記事にて記載しています。 そして、次のバージョンの Release Candidate である 0.63-rc.0…
React Summit Remote Edition まとめ(前編)
April 18, 20202020/04/17 に開催された React Summit Remote Edition を視聴していたのでそのレポートを書きます。 コロナウィルスが蔓延っているなか、登壇者、実況者、参加者すべてがリモートで参加する盛大なイベントとなりました。 YouTube Live…
What's new in React Native 0.62
March 21, 2020この記事は React Native Tech Blog #2 で発表した内容です。 React Native の最新バージョン、0.62 がリリースされました。 マイナーバージョンのアップデートは最後に行われたのが 2…
Future of React Native
February 05, 2020この記事は Meguro.es #25 で登壇した内容です。 はじめに 最近 React Native Community の Github org の一員となりました。去年の Advent Calendar で目標を立てていたのですが、新年入って１週間足らずで達成できました…
Looking back on 2019
December 31, 20192019年振り返り 紅白みながらTL眺めてたら色んな人が今年を振り返っていたので、自分も活動記録を残すためにも今年を振り返ろうと思います。 今年はエンジニアとして本格的に活動をはじめた年だったので、とても濃い一年でした。 登壇 今年はWeb勉強会にてはじめて登壇した年でした。 ア…
Cleaning up unavailable XCode simulators
December 15, 2019最近 Macbook の容量がいっぱいになっていたので、ncdu を使って何が容量を食っているかをしらべてみたところ、 XCode の iOS Simulator が容量を食っていることが判明した。 XCode の iOS Simulator…
React Native 2019年の振り返りと今後について
December 03, 2019この記事は React Native アドベントカレンダーの 3 日目の記事です。 どうも、Naturalclar(@natural_clar) です。 普段の業務では、Expo ではなく react-native init で作成された、いわゆる素の React Native…
Contributing to Hacktoberfest
October 15, 2019Hacktoberfest で貢献したい Issue メモ react-native 関連を中心的にやっていきたい。 react-native-tab-view https://github.com/react-native-community/react-native-tab…
styles in react-native
October 02, 2019meguro.css #7で発表すること。 CSS の勉強会に行くのは初めてなので、今回は基本的なところを抑えようという魂胆。 react-native とは iOS や Android アプリなどのクロスプラットフォーム開発が出来るフレームワーク react…
new hooks in react-navigation v4
October 02, 2019https://github.com/react-navigation/hooks react-navigation v4 で使える hooks api に新しく hooks が追加されました。 useFocusEffect useIsFocused useFocusEffe…
最近気になっていること
September 17, 2019空き時間に手をつけて記事にしたいことメモ： svelte yet another framework なのか、React, Vue と何が違うのかを検証したい。 Storybook 5.2 Zero-config で作れるらしい。記法もだいぶ変わったみたいなので試してみる。 St…
テンプレートファイルを楽々作成する
September 14, 2019React Native で開発していて、新しい Component を作成するとき、どういうファイルを作成するでしょう。 React を Import するので、当然、全てのファイルには import React from 'react' と入ります。 基本的にはViewで…
noUnusedParametersがtrueでも部分的にignoreできる話
September 10, 2019背景 react-native-cli の good first issue に取り組んでいた時に発見した話 Good first issue の内容は、Flow で書かれていたコードの TS 化である。 Issue 複数の引数がある関数にて、第 2 引数は使うが、第 1…
You might not need thunk
September 01, 2019状態管理に redux を使っている人は以下の様なことをやりたいことがあるでしょう。 ログイン処理でフォームを Submit した時に API を叩いて、返ってきた Auth 情報を store に保持する。 ページを開いた時に API を叩いて、返ってきた Response…
Chrome Developer ToolsのConsole
August 29, 2019Chrome Devtool でパッと document 上の全てを検索できるようになりたい人のメモ 参考 ショートカット command + option + i 検証ツールを開く。 command + option + j 検証ツールの console を開く Console…
やりたいことメモ
August 29, 2019このブログでやりたいこと code snippet にファイル名を追加する。 URL から oembed card を表示できるようにする typescript の Snippet を type error 込みで表示出来るようにする。 tsx の syntax…
登壇メモ
August 28, 2019こういうのは graphql に置くべきなのではと思いつつなぐり書き WEB エンジニア勉強会 #14 Date: 2019/08/30 (金) 19:15 〜 21:30 connpass Venue: 株式会社カサレアル 泉岳寺セミナールーム 東京都港区三田 3…