WebViewからReact Nativeの関数を型安全に呼び出す
今までCapacitor(=WebViewのみ)で実装されていたユビーのモバイルアプリ(Android/iOS)を、React NativeとWebViewを組み合わせたハイブリッドアプリとして刷新しています。その過程で、WebView内で実行されるJavaScriptから、React Native側で定義した関数を型安全に呼び出せるライブラリを実装しました。その使用例と仕組みを紹介します。 使い方 React Native側の実装 まずライブラリをインストールします。Peer dependenciesであるreact-native-webviewとcomlinkも入れてください。 npm install @react-native-webview-rpc/native npm install react-native-webview comlink # peer dependencies
iOSアプリ起動高速化に挑戦！不要コードやリソースの見直しとライブラリのstatic化編 - Uzabase for Engineers
みなさんこんにちは。NewsPickでiOSアプリの開発をしている森崎です。 当記事ではどのアプリも一度は見直しを検討したことがあるであろう、アプリの起動時間の高速化についてお話しします。 他の記事で起動時の処理や高速化への改善策を書いたので、ここでは具体的に行ったこととその結果を数字とともに書きたいと思います。 ⬇️起動時の処理や高速化への改善策を書いた記事です。 こちらを読んでもらうと、当記事の内容がより理解できると思います。（読まなくてももちろんわかります！） qiita.com 今回はSystem Interface Initializationの箇所の見直をしました。（⬇︎この箇所） InstrumentsのApp Launchの計測結果 System Interface Initializationでは何をしているのか まずは結果から 具体的な作業内容 不要な実装の削除 dyn
アプリが依存している Swift Package ライブラリのライセンスを一覧表示するためにライブラリを作りました - Cybozu Inside Out | サイボウズエンジニアのブログ
はじめに こんにちは、モバイルエンジニアの中村（@Kyomesuke）です。 私が担当している kintone のモバイルアプリ（iOS）では、現在脱レガシーを目指して幾つかの課題に取り組んでいます。 その一つとして、パッケージマネージャーを CocoaPods から Swift Package Manager に移行するリファクタリングに挑戦していたのですが、この移行に際して一つ課題がありました。 kintone モバイルやサイボウズ Office 新着通知アプリなど、サイボウズのモバイルアプリには依存している外部ライブラリのライセンスを一覧表示する画面があるのですが、これまでその機能をAcknowListというライブラリを使用して実現していました。 しかし AcknowList は CocoaPods にしか対応していないため、Swift Package Manager に対応するため
僕にとってReact Nativeは“つらい” DMMが負債脱却のために取り組んだSwift化
DMM meetupは、多種多様な生命が彩るジャングルのように毎回個性豊かなさまざまなテーマを題材に、共に学び、遊び、楽しめるイベントです。今回はオンラインサロン事業に焦点をあて、事業部メンバーが課題と取り組みについて話しました。大門弘明氏からは、React NativeからSwiftへの移行について発表がありました。 React Nativeの負債化でアプリのSwift化が決定 大門弘明氏：それでは「React Nativeで書かれたアプリをSwiftで書き直しています」の発表を始めます。 まずは自己紹介をします。名前は大門と申します。2014年に新卒で合同会社DMM.comに入社して、iOSエンジニアとしてオンラインサロン事業部でお仕事をしています。 本日お話しすることですが、つらい気持ちの話と、アプリ設計の紹介を少ししようと思っています。僕にとってReact Nativeはつらい。
iOSブラウザのセレクトボックスUIが使い辛すぎ問題 | キノコログ
WEB屋さんなら、タイトルである程度察してもらえるこの問題。 昨今のWEBサイトは、スマートフォンからのアクセスがほとんどのため、デザインや操作性はスマートフォンでストレスなく使えることが最重要課題となっている。 特に、ユーザーが商品の購入を行う際に、必ず経由するであろう「フォーム」の入力。 ここがストレスなく入力できるかが、成約の肝となるのだが…。 ユーザーに入力する際に、選択肢の中から項目を選んでもらう「セレクトボックス」というものがある。 複数の選択肢の中から、ユーザーに選んでもらう、というフォームを設けたい場合は、「セレクトボックス」が最も使われていると思う。 （ラジオボタンやチェックボックスよりも癖がないため） 「セレクトボックス」とは、↓コレのことである。 今見ている端末によって、このSELECTの仕様が異なっていると思うが、iPhone端末はこんな表示になっている。 いわゆる
おいでよ 個人開発の沼｜田畑浩平 | Flutter Engineer
最近、個人開発に興味のある方と話をする機会が多いのですが ・個人開発に興味がある ・技術志向というよりはサービス志向 な人は、まず個人開発を始めてみて、その楽しさ・魅力を体験したほうがいいと思っているので、楽しさ・魅力を伝えるために書いてみました。 個人開発は何が良いか僕は、大学5年目の2011年から個人開発をしているのですが、個人開発をやっていて良かったなと思うのは以下の4点です。 ・全てを自由に決められる ・趣味として、お金がかからない(お金が増えることも) ・バランス良く、総合的なスキルが身につく ・個人開発を軸に、高速で成長できる 全てを自由に決められる個人開発では、何をやるのも自由です。 ・何を作るのか？ ・どういった人をターゲットにするのか？ ・どういった技術を使うのか？ ・どのようにマネタイズするのか(またはしないのか) ・どのようにプロモーションするのか ・いつリリースする
React Native導入ガイド - 環境構築からクロスプラットフォーム開発のメリットまでを理解する｜ハイクラス転職・求人情報サイト AMBI（アンビ）
React Native導入ガイド - 環境構築からクロスプラットフォーム開発のメリットまでを理解する React Nativeは、クロスプラットフォーム開発を行うためのツールの1つです。JavaScript言語の中で、UIフレームワークのReactを用いてUIの記述と状態管理を行うことで、アプリの動作を組み立てます。本記事では、React Nativeの導入やモバイルアプリ開発の現場で起きがちな課題を解決する手段としての強みについて解説します。 ReactとReact Native Reactとは／React Nativeとは／React Nativeの正体 React Nativeの環境構築 npm文化圏の流儀にのっとったワークフロー／スタイル定義／npmのライブラリ使用／リッチな機能を追加 広がるReact Nativeの世界 Windows向けのMS公式実装／ブラウザ向けの逆輸入／
【iOS】画像選択系UIを作る上で必要な知識 - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは、モバイルチームの松元(@daikimat)です。 iOSアプリを作る上で画像選択のUIを作るということはよくあることと思います。そんな時に使える汎用的なライブラリを作成しました。この記事では今回作成したライブラリの紹介と、画像選択UIを実装する上で必要なPhotoKit / Photos frameworkの基礎的な知識やハマりポイントを紹介します。 ライブラリを作った背景 昨年、モバイルでのあるユーザーシナリオを検証するためプロトタイプを作り一部のユーザー様とベータテストを行ないました。 その中で「画像をサクサク撮って添付したい、既にフォトライブラリに保存されている画像もサクサク添付したい」といったシナリオがあり、カメラ撮影とフォトライブラリの画像の選択を手軽に行えるiMessageのUIを参考に実装しました。 そのプロトタイプはリリースには至りませんでしたが、この画像選択U
iOSに向き合い続けた10年。岸川克己がSpreadsheetViewで埋めたかった「iOSに不足していたもの」 - エンジニアHub｜若手Webエンジニアのキャリアを考える！
iOSに向き合い続けた10年。岸川克己がSpreadsheetViewで埋めたかった「iOSに不足していたもの」 KeychainAccessやSpreadsheetViewなど、iOSアプリ開発で広く使用されるOSSを送り出した岸川克己さん。iOS、Swiftの世界で先駆けと評される岸川さんに、ソフトウェア開発の裏側をお聞きしました。 職業、iOSアプリ開発者。いまでこそ、こうした肩書は珍しくありませんが、10年以上前から、iOSに向き合い続けてきたエンジニアがいます。今回の主人公である岸川克己（きしかわ・かつみ／ @k_katsumi ）さんは、まさに“iOSの第一人者”と呼ぶにふさわしい人物です。 2008年9月、日本でiPhoneが発売されるやすぐにアプリを送り出し、以降、岸川さんはiOSアプリを開発し続けてきました。エンジニアとしての高いスキルが評価され、これまで数多くの有名企業
【2018/09/11】PAYでのReact Nativeにおける APIクライアント実装 について
【Kyash、Coiney、PAY】新しい支払いの形を作る、モバイル決済サービスの開発の裏側とは というイベントでの発表です。時間があったら話すは話せなかったRead less
Discordはどのようにして40人のエンジニアで1億3000万人以上にサービスを提供しているのか？
「Discord」は、主にゲーマーを対象とした音声通話・チャットアプリです。ブラウザ上で動作するほか、WindowsやiOS、AndroidなどほとんどのOSにアプリを配信していることを始め、Slackのようなテキストチャンネルと低レイテンシのボイスチャンネルを合わせ持っていたり、ビデオ通話や画面共有が簡単に行えたりするなどの特徴が人気を呼び、2015年に登場してから3年間で1億3000万人以上が使用するアプリに成長しました。そのDiscordはたった40人で開発されているのですが、どのようにして少人数でありながらさまざまなプラットフォームでアプリを展開できているのかについて公式ブログで解説されています。 Why Discord is Sticking with React Native - Discord Blog https://blog.discordapp.com/why-disc
React Native製アプリのクオリティを上げるために工夫した事
Illustration by unDrawInkdropというMarkdownノートアプリを一人で作っているTAKUYAです。最近、React Nativeを使って、iOS版とAndroid版の新しいバージョンをリリースしました。React Nativeは、JavaScriptとReactを使ってクロスプラットフォームなモバイルアプリが開発できるフレームワークです。 どうすればReact Nativeでハイクオリティなアプリが作れるのか、今回の開発を通して多くのことを学びました。本稿では、よりよいアプリを作るために自分が工夫したことをシェアします。既にReact Nativeでアプリを作っている方も、これから作ろうと思っている方も参考になるかと思います。 概要OSSライブラリは慎重に選ぶネイティブ拡張モジュールは出来るだけ使わないUIテーマの対応タブレットの対応動作を軽く保つ違和感のない
リリース済みiOSアプリのソースコード、全部見せます！ - Qiita
更新内容 2022年8月10日:GitHubに公開しているアプリをXcode13.4.1以降に対応（詳しくはこちらを参照。） はじめに 今回、アプリのソースコードを公開しようと考えたのには以下の理由があります。 自分が作ったアプリを多くの人に見て欲しい。 いろんな人の意見を聞きたい。 コードを共有することでアプリを作る人の手助けがしたい。 この記事が皆さまのお役に立つことができれば幸いです😃 アプリの紹介 Innovy（イノービィ）。 最新のサービスや技術の情報収集にアンテナを立てている20代〜30代（主に男性）向けのニュースアプリです。 ※革新者（イノベーター）をイメージした名前にしました。 ジャンル別の最新ニュースやユーザの反応を見ることができます。 また、ニュース読み上げ機能があるため、歩きながらニュースを確認することもできます。 アプリURL：https://itunes.app
アプリエンジニアがのぞいた React Native 〜メドレー TechLunch〜 | MEDLEY Developer Portal
2018-05-29アプリエンジニアがのぞいた React Native 〜メドレー TechLunch〜こんにちは、開発本部の高井です。メドレー開発本部で行われている勉強会「TechLunch」でReact Nativeについて発表しました。 私は普段は Swift、Kotlin/Java を使ってネイティブアプリを開発しており、React Native に触るのは初めてでした。そこで今回は、アプリエンジニアの視点から、実装するための基本的な知識と弊社の実際の開発で使えそうかを検討した結果についてご紹介します。 なぜ React Native を触ってみようと思ったかオンライン診療アプリ「CLINICS」の開発では、iOS/Android アプリをそれぞれのネイティブ言語で別々に開発しているため、実装やレビューの際にはプラットフォーム間の仕様の違いを理解する必要があり、なかなか大変だと感
hew.io - このウェブサイトは販売用です！ - リソースおよび情報
このウェブサイトは販売用です！ hew.io は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、hew.ioが全てとなります。あなたがお探しの内容が見つかることを願っています！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
