はてなブックマーク

はじめに ネイティブアプリ(iOS)の技術検証で react-native-firebaseのテンプレートとFirebaseCloudMessaging(以下FCM)を使用し、 リモートPush通知(画像のアプリを閉じた状態での通知)を実装したので、簡単な手順と注意点をご紹介します。 Push通知に関する情報はたくさんあるのですが、古くて登録画面のUIが異なっていたり、 バージョン依存で動かなかったり、iOSのreact-native-firebaseの記事が少なかったので参考になれば幸いです。 対象読者 ReactNativeでiOSアプリを作成してみたい人 Firebaseを初めて触る人 FCMを初めて触る人 使用バージョン XCode 11.3.1 "react": "16.11.0" "@react-native-firebase/app": "^6.4.0" "@react-na

console.logのコピペがめんどくさい JavaScript/TypeScriptで開発していると、console.logの使用は避けて通れません。 適宜console.logをコピペして中の変数書き換えて、どこのconsole.logか分かるように文字列で名前を記述したり...とても面倒くさいとモヤモヤしておりました。 スニペットでconsole.log()は補完してくれますが、中身書くのがめんどくさい。。。 そんな時にショートカットコマンド一発でconsole.logできるVSCodeの拡張機能を見つけました。 Turbo Console Log 「Turbo Console Log」という拡張機能です。 VSCodeの拡張機能Marketplaceから検索。 これです。設定とかは不要でインストールするだけ。 使い方 使い方は簡単で console.log対象の変数を選択 ショー

はじめに 業務でJavascript/TypeScriptを用いて開発をしていて、 毎日のようにデバッグするのですが そんな中でChrome Dev Tools(DevTools)を使用したお気に入りのデバッグ方法があり、まとめてみました。 以前React Dev ToolsでのReactのデバッグ方法も紹介していますので、興味があれば読んでください。 React Developer Toolsのすすめ 既にご存知の方には当たり前の方法で 記事にするほどのことでもない！と思われるかと思いますが、 知らなかった方が効率よくデバッグできるようになれば幸いです。 対象読者 Javascript/TypeScriptで開発しているが、デバッグ方法がいまいち分からない方 console.logを多用してデバッグをしている方 デバッグを効率化したい方 JavaScript/TypeScripのデバッグ