技術

こんにちは、フロントエンドのフレームワークを使っていたりすると設定したページタイトルがきちんとアナリティクスに送られているのか気になりますよね？

ユーザーエージェントで判定

isMobile.js

ライブラリを追加

yarn add ismobilejs

テンプレートで出し分けしたい場合

  <template>
    <div v-if="isMobile.phone">
      <div>モバイルで表示</div>
    </div>
  </template>
  import isMobile from "ismobilejs";
  export default {
    data:()=>{
      isMobile
    }
  }

レスポンシブで判定

vue-mq

Webサイトでよく見る動きや機能を追加しようとしたときに便利だった、実際に使ったライブラリのリストです。

vue-backtotop

名前の通り、トップに戻るボタンです。

ボタンに表示する文字やアイコンの変更も簡単。

先日スタートアップカフェコザで行ったセッション（コンポーネント指向UI開発で学ぶReact入門 沖縄フロントエンド塾 in スタートアップカフェコザ）で紹介したReactコンポーネントのスタイルガイドの作成を記載します。
ボタンのコンポーネントを作成してスタイルガイドで表示するまでの手順です。

React nativeをandroid向けにRelease buildして署名済みapkを生成する方法は基本的に公式ドキュメントに書いてあるようにすればいいが、そのままやっても起動後すぐに落ちるようになってしまった。結果的には、jsファイルがうまくbundleされてなかったらしいので、自分でやる。

公式ドキュメント中のGenerating the release APKで ./gradlew assembleRelease を実行した直後のタイミングで、プロジェクト直下で react-native bundle –platform android –dev false –entry-file index.js –bundle-output android/app/src/main/assets/index.android.bundle –assets-dest android/app/src/main/res/ を実行する。この時、./gradlew assembleReleaseを実行する前にbundleしてはいけない。必ず後にやる。

アプリのインストール

まず初めに、Expoを使うのでスマホにExpoの公式アプリをインストールする。
インストールしてアプリを起動すると、アカウントを作るように言われるのでアカウントを作成する。

• SendGridのアドオンを追加するにはクレジットカード登録が必要
• 環境変数のSENDGRID_NAME、SENDGRID_PASSWORDを先に設定しない
• 先にSENDGRID_API_KEYを設定する

SendGridアドオン設定手順

Unityで、MeshをPointで生成しようとして以下の処理をスクリプトに記述。
Androidでビルドして実機確認したら、FPSが物凄く低下した。

Google Domains + HerokuでSSL通信を使ったオリジナルドメインサイトのための設定のための設定
https://qiita.com/hidehiro98/items/b1bf98e0921b0d47e2c2

こちらを参考に設定。

たぶん複数のappがある場合は、heroku cliで、

VSCodeがとても使いやすくて、「UnityでもVSCodeつかえないかなぁ・・・」っと思っていたらやっている人いたので自分もやってみることにした。