ツール」カテゴリーアーカイブ

KeynoteをiFrameで埋め込む。

ちょっと聞かれて調べたので備忘録。
参考サイト
Keynoteバージョンアップ!WordPressに埋め込む方法 | iPad初心者のための使い方入門

とりあえずテキトーにKeynoteで書類を作ります。
スクリーンショット 2020-06-11 1.06.30

iCloud上のKeynoteフォルダに保存します。
スクリーンショット 2020-06-11 1.11.34

Keynote画面右上の共同制作をクリック。
スクリーンショット 2020-06-11 1.26.52
「リンクをコピー」を選択し、
共有オプションを
対象:リンクを知っている人はだれでも
アクセス権:閲覧のみ
に設定してパスワードは設定しない。
そして共有。
スクリーンショット 2020-06-11 1.08.10

すると下記の様なリンクがコピーされています。

https://www.icloud.com/keynote/0TjMIWfKJ82YAYF3UwObgrPXg

んでそれを下記のようにiframeに混ぜて、

<iframe src="https://www.icloud.com/keynote/0TjMIWfKJ82YAYF3UwObgrPXg?embed=true" width="640" height="500" frameborder="0" allowfullscreen="1" 
referrer="no-referrer"></iframe>

ワードプレスにぶっこむと、

こんな感じで共有できましたー。\(^o^)/

iPhone X モック画像10面

iPhoneXs MAX対応が必須になりますね。
3月27日以降、iOSアプリはiPhone XS Maxと12.9インチiPad Pro(2018)のサポート必須に – Engadget 日本版

だからというわけではないですが、iPhone X モック画像10面を作りました。
iPhoneXモックベクター10面

デザインなどにはあると便利ですよね。
こんな感じで使ってます。
IMG_0973

ダウンロードはこちら

【Swift4】【Firebase】【AdMob】と【Analytics】(2) 準備。プロジェクトを作成。

iPhoneアプリにFirebaseのAnalyticsとadmobを入れるために、firebase上でiPhoneアプリのプロジェクトを作成する。

前提としてFirebaseにログインできていること。
まずはFirebaseのコンソールでプロジェクトを追加します。
プロジェクトとアプリが連携できると自動でアナリティクスが開始されるようです。
Firebase console

↑Firebaseコンソールでプロジェクトを追加を選択。
スクリーンショット 2019-03-22 17.19.54

iosを選択
スクリーンショット 2019-03-22 21.00.13

アプリのバンドルIDを入力
スクリーンショット 2019-03-22 21.00.28

GoogleService-Info.plistが作成されるのでダウンロードしてXcodeプロジェクトに追加。
スクリーンショット 2019-03-22 21.01.07
copy item if neededを選びましょう。
スクリーンショット 2019-03-22 21.07.36

cocoapodを使ってfirebase SDKを導入する。
この辺は前回やったやつ。
スクリーンショット 2019-03-22 21.01.38

AppDelegateにコードを追加して接続。
スクリーンショット 2019-03-22 21.01.52

import UIKit
import Firebase

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate  {

    var window: UIWindow?

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        // Override point for customization after application launch.

        //ファイアベースを接続
        FirebaseApp.configure()

        return true
    }

アプリを起動して接続が確認されると、
スクリーンショット 2019-03-22 21.03.08
ここが、
スクリーンショット 2019-03-22 21.08.33
こうなる。

これでFirebaseとの接続が完了してAnalyticsが確認できるようになる。

【Swift4】【Firebase】【AdMob】と【Analytics】(1) SDKを【cocoaPods】でインストール

【cocoapods】たまにしか使わないのですぐにわからなくなる。/(^o^)\ | iPhoneアプリ備忘録
前回↑から引き続きFirebaseのadMobを入れていきます。

参考サイト
iOS 用 Firebase 向け Google アナリティクスを使ってみる  |  Firebase
スタートガイド  |  Firebase

ってゆーかよく見直したらSwift3で似たような記事書いてる。/(^o^)\
【Swift3】と【cocoaPods】と【Firebase】と【adMob】 | iPhoneアプリ備忘録

ただこのあとにpodfileの書き方が変わってる。
【CocoaPods】Podfileの書き方が変わっていた。 | iPhoneアプリ備忘録

それらを参考にPodFileを書き換えます。

# Uncomment the next line to define a global platform for your project
# platform :ios, '9.0'

target 'admobFireBaseTest' do
  # Comment the next line if you're not using Swift and don't want to use dynamic frameworks
  use_frameworks!

pod 'Firebase/Core'
pod 'Firebase/AdMob'


  # Pods for admobFireBaseTest

  target 'admobFireBaseTestTests' do
    inherit! :search_paths
    # Pods for testing
  end

  target 'admobFireBaseTestUITests' do
    inherit! :search_paths
    # Pods for testing
  end

end

pod ‘Firebase/Core’
pod ‘Firebase/AdMob’
上記を追加しています。

で、保存したあとターミナルからインストールします。
Podfileのあるディレクトリを間違えないようにね。
で、

$ pod install

結果↓

$ pod install
Analyzing dependencies
Downloading dependencies
Installing Firebase (5.17.0)
Installing FirebaseAnalytics (5.6.0)
Installing FirebaseCore (5.3.0)
Installing FirebaseInstanceID (3.5.0)
Installing Google-Mobile-Ads-SDK (7.40.0)
Installing GoogleAppMeasurement (5.6.0)
Installing GoogleUtilities (5.3.7)
Installing nanopb (0.3.901)
Generating Pods project
Integrating client project

[!] Please close any current Xcode sessions and use `admobFireBaseTest.xcworkspace` for this project from now on.
Sending stats
Pod installation complete! There are 2 dependencies from the Podfile and 8 total pods installed.

[!] Automatically assigning platform `ios` with version `12.1` on target `admobFireBaseTest` because no platform was specified. Please specify a platform for this target in your Podfile. See `https://guides.cocoapods.org/syntax/podfile.html#platform`.

とゆーことでFirebaseとAdMobが入りました。

xcodeでプロジェクトを開くときは、.xcodeprojファイルではなく、
新しく作られた.xcworkspaceファイルを開くことを間違えないようにしましょう。

【cocoapods】たまにしか使わないのですぐにわからなくなる。/(^o^)\

Firebase admobをやってみようと思った。
cocoapodsで入れるんだけど使い方忘れた。

って前にも書いたような気がする。/(^o^)\
超初心者向け【cocoapods】の始め方。 | iPhoneアプリ備忘録
【CocoaPods】Podfileの書き方が変わっていた。 | iPhoneアプリ備忘録

2年くらい前か。(^_^;)
バージョンも変わってるかなと試してみた。

とりあえずルビーのアップデートはこれでええんかいな?

$ sudo gem update --system

結果↓

$ sudo gem update --system
Password:
Updating rubygems-update
Fetching: rubygems-update-3.0.2.gem (100%)
Successfully installed rubygems-update-3.0.2
Parsing documentation for rubygems-update-3.0.2
Installing ri documentation for rubygems-update-3.0.2
Installing darkfish documentation for rubygems-update-3.0.2
Done installing documentation for rubygems-update after 77 seconds
Parsing documentation for rubygems-update-3.0.2
Done installing documentation for rubygems-update after 0 seconds
Installing RubyGems 3.0.2
ERROR:  While executing gem ... (Errno::EPERM)
    Operation not permitted @ rb_sysopen - /System/Library/Frameworks/Ruby.framework/Versions/2.3/usr/bin/gem

うむ。なんかエラーが出た。
後で調べたらここが参考になった。
gem updateでエラーが出た時の対処法 | ハックノート

$ sudo gem update --system -n /usr/local/bin
$ sudo gem install -n /usr/local/bin cocoapods

よくわからんが

$  sudo gem install -n /usr/local/bin cocoapods

とやってみた。

結果↓

$  sudo gem install -n /usr/local/bin cocoapods
Password:
Fetching thread_safe-0.3.6.gem
Fetching activesupport-4.2.11.gem
Fetching concurrent-ruby-1.1.4.gem
Fetching i18n-0.9.5.gem
Fetching cocoapods-core-1.6.1.gem
Fetching cocoapods-deintegrate-1.0.3.gem
Fetching claide-1.0.2.gem
Fetching nap-1.1.0.gem
Fetching fuzzy_match-2.0.4.gem
Fetching cocoapods-downloader-1.2.2.gem
Fetching cocoapods-plugins-1.0.0.gem
Fetching tzinfo-1.2.5.gem
Fetching cocoapods-trunk-1.3.1.gem
Fetching cocoapods-stats-1.1.0.gem
Fetching cocoapods-search-1.0.0.gem
Fetching CFPropertyList-3.0.0.gem
Fetching netrc-0.11.0.gem
Fetching cocoapods-try-1.1.0.gem
Fetching nanaimo-0.2.6.gem
Fetching atomos-0.1.3.gem
Fetching gh_inspector-1.1.3.gem
Fetching xcodeproj-1.8.1.gem
Fetching escape-0.0.4.gem
Fetching fourflusher-2.2.0.gem
Fetching colored2-3.1.2.gem
Fetching molinillo-0.6.6.gem
Fetching ruby-macho-1.4.0.gem
Fetching cocoapods-1.6.1.gem
Successfully installed concurrent-ruby-1.1.4
Successfully installed i18n-0.9.5
Successfully installed thread_safe-0.3.6
Successfully installed tzinfo-1.2.5
Successfully installed activesupport-4.2.11
Successfully installed nap-1.1.0
Successfully installed fuzzy_match-2.0.4
Successfully installed cocoapods-core-1.6.1
Successfully installed claide-1.0.2
Successfully installed cocoapods-deintegrate-1.0.3
Successfully installed cocoapods-downloader-1.2.2
Successfully installed cocoapods-plugins-1.0.0
Successfully installed cocoapods-search-1.0.0
Successfully installed cocoapods-stats-1.1.0
Successfully installed netrc-0.11.0
Successfully installed cocoapods-trunk-1.3.1
Successfully installed cocoapods-try-1.1.0
Successfully installed molinillo-0.6.6
Successfully installed atomos-0.1.3
Successfully installed CFPropertyList-3.0.0
Successfully installed colored2-3.1.2
Successfully installed nanaimo-0.2.6
Successfully installed xcodeproj-1.8.1
Successfully installed escape-0.0.4
Successfully installed fourflusher-2.2.0
Successfully installed gh_inspector-1.1.3
Successfully installed ruby-macho-1.4.0
Successfully installed cocoapods-1.6.1
Parsing documentation for concurrent-ruby-1.1.4
Installing ri documentation for concurrent-ruby-1.1.4
Parsing documentation for i18n-0.9.5
Installing ri documentation for i18n-0.9.5
Parsing documentation for thread_safe-0.3.6
Installing ri documentation for thread_safe-0.3.6
Parsing documentation for tzinfo-1.2.5
Installing ri documentation for tzinfo-1.2.5
Parsing documentation for activesupport-4.2.11
Installing ri documentation for activesupport-4.2.11
Parsing documentation for nap-1.1.0
Installing ri documentation for nap-1.1.0
Parsing documentation for fuzzy_match-2.0.4
Installing ri documentation for fuzzy_match-2.0.4
Parsing documentation for cocoapods-core-1.6.1
Installing ri documentation for cocoapods-core-1.6.1
Parsing documentation for claide-1.0.2
Installing ri documentation for claide-1.0.2
Parsing documentation for cocoapods-deintegrate-1.0.3
Installing ri documentation for cocoapods-deintegrate-1.0.3
Parsing documentation for cocoapods-downloader-1.2.2
Installing ri documentation for cocoapods-downloader-1.2.2
Parsing documentation for cocoapods-plugins-1.0.0
Installing ri documentation for cocoapods-plugins-1.0.0
Parsing documentation for cocoapods-search-1.0.0
Installing ri documentation for cocoapods-search-1.0.0
Parsing documentation for cocoapods-stats-1.1.0
Installing ri documentation for cocoapods-stats-1.1.0
Parsing documentation for netrc-0.11.0
Installing ri documentation for netrc-0.11.0
Parsing documentation for cocoapods-trunk-1.3.1
Installing ri documentation for cocoapods-trunk-1.3.1
Parsing documentation for cocoapods-try-1.1.0
Installing ri documentation for cocoapods-try-1.1.0
Parsing documentation for molinillo-0.6.6
Installing ri documentation for molinillo-0.6.6
Parsing documentation for atomos-0.1.3
Installing ri documentation for atomos-0.1.3
Parsing documentation for CFPropertyList-3.0.0
Installing ri documentation for CFPropertyList-3.0.0
Parsing documentation for colored2-3.1.2
Installing ri documentation for colored2-3.1.2
Parsing documentation for nanaimo-0.2.6
Installing ri documentation for nanaimo-0.2.6
Parsing documentation for xcodeproj-1.8.1
Installing ri documentation for xcodeproj-1.8.1
Parsing documentation for escape-0.0.4
Installing ri documentation for escape-0.0.4
Parsing documentation for fourflusher-2.2.0
Installing ri documentation for fourflusher-2.2.0
Parsing documentation for gh_inspector-1.1.3
Installing ri documentation for gh_inspector-1.1.3
Parsing documentation for ruby-macho-1.4.0
Installing ri documentation for ruby-macho-1.4.0
Parsing documentation for cocoapods-1.6.1
Installing ri documentation for cocoapods-1.6.1
Done installing documentation for concurrent-ruby, i18n, thread_safe, tzinfo, activesupport, nap, fuzzy_match, cocoapods-core, claide, cocoapods-deintegrate, cocoapods-downloader, cocoapods-plugins, cocoapods-search, cocoapods-stats, netrc, cocoapods-trunk, cocoapods-try, molinillo, atomos, CFPropertyList, colored2, nanaimo, xcodeproj, escape, fourflusher, gh_inspector, ruby-macho, cocoapods after 38 seconds
28 gems installed

なんかインストールできたっぽい。
良かったよかった?/(^o^)\

インストールできたらセットアップも必要らしい。

$ pod setup

結果↓

$ pod setup
Setting up CocoaPods master repo
  $ /usr/bin/git -C /Users/ユーザー名/.cocoapods/repos/master fetch origin
  --progress
  remote: Enumerating objects: 104182, done.        
  remote: Counting objects: 100% (104182/104182), done.        
  remote: Compressing objects: 100% (175/175), done.        
  remote: Total 1890451 (delta 104040), reused 104078 (delta 103999), pack-reused 1786269        
  Receiving objects: 100% (1890451/1890451), 253.22 MiB | 3.26 MiB/s, done.
  Resolving deltas: 100% (1278869/1278869), completed with 10144 local objects.
  From https://github.com/CocoaPods/Specs
     a964d6c397f..417810a7461 master                -> origin/master
   * [new branch]            backz                 -> origin/backz
   * [new branch]            cdn_scripts           -> origin/cdn_scripts
   * [new branch]            swift_version_support -> origin/swift_version_support
  $ /usr/bin/git -C /Users/ユーザー名/.cocoapods/repos/master rev-parse
  --abbrev-ref HEAD
  master
  $ /usr/bin/git -C /Users/ユーザー名/.cocoapods/repos/master reset --hard
  origin/master
  Checking out files: 100% (186163/186163), done.
  HEAD is now at 417810a7461 [Add] Geth 1.9.0-unstable.17859
warning: inexact rename detection was skipped due to too many files.
warning: you may want to set your diff.renameLimit variable to at least 183753 and retry the command.

CocoaPods 1.7.0.beta.1 is available.
To update use: `sudo gem install cocoapods --pre`
[!] This is a test version we'd love you to try.

For more information, see https://blog.cocoapods.org and the CHANGELOG for this version at https://github.com/CocoaPods/CocoaPods/releases/tag/1.7.0.beta.1

Setup completed

せったっぷかんりょうです。\(^o^)/

続いて、
podファイルを用意する。
まずXcodeのProjectのあるフォルダを表示。
スクリーンショット 2019-03-02 16.56.22
更にそのProjectの入っている一つ上のディレクトリに移動。

ターミナルをそのディレクトリに移動する。
ターミナルで、$ cd と書いたあとにProjectのフォルダをドラッグアンドドロップする。

で、

$ pod init

すると
そのフォルダ内にPodfileが作成される。

今回作成されたPodFileの中身はこんな感じ。

# Uncomment the next line to define a global platform for your project
# platform :ios, '9.0'

target 'admobFireBaseTest' do
  # Comment the next line if you're not using Swift and don't want to use dynamic frameworks
  use_frameworks!

  # Pods for admobFireBaseTest

  target 'admobFireBaseTestTests' do
    inherit! :search_paths
    # Pods for testing
  end

  target 'admobFireBaseTestUITests' do
    inherit! :search_paths
    # Pods for testing
  end

end

could not build module googlemobileads というエラー

Xcodeを7から8にアップデートして、
環境を2009のmacminiから2016のMacBook Proに移行して、
何が原因だかわからんが、ちょっと前に作ったアプリをエミュレーションで起動しようとしたらエラーが出た。
Objective-cで作ったアプリだ。

エラーメッセージはこんな感じ。
could not build module googlemobileads

どうもGoogleMobileAds.hが見つからん的なエラーが幾つか出る。
ぐぐったところimportの書き方を変えてみる的な記事が出てきたがそれでは治らんかった。

cocoa podでインストールしたものを削除して再インストールしてみたらどーかなとやってみた。

参考サイト
CocoaPodsのアンインストール方法 · Yukim Log

podファイルで
pod ‘Async’
だそうだ。

↓podファイル

# Uncomment the next line to define a global platform for your project
# platform :ios, '9.0'

target ‘アプリ名’ do


pod ‘Async’


  end

end

んでもってターミナルから実行。

ディレクトリは移動しておこうね。ヽ(^。^)ノ

$ pod install
Analyzing dependencies
Downloading dependencies
Using Google (2.0.4)
Using Google-Mobile-Ads-SDK (7.7.1)
Using GoogleAnalytics (3.14.0)
Using GoogleInterchangeUtilities (1.2.0)
Using GoogleNetworkingUtilities (1.2.0)
Using GoogleSymbolUtilities (1.1.0)
Using GoogleUtilities (1.3.0)
Generating Pods project
Integrating client project
Sending stats
Pod installation complete! There are 2 dependencies from the Podfile and 7 total pods installed.

んで、アプリ.xcworkspaceも削除。

再度podファイルを編集

# Uncomment the next line to define a global platform for your project
 platform :ios, '9.0'

target 'アプリ名' do
  # Uncomment the next line if you're using Swift or would like to use dynamic frameworks
   use_frameworks!

pod 'Google-Mobile-Ads-SDK', '~> 7.0'
pod 'Google/Analytics'

  # Pods for アプリ名

  target 'アプリ名Tests' do
    inherit! :search_paths
    # Pods for testing
  end

end

んで、ターミナルから実行。

$ pod install
Analyzing dependencies
Removing Google
Removing Google-Mobile-Ads-SDK
Removing GoogleAnalytics
Removing GoogleInterchangeUtilities
Removing GoogleNetworkingUtilities
Removing GoogleSymbolUtilities
Removing GoogleUtilities
Downloading dependencies
Installing Async (0.2.0)
Generating Pods project
Integrating client project
Sending stats
Pod installation complete! There is 1 dependency from the Podfile and 1 total pod installed.

[!] Your Podfile has had smart quotes sanitised. To avoid issues in the future, you should not use TextEdit for editing it. If you are not using TextEdit, you should turn off smart quotes in your editor of choice.
kurodakouseinoMacBook-Pro:DaimokuCounter kurodakousei$ pod install
Analyzing dependencies
Removing Async
Downloading dependencies
Installing FirebaseAnalytics (3.6.0)
Installing FirebaseCore (3.4.6)
Installing FirebaseInstanceID (1.0.8)
Installing Google (3.0.3)
Installing Google-Mobile-Ads-SDK (7.16.0)
Installing GoogleAnalytics (3.17.0)
Installing GoogleInterchangeUtilities (1.2.2)
Installing GoogleSymbolUtilities (1.1.2)
Installing GoogleToolboxForMac (2.1.0)
Generating Pods project
Integrating client project

[!] Please close any current Xcode sessions and use `DaimokuCounter.xcworkspace` for this project from now on.
Sending stats
Pod installation complete! There are 2 dependencies from the Podfile and 9 total pods installed.

新しく.xcworkspaceファイルも作られて、エラーが消えました。\(^o^)/

【CocoaPods】Podfileの書き方が変わっていた。

Cocoa podの Podfileの書き方が変わったらしい。

新しいMacになってCocoaPodsを使おうとしたらpodって何?って言われた。(^_^;)

すっかりやり方を忘れたので
超初心者向け【cocoapods】の始め方。 | iPhoneアプリ備忘録
これを参考にCocoaPodsをインストールし直した。

んで、以前のままのPodfileを使おうとしたら怒られた。

$ pod install
Re-creating CocoaPods due to major version update.
Analyzing dependencies
[!] The dependency `Google-Mobile-Ads-SDK (~> 7.0)` is not used in any concrete target.
The dependency `Google/Analytics` is not used in any concrete target.

調べてみたらなんか書き方が変わったらしい。
参考サイト
Cocoapods 1.0.0で注意すること – Qiita

pod initでPodfileを作成して開くとこのような内容になっていた。

# Uncomment the next line to define a global platform for your project
# platform :ios, '9.0'

target 'アプリ名' do
  # Uncomment the next line if you're using Swift or would like to use dynamic frameworks
  # use_frameworks!

  # Pods for アプリ名

  target 'アプリ名Tests' do
    inherit! :search_paths
    # Pods for testing
  end

end

なので書き直した。

# Uncomment the next line to define a global platform for your project
 platform :ios, '9.0'

target 'アプリ名' do
  # Uncomment the next line if you're using Swift or would like to use dynamic frameworks
   use_frameworks!

pod 'Google-Mobile-Ads-SDK', '~> 7.0'
pod 'Google/Analytics'

  # Pods for アプリ名

  target 'アプリ名Tests' do
    inherit! :search_paths
    # Pods for testing
  end

end

んで、pod installを実行したところ

$ pod install
Re-creating CocoaPods due to major version update.
Analyzing dependencies
Downloading dependencies
Installing Google (2.0.4)
Installing Google-Mobile-Ads-SDK (7.7.1)
Installing GoogleAnalytics (3.14.0)
Installing GoogleInterchangeUtilities (1.2.0)
Installing GoogleNetworkingUtilities (1.2.0)
Installing GoogleSymbolUtilities (1.1.0)
Installing GoogleUtilities (1.3.0)
Generating Pods project
Integrating client project
Sending stats
Pod installation complete! There are 2 dependencies from the Podfile and 7 total pods installed.

こんな感じで無事に成功したようだ。

2019年3月2日追記
さらに記事書きました。
【cocoapods】たまにしか使わないのですぐにわからなくなる。/(^o^)\ | iPhoneアプリ備忘録

【ツール】app store用のスクリーンショットをリサイズ。

appStore用のScreenshotをリサイズするのってめっちゃめんどくさいよね~。
ちょっとでも簡単に出来んかと。

参考サイト
[iOS][Mac]iOSアプリ申請時に必要なスクリーンショット画像のサイズとリサイズについて | Coffee Breakにプログラミング備忘録

imagetoolsってのが使いよかったです。
リサイズする写真を読み込んでリサイズを選び名前も指定できる。

スクリーンショット 2016-06-12 18.11.46

中々に良いです。

【ツール】app store用スクリーンショットをちょっとでも綺麗に。

app store用スクリーンショットで結構見栄えが変わる。
ダウンロード数も変わるかもしれない。
下記サイトは普通のスクリーンショットにiPhone本体の枠とコメントをつけた画像を作ることが出来る。

細かい機能を使うには有料だが、オーソドックスな使い方なら無料で使える。

Screenshot Builder – Create gorgeous images for the App Store or Google Play. | LaunchKit

【ツール】RGBの16進数表記をUIColorのコードに変換してくれるサービス。

参考サイト
RGBの16進数表記をUIColorのコードに変換してくれるサービス。

そのまんまコピーで申し訳ないが上記サイトで紹介されていた下記サイトが非常に役に立った。

RGBの16進数表記をUIColorのコードに変換出来ます。

HexRGB To UIColor