2021年2月9日 星期二

Clubhouse 體驗心得

source: Clubhouse wiki

大概六天前剛拿到朋友的邀請，上去體驗了一下，非常新鮮。

聽到了海外大陸人在跟台灣人聊政治，且是很有理性的論述民主的好壞，像是台灣人說民主也沒因此比較多選擇（藍綠兩黨），還是會被媒體給包裝起來，但是！若選錯市長時，民主至少可以罷免！對於過去不認同的政治，可以身體力行去表達自己的心聲。而常說的民主會拖累經濟的議題，恰好有位在德國的大陸人在分享北上廣深的 GDP 其實跟台灣差不多，再加上自己老鄉連廁所都沒有，以此驗證民主也不會拖累經濟，講得還滿不錯的。

聽了在紐約的大陸人，在聊在美國或 App 朋友交際認識，不如線上遊戲那般親，線上遊線連討論個攻略，大家都毛起來教學 XD 而其他則是提到自己遠離曼哈頓，特不愛曼哈頓的急促、到時都要記得去抗爭(類似被欺負要去哪邊回報?!)，聊仍在疫情中，跟大家介紹 crowdcow.com 可以買好吃又便宜的牛肉 XD 以及自己住的地方偏郊區，卻有什麼類似快捷大眾運輸，快速到市中心以及還可以轉乘到機場，且交通費便宜啊。是個很讚的聊天內容。

聽了一位台灣女生到北京外商 SaaS 發展，之前看了幾篇質量還不錯的科普文章，沒想到一年多沒更新是到北京發展了！聊了不少在 SaaS 的步調，包括公司估值方式或為何 SaaS 總是高估值、聊了訂閱制的經營方式，會有客戶經理在負責維護客戶忠誠度等等，也滿有意思的。途中也吸引到有一位從事投資的，回饋他在業界中常見的估值法，如同業比較法、評估新創的事業成長率等等，這段就還滿像 Youtuber 財經網紅 CK 的部分，就 CK 是一名在澳洲精算師，前陣子除了分享對總體經濟外，也分享她是怎樣評估股價(市值)，過程就包括猜測成長率、套用估值公式等等，因此聽負責投資其他間公司的VC說話，特別有共鳴。

聽了葉丙成教授在那邊台語五四三，也滿逗趣的。不知哪個時間點自己也會變成那樣，喜歡跟幾位老友聊是非。讓我想起以前在工研院的老闆，英文很強，但總是愛台語，還會請特休去參加抗議活動，實在熱血 XD

聽了財報狗產品經理在分享他的工作方式，包括大老闆很挺他，也讓他去經營數個月的 podcast ，最終因為數據上並沒有顯著帶給財報狗對應的流量，再加上一集至少要五小時處理，每週一集的時間消耗也是很恐怖的。比較特別的是財報狗 PM 提到了一切都是數據導向，就算花兩週開發服務，最後的數據是差的，仍是會捨棄不上線的！而在招聘 RD 時，從一開始就會溝通可能高達 2/3 的 coding 都不會上線！大量專注在實驗、數據、決策等 growth hack 路線，對我而言是滿強化一些已知的手段，非常醒腦。而聊天提到了一些粗略的表單，沒想增加設計美感後，出現轉換率變差時，該怎樣去檢驗一直猜想，若拉不起來也不會上線的！核心 KPI 就是轉換率，轉換率沒變好就不會採用。非常專注。

也聽了一些早晨的新聞台，這我反而記憶最淺，而快速體驗後，感受到網路上的財經網紅會盡可能想搶流量，也不少在該領域非第一的網紅很努力地連續幾天都在開講，我一想到上班日都在做工作的事情，週末還要跑去聽工作相關的，而聊天品質又無法確定，實在累。

我想，嘗試過 clubhouse 後，對於一些尚未深入到 podcast 用戶，應當會感受非常新鮮。但對於已熟悉 podcast 來源者，可能會像我一樣又回味起 podcast 的高品質體驗。包括 podcast 可以快轉、可以看別人的評價，而 clubhouse 就是直播，且很有機會快速跟名人親近，是一種老早就存在的需求，但又重新被詮釋出來。然而 clubhouse 滿殺時間的，若參加到一場不錯的聊天，那心中會很充實，但如果加入到一場主持人不佳，講者也佳，想詮釋自己的想法也說不清時，那真的會聽不下去的 XD

果真核心項目是有限的時間資源，大家都在搶，搶人眼球、搶人耳朵、搶人時間，早已進入到任何的新創服務，就是要硬生生地佔領用戶的時間資源。而我，應該還是會回歸到 podcast 服務上，像是對岸的 得到app 也滿不錯的。這種專業的聲音產出內容，有那麼一種可預期的體驗感，有那麼可以快轉省時間的沾沾自喜感，而資訊/知識，其實也不打折的。
張貼者： 於 沒有留言:
標籤： , ,

2021年2月3日 星期三

Flutter 開發文件之 iOS 與 Android 實作筆記 - 使用 Admob 以 Interstitial ads 為例


關於 flutter 使用 Admob 的架構，可參考網路上數篇文章:
此例筆記 iOS & Android 的設定方式，並且記錄碰到的錯誤訊息。

Android app 設定方式:

1. 更新 flutter_app/pubspec.yaml 添加 dependencies （記得要運行 flutter pub get）

firebase: ^8.0.0
firebase_admob: ^0.11.0+1

2. 安置從 Firebase 建立專案時得到的 google-services.json 檔案，擺在 flutter_app/android/app/ 中

3. 更新 flutter_app/android/build.gradle 的 buildscript -> dependencies 設定

//classpath 'com.android.tools.build:gradle:3.5.0'
// 為了修正錯誤訊息：error: unexpected element <queries> found in <manifest>.
classpath 'com.android.tools.build:gradle:4.0.0'
classpath 'com.google.gms:google-services:4.3.3'

4. 更新 flutter_app/android/gradle/wrapper/gradle-wrapper.properties 的 gradle 版本至 6.1.1

#為了修正錯誤訊息：Minimum supported Gradle version is 6.1.1. Current version is 5.6.2. If using the gradle wrapper
distributionUrl=https\://services.gradle.org/distributions/gradle-6.1.1-all.zip

5. 增加 flutter_app/app/build.gradle 的 apply 項目

apply plugin: 'com.google.gms.google-services'

6. 更新 flutter_app/android/app/src/main/AndroidManifest.xml 添加 meta data (僅範例程式數值)

<meta-data android:name="com.google.android.gms.ads.APPLICATION_ID" android:value="ca-app-pub-3940256099942544~3347511713"/>

7. 更新 flutter_app/lib/main.dart （此改自於範例程式，讓 add Button 可以產生一個插頁廣告）

iOS app 設定方式:

1. 更新 flutter_app/pubspec.yaml 添加 dependencies（記得要運行 flutter pub get）

firebase: ^8.0.0
firebase_admob: ^0.11.0+1

2. 安置從 Firebase 建立專案時得到的 GoogleService-Info.plist ，用 Xcode 打開專案，把 GoogleService-Info.plist 拖拉擺入跟 Info.plist 的同階目錄位置。

% open flutter_app/ios/Runner.xcworkspace
% ls flutter_app/ios/Runner/GoogleService-Info.plist

3. 更新 Info.plist 內容，添加資訊 GADApplicationIdentifier 等資訊(僅範例程式數值)

<key>GADApplicationIdentifier</key>
<string>ca-app-pub-3940256099942544~1458002511</string>
<key>SKAdNetworkItems</key>
  <array>
    <dict>
      <key>SKAdNetworkIdentifier</key>
      <string>cstr6suwn9.skadnetwork</string>
    </dict>
  </array>

4. 更新 Podfile ，上方添加 platform :ios, '10.0'

為了修正錯誤訊息： 
Automatically assigning platform `iOS` with version `9.0` on target `Runner` because no platform was specified. Please specify a platform for this target in your Podfile.

5. 更新 flutter_app/lib/main.dart (此改自於範例程式，讓 add Button 可以產生一個插頁廣告)

如此就收工啦！而 flutter_app/lib/main.dart 內容如下：

import 'package:flutter/material.dart';

import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_admob/firebase_admob.dart';

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  MobileAdTargetingInfo targetingInfo = MobileAdTargetingInfo(
    keywords: <String>['flutterio', 'beautiful apps'],
    contentUrl: 'https://flutter.io',
    childDirected: true,
    nonPersonalizedAds: true,
  );

  InterstitialAd _interstitialAd;

  InterstitialAd createInterstitialAd() {
    return InterstitialAd(
      adUnitId: InterstitialAd.testAdUnitId,
      targetingInfo: targetingInfo,
      listener: (MobileAdEvent event) {
        print("InterstitialAd event $event");
      },
    );
  }

  @override
  void initState() {
    super.initState();
    FirebaseAdMob.instance.initialize(appId: FirebaseAdMob.testAppId);
    //_interstitialAd = createInterstitialAd()..load();
  }

  @override
  void dispose() {
    _interstitialAd?.dispose();
    super.dispose();
  }

  void _incrementCounter() {
    _interstitialAd?.dispose();
    _interstitialAd = createInterstitialAd()..load()..show();
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }
}

 

張貼者： 於 沒有留言:
標籤： , , , , , , ,

2021年1月23日 星期六

Chromecast with Google TV - 透過網頁安裝 愛奇藝 TV app 與 愛奇藝手機程式投放到 Chromecast


前陣子不小心買了 Chromecast with Google TV ，想說來試試看，結果裡頭一堆台灣內容提供者 App 不能安裝，如：

  • 動畫瘋
  • 愛奇藝
  • CATCHPLAY+
就明明在 應用程式 -> 娛樂 都有顯示一堆台灣的內容服務，卻說因為國家地區而無法安裝 Orz 推論可能是手上這台是美國貨...有地區限制吧？真是殘念

Updated @ 2021-02-03：

主要是我使用的 Google account 的地區落在美國。可以在 https://play.google.com/store/paymentmethods 的付款方式，查看網頁底部的 地 區資訊 

後來在找了一下，嘿嘿，原來可以靠網頁來安裝程式，立即測試了一下！但不是每一款都能安裝。

在 2021/01/23 成功者：
在 2021/01/23 失敗者：
後續再等看看會不會有什麼變化。

另外，愛奇藝其實有分新加坡(香港)跟北京兩個 App ，其中新加坡(香港)的手機程式可以直接投放到 Chromecast 上，而北京的不行，有興趣可以去找找！

張貼者： 於 沒有留言:
標籤： , , ,

2021年1月22日 星期五

Flutter 開發文件之 iOS 與 Android 實作筆記 - 使用 Firebase 回報 App 使用人數


先說一下，有出類似文件教人怎樣使用 Firebase - Admob 部分，在此僅流水帳紀錄引用 firebase 的用法，體驗一下透過 Flutter 同時開發 ios 和 android app 時，並且使用額外函式庫的過程。

原理：

1. 使用 Android Studio + Flutter plugin 來建立 Flutter 專案
- 在此 package name 使用 org.changyy.study.flutter
- 自動產生 android Package Name = org.changyy.study.flutter_app
- 自動產生 iOS Bundle ID = org.changyy.study.flutterApp
- 假定專案位於 ~/AndroidStudioProjects/flutter_app

2. 建立 Firebase 專案
- 在此使用 org-changyy-study-flutter 作為 firebase project name

3. iOS app
- 使用 Xcode 置入 firebase 的設定檔案 GoogleService-Info.list
- 用指令打開專案 % open ~/AndroidStudioProjects/flutter_app/ios/Runner.xcworkspace/
- 使用 CocoaPods 添加 Firebase 函式庫
- 在 AppDelegate.swift 置入 Firebase 啟動程式碼

4. Android app
- 依照 Firebase 專案建置過程安置 google-service.json 檔案
- 在 <專案>/build.gradle 設置相依套件 com.google.gms:google-service:4.3.4
- 在 <專案>/app/build.gradle 添加 plugin 和引入 com.google.firebase:firebase-analytics

5. 回到 Flutter 專案，分別叫出 iOS simulator 跟 Android emulator 運行


若沒意外，就可以同時在這兩個模擬器上跑出來，並且在 Firebase 專案後臺，看到兩個使用者：



張貼者： 於 沒有留言:
標籤： , , , , ,

2021年1月14日 星期四

[Javascript] 複寫 XMLHttpRequest 來紀錄 Network Request URL @ Chrome Browser DevTools

最近 podcast 很夯，來研究 <audio> 。之前研究過 <video> 就有發現現在都用很夯 blob 的播放方式，透過 JS 片段下載資料交給 <video> 播放，以至於從 JS 調閱出 <video> 元件時，看不到真實的影片來源，而是一連串 blob (Binary Large Object) 記憶體位置。

原本想說在 Chrome DevTools 下，能不能靠 JS 取得 network request 發送清單來做應用，看著看著突然腦筋一轉，乾脆就用 XMLHttpRequest 好了，多包一層就可以收集了。

用法：

//
// https://stackoverflow.com/questions/7775767/javascript-overriding-xmlhttprequest-open
//
(function() {
var proxied = window.XMLHttpRequest.prototype.open;
window.XMLHttpRequest.prototype.open = function() {
// console.log( arguments );
//
// 只關注 m3u8 來源
//
if (arguments.length >= 2 && arguments[1].indexOf('.m3u8') > 0) {
console.log( arguments );
// return;
}
return proxied.apply(this, [].slice.call(arguments));
};
})();

張貼者： 於 沒有留言:
標籤： , , , , , ,
訂閱： 文章 (Atom)