TECH PLAY

NRIネットコム

NRIネットコム の技術ブログ

1168

概要 環境 UIViewControllerRepresentableとUIViewRepresentable UIKit側の実装 SwiftUI側の実装 UIViewControllerRepresentableを使用して呼び出す まとめ 概要 UIKitで作成したUIViewControllerやUIViewをUIViewControllerRepresentableやUIViewRepresentableを使用してSwiftUI側で表示する方法をご紹介します。 環境 この記事は以下のバージョン環境のもと作成されたものです。 【Xcode】14.0.1 【iOS】16.0.2 【macOS…
アバター
概要 環境 translatesAutoresizingMaskIntoConstraintsをfalseにする SwiftUIのプレビューを使用する まとめ 概要 Auto Layoutとはビューに設定された制約に基づいて、ビュー階層内のすべてのビューのサイズと位置を動的に計算するレイアウトでその制約などは主にStoryboardを使用して定義します。 今回の記事ではStoryboardを使わずにコードでAuto Layoutを設定する方法を紹介します。 今回の記事で作成できる成果物の様子 Auto Layoutについてもっと知りたいという方は以下参照ください。 Auto Layout Gu…
アバター
概要 環境 iOS16未満での実装 iOS16からの実装 OS毎に表示制御を行う Listの場合 まとめ 概要 iOS16未満ではUITextView.appearance().backgroundColorを使用することでTextEditorやListなどの背景色を変更する事ができました。 しかしiOS16では上記の実装では背景色がを変更する事ができなくなりました。 その代わり、新しく追加されたscrollContentBackgroundを使用する事で背景色を変更する事ができるようになりました。 今記事では上記を踏まえた上でiOS16未満とiOS16からに対応した背景書の変更方法について紹…
アバター
本記事は GA4 Week 最終日の記事です。 📈 4日目 ▶▶ 本記事 こんにちは、廣岡です。 GA4 Weekも最終日となりました。 今回はこのブログではまだ登場していない「Google Analytics Data API (GA4)」について書いていきたいと思います。 Google Analytics Data API (GA4) とは メソッド「runRealtimeReport」について 利用できる代表的なディメンションと指標 取得データ例 API Explorerを使ってデータを確認してみる さいごに Google Analytics Data API (GA4) とは Goog…
アバター
概要 環境 Combineでの実装 onChangeでの実装 まとめ 概要 テキストの文字数をリアルタイムでカウントして表示したり、入力文字数の制限をする方法についてCombineフレームワークとonChangeを使用した手法をそれぞれ紹介したいと思います。 環境 この記事は以下のバージョン環境のもと作成されたものです。 【Xcode】14.0.1 【iOS】16.0 【macOS】Monterey バージョン 12.5 Combineでの実装 Combineでの実装方法は以下の通りです。 Combineフレームワークを使用しますので必ずimport CombineでImportして下さい。 …
アバター
本記事は GA4 Week 4日目の記事です。 📈 3日目 ▶▶ 本記事 ▶▶ 5日目 🔍 はじめに Google アナリティクス 4のトラフィックソースのディメンションについて GA4とUAのセッションの違いについて GA4のトラフィック ソースに関するディメンションのスコープについて ユーザーの最初の参照元 / メディア(ユーザー スコープ) セッションの参照元 / メディア(セッション スコープ) 参照元 / メディア(イベント スコープ) 最後に はじめに こんにちは あるいは こんばんは。金井です。 本記事では、Google アナリティクス 4(GA4)の「参照元 / メディア」や「…
アバター
小西秀和です。 Amazon Aurora、Amazon Neptune、Amazon EMR、Amazon Redshift、Amazon Managed Streaming for Apache Kafka(Amazon MSK)、Amazon OpenSearch Serviceなどのインスタンスで構成されたクラスターで処理を実行するAWSサービスでは、従来、リクエストを処理するために待ち受けているインスタンスの起動時間とインスタンスサイズに応じて料金が発生する課金体系でした。 近年ではこうしたクラスター型のAWSサービスの一部にリクエストやトラフィック処理に使用した時間やリソース量の分…
アバター
小西秀和です。 今回は「AWSサービスのServerlessオプション、オンデマンドモードの特徴・比較・まとめ・プロビジョニングとの違い」の記事の一部としてAWSサービスの一部でクラスターやインスタンスのプロビジョニングに対して用意されているServerlessオプションについて、主なAWSサービスごとに特徴、設定項目、料金、制限事項を見ていきたいと思います。 今回の記事の内容は次のような構成になっています。 Serverlessオプションが使える主なAWSサービス Amazon Aurora Serverless v1 Amazon Auroraの概要 Amazon Aurora Serve…
アバター
小西秀和です。 今回は「AWSサービスのServerlessオプション、オンデマンドモードの特徴・比較・まとめ・プロビジョニングとの違い」の記事の一部としてAWSのサーバーレスサービスの一部でプロビジョニングモードに対して用意されているオンデマンドモードについて、主なAWSサービスごとに特徴、設定項目、料金、制限事項を見ていきたいと思います。 今回の記事の内容は次のような構成になっています。 オンデマンドモード使える主なAWSサーバーレスサービス Amazon DynamoDBオンデマンドモード Amazon DynamoDBの概要 Amazon DynamoDBオンデマンドモードの特徴 Am…
アバター
秋も深まってきて今年もあとわずかとなりました。この時期が来ると、あー、今年もそろそろかぁという思わせるイベントがあります。みんな大好きX'mas…ではなく、UXデザインの資格とされているHCD-Net認定人間中心設計の専門家資格取得の審査申し込みの季節です。 そんな訳で今回は以下でお送りします。 人間中心設計の資格とは ものづくりの実際 時間跳躍しよう ハッピーエンドを目指す 人間中心設計の資格とは 一部デザイナー界隈ではこの時期に慌ただしく申し込みを決めたり、デザイン職の先輩から審査を受けてみれば〜と勧められたり、はたまたお勤め先での昇格要件になっていたりする事もあるかと思います。 またノン…
アバター
本記事は GA4 Week 3日目の記事です。 📈 2日目 ▶▶ 本記事 ▶▶ 4日目 🔍 はじめまして、GA4 Week 3日目を担当します荒川と申します。 普段はGoogle アナリティクス(GA)の導入やGAデータ活用支援などを行っております。 はじめに BigQuery にエクスポートされるデータの構造 データの構造について イベントパラメータのデータ型について 同一keyのイベントパラメータに複数のデータ型がある場合について 複数のフィールドで値が計測されるときのデータ取得方法 解決方法1 クエリ結果のカラムを分けて取得する 解決方法2 UDFを利用する UDFとは おわりに はじめ…
アバター
本記事は GA4 Week 2日目の記事です。 📈 1日目 ▶▶ 本記事 ▶▶ 3日目 🔍 はじめまして、橋本俊哉と申します。業務では、Google マーケティング プラットフォーム(GMP)のテクニカルサポートを担当しています。 後輩たちがどんどん記事を投稿するので私も負けないよう今回 GA4 Week 2日目の記事を書かせていただきます。 本記事では、Google アナリティクス 4(GA4)のクロスドメイン測定について紹介します。 クロスドメイン測定について クロスドメイン測定の設定方法について GA4 の管理画面から設定する場合 GA4 の管理画面で設定する場合の注意点 GTM で設定…
アバター
本記事は GA4 Week 1日目の記事です。 📈 イベント告知 ▶▶ 本記事 ▶▶ 2日目 🔍 3回目の投稿になります、高橋栞です。 GA4と早く仲良くできるよう、"相手を理解すること"をモットーにアプローチを進めております。 今回はGA4 Weekとのことで、本日から5日間GAのテクニカルサポートに携わるメンバーたちでGA4に関する記事を書いていきます!ぜひ5日間チェックしてください!! また、これまでもGA4に関連する記事はいくつか投稿していますので、ぜひこちらもチェックしていただけると嬉しいです! さて、本記事ではGA4を理解しようと奮闘する中で気づいた、履歴の変更に基づくGA4のペー…
アバター
こんにちは、今月2度目の登場となります、ブログ運営担当栗田です。 食欲の秋、最高です。ただし寒くなったり暑くなったり、急激に気温が変わるのはつらいです。夏服をそろそろしまおうかと思ってます。 今月2度目のブログイベント! 10月は前半にマネージャーウィークを実施しましたが、もう一本イベント実施します。 本ブログではこれまでにもGoogleアナリティクス関連の記事が執筆されてきました。 tech.nri-net.com 今回は、2020年にリリースされたGoogleアナリティクスの最新版、Google アナリティクス 4、略してGA4に特化した記事に関するブログイベントとなります! NRIネット…
アバター
概要 環境 シミュレーターの追加 確認 まとめ 概要 常に最新のOSバージョンで開発できればいいものですが、そんな事はまずなく、検証する際もそのOSに対応した環境で行うために、任意のバージョンのシミュレーターが欲しくなると思います。 そんな時は以下の手順で任意のiOSバージョンでシミュレーターを追加することができます。 環境 この記事は以下のバージョン環境のもと作成されたものです。 【Xcode】14.0.1 【macOS】Monterey バージョン 12.5 シミュレーターの追加 Xcodeを起動したらシミュレーター選択欄の下方にある「add additional simulators」を…
アバター
概要 環境 check spelling while typingの設定方法 任意のキーワードは除外 除外したキーワードの管理 まとめ 概要 いきなりですがXcodeのcheck spelling while typingは使用していますか? こちら使用するとスペルチェックをエディタに任せる事ができます。 また任意のキーワードはチェックから除外する事ができます。 今回はそんなcheck spelling while typingの設定方法についてです。 環境 この記事は以下のバージョン環境のもと作成されたものです。 【Xcode】14.0.1 【macOS】Monterey バージョン 12.…
アバター
はじめまして、ネットコムの越川と申します。 Amazon QuickSight(以降QuickSight)について調査する機会があったので、ナレッジとして本記事に纏めました。 具体的には、QuickSightの埋め込みダッシュボードの種類と実装方法です。埋め込みの定義については後程、解説しますのでご安心下さい。 想定する読者は、 ダッシュボードの埋め込みをしたいんだけど、何がベストなのか良く分からない、、という方です。 僕自身、最初は良く分からなかったので、同じ境遇にいる方の一助になれば幸いです。 概要編では埋め込み方式の種類を整理して、実装編では具体的にどうやって埋め込み処理をするのかデモ環…
アバター
初めまして!Webディレクターの山西と申します。 突然ですが、私が入社1~2年目の新人ディレクターの頃に同期や先輩からよく言われた言葉を紹介します。それは、「それ手作業でやってるの?これ使えば一発じゃん」という言葉です。そしてこの言葉と一緒に、私の知らない便利なツールを教えてくれるのでした。一方でそのツールを別の先輩に教えると、長くWebディレクターをしている方でも全く知らないツールだったりします。このようなことから、「便利なツールを知っている人はたくさんいるのに、ツールを共有する場はあまり無いんだな」とよく感じていました。 なので今回はWebディレクターの方に向けて、日々の細かいタスクが少し…
アバター
概要 環境 TabViewの基本的な使い方 Tabの背景色やアイコンに色を付ける方法 Onboardingを作成 まとめ 概要 TabViewを使って以下の様なアプリ起動時に表示するOnboardingを作成してみたいと思います! 環境 この記事は以下のバージョン環境のもと作成されたものです。 【Xcode】14.0.1 【iOS】16.0.2 【macOS】Monterey バージョン 12.6 TabViewの基本的な使い方 TabViewを使用することで簡単にタブと、そのタブに応じたViewを表示するViewを生成する事ができます。 サンプルコード struct OnboardingVi…
アバター
概要 環境 BLEを使用するために押さえておきたい知識 ペリフェラル セントラル アドバタイズ 接続までの流れを整理 実装 ペリフェラルの実装 NimBLEDeviceをESP32で使用する ペリフェラルのサンプルコード セントラル側の実装 CoreBluetoothを使用したサンプルコード おまけ:スマートキーを自作する 必要なもの まとめ 概要 前回の記事ではiOSと接続するため、ESP32側の設定について記事を書かせていただきました。 今回はiOS側でもアプリを実装してESP32を操作していきたいと思います。 tech.nri-net.com また実例として以下の様に鍵の開閉ができるサン…
アバター