はてなブックマーク

はじめに watchOS のアプリを作ってみようかな？と思って調べているとほぼ記事がなかったので watchOS のアプリで使う Storyboard の Objects についてまとめました。 UIKit ではなく WatchKit を使います（もしかしたら SwiftUI 使えるかも？？）。基本的にはコードでインスタンス生成（init'()）ができない模様。ほぼ Storyboard で設定するみたいです。 だいたい WKInterfaceObject を継承しており、func setHidden(_ hidden: Bool) のようにセッターは用意されているがゲッターがないものが多い。Storyboard での初期設定のみでコードで値を設定できないものも多い。現在値が知りたい場合は別で変数を用意するしかない模様。 基本的にサブクラスをつくることもできない（たぶんそんな複雑なことする

はじめに iOS の端末間で通信とかしたいなと思い Multipeer Connectivity について調べました。 ソース GitHub Multipeer Connectivityとは Multipeer Connectivity は Wi-Fi と Bluetooth を使って iOS 端末間の近距離通信（ピア・ツー・ピア）ができるライブラリです（最大８個まで接続できる）。 Wi-Fi が OFF でも Bluetooth で接続できるのかと思いましたが、OFF だとアドバタイザーが見えないらしく ON にする必要があるようです（同一 Wi-Fi でなくても OK）。 接続の概要 接続の流れは下記のようになっています。 MCPeerID を生成する。 端末を識別する一意のもの MCSession を生成する。 接続を管理するやつ MCNearbyServiceAdvertiser

@IBAction private func register(_ sender: Any) { let value = textField.text! var message = "" if value.isEmpty { message = "空だよ！" } else if value.count > 7 { message = "7文字以内にしてよ！" } if !message.isEmpty { showAlert(message: message) } } protocol ValidationError: Swift.Error { } enum ValidationResult { case valid case invalid(ValidationError) } extension ValidationResult { var isValid: Bool { switc

protocol CustomKeyboardViewDelegate: AnyObject { func customKeyboardView(_ customKeyboardView: CustomKeyboardView, didSelectKey key: String) } final class CustomKeyboardView: UIView { weak var delegate: CustomKeyboardViewDelegate? override init(frame: CGRect) { super.init(frame: frame) loadNib() } required init(coder aDecoder: NSCoder) { super.init(coder: aDecoder)! loadNib() } private func loadNi

はじめに ごくまれに UIView の convert 系のメソッドを使って座標を変換したいときがありますがいつもどっちに何指定するのかな？と忘れるのでまとめておきます。 View 準備 下記のような構成で座標変換をしてみます。 ScrollView を ViewController の View と同じサイズで配置してその中に contentView （緑色）を幅は ScrollView と同じ高さは 1200 pt で配置しています（StackView は左端のメモリ用です）。contentView の中に縦横 120 pt の targetView （白色）を contentView の Top 900pt、横は中央寄せで配置して、その targetView （白色）の中心にボタンを配置しています。 座標変換 座標変換には UIView に下記のメソッドが用意されており、これを使って

はじめに 最近ラズパイをさわり始めました。せっかくなので Swift とラズパイで Slack で今日は休む旨を伝えるボタンを作りたいと思います！ こんな感じです。 必要なもの 今回必要なものは下記です。 microSD カード Raspberry Pi 3 Model なんとなく３買いましたが４の方がいいと思います（４の場合電源は USB-C です）。 マイクロ USB 電源コード 10 K の抵抗×1 スイッチ×1 オスーメスジャンバ線×3 ブレッドボード 具体的なのは下記参照 MacでラズパイのLチカしてみたー必要なもの ラズパイ設定 OS のインストールや SSH 接続までは下記参照 MacでラズパイのLチカしてみたーSD 準備 Swift のインストール ラズパイに Swift をインストールします！手順は簡単です。 ラズパイに SSH 接続して下記コマンドを実行します。 # S

はじめに UINavigationController の左上に表示される「戻る」ボタンのイベントを取得したいことがたまにあります！ 「戻る」ボタンのイベントを取得するために試行錯誤した結果です。 結論から言うとちゃんとイベントを取得したいなら navigationItem.leftBarButtonItem をカスタムしましょう サンプル サンプルとして FirstiViewController（赤） -> SecondViewController（青） -> ThirdViewController（緑） と push で遷移する画面構成で SecondViewController の「戻る」について考えます。 SecondViewController からは Full Screen の modal 遷移（黄）もつけています。 deinit を使う SecondViewControlle

はじめに UITableView で reloadData() をしたときにトップへスクロールしたいときがたまにあります。でもこれが結構めんどくさい。。。 色々方法を試したので備忘録として記載します。 やりたいことは「ボタン押下したときにリロード＋スクロール位置をトップに戻したい」ということ！ こんな感じ（before が最下部表示で after が before の状態からリロード+トップへスクロールした状態です) before after テーブルは前回の記事で書いたヘッダーが消えたり出たりする grouped スタイルのテーブルでやります！ （before はヘッダー非表示、after はヘッダー表示です） 方法 テーブルをトップにスクロールする方法として setContetnOffset と scrollToRow があり、 reloadData の前にスクロールさせるのか後にスク

構成は下記のようになっています。 引用：UINavigationControllerドキュメント 画面上部に表示する navigationBar、画面下部に表示する toolbar （デフォルト非表示）、push した ViewController 一覧（viewControllers）と ViewController の表示時などに通知を受け取る delegate で構成されています。 単純に UINavigationController を利用する場合は特に toolbar、delegate を意識する必要はないのですが今回はこのあたりも軽く触れようと思います。（あんま使ったことないので軽めに） UINavigationControllerのプロパティやメソッド UINavigationController には様々なプロパティやメソッドが用意されています。 遷移系 // Naviga

はじめに 前々から ARKit さわってみたいな〜と思いつつずっとさわってなかったんですが最近ずっと引きこもってて時間があるので ARKit をさわってみました。 新しいことを習得するには守破離の精神からいって「守」つまり真似することが大事かなと思います。プログラミングでいうと写経ですね。 ということで ARKit で写経してみました。 環境 Xcode 11.5 Deployment Target 13.0 とりあえずAR表示 今まで ARKit を全くさわってなかったのでほぼ何もわからない状態です。。。とりあえず ARKitのサンプルコード集「ARKit-Sampler」 を参考に 3D モデルを表示してみました。 手順は下記 SceneKit Catalog を追加 2. 3D モデルを追加（参考サイトのサンプルのship追加） 3. Info.plist に `Privacy -

はじめに ある日、下記のような条件によって表示する項目が変わるカスタム View を修正することになりました。（実際はもっと項目が多い） final class PiyoView: UIStackView { struct Config { let isAlertShown: Bool let alert: String? let isInfoShown: Bool let info: String? let message: String } private var alertBackgroundView: UIView = { let view = UIView() view.backgroundColor = UIColor(named: "alert_red_bg") view.translatesAutoresizingMaskIntoConstraints = false re

はじめに UITableViewController に編集ボタンを置く場合は下記のようにすると編集 -> 完了とかをいい感じに表示してくれます しかし、画面上に TableView だけでなく固定のフッターとかヘッダーを置きたい場合など UITableViewController だと難しい。。。で、いい感じにする方法はないかなと思って思いついたので書いてみます。 画面構成 画面構成は下記のように UIViewController に ContainerView を2つ置いて片方を UITableviewController にします。 方法1 UITableViewController から editButtonItem を取ってきて UIViewController に渡す！ 実装はこんな感じ class FirstViewController: UIViewController {

はじめに ただどう動くんだろう？って言うだけの話で実用性は皆無です なんか UIButton に謎のアクションを付けれたというお話です。 環境 Xcode 11.4 iPhone 11 Pro Max (13.4) 実装 StoryboardでFirstViewControllerとSecondViewControllerを用意する FirstVCにボタンをのせる IBActionでボタンのアクションをFirstVCに紐付ける（tappedFirst(_ sender: Any)） SecondVCにFirstVCのボタンをコピペする IBActionでボタンのアクションをSecondVCに紐付ける（tappedSecond(_ sender: Any)） こんな感じ final class FirstViewController: UIViewController { @IBAction

はじめに Slack でリアクションBotをつくろうとしたら思いの外ハマったので備忘録。 GAS を使います！ 成果物 ゴリラの後に１５種類のうんちをつけるBotができたよ😆 pic.twitter.com/REtkoDYgfd — am10 (@am103141592) May 19, 2020 我々の Slack はうんち絵文字が充実している すぐにゴリラリアクションを消せばだれがうんち付けたかは迷宮入りになる。。。 （うんちリアクションは Bot が付けたことになります） つくりかた 手順 GAS作成（公開してURLメモ） Slack App作成（権限設定してトークンメモ） GAS修正（トークン付与、Bot実装） Slackチャンネルにアプリ追加 1. GAS作成（公開してURLメモ） 上記のようにGASプロジェクトを新規作成して下記コードを記述して保存する。 function d

はじめに リモートワークが増えてきてコードレビューとかがコメントのやりとりで終わる。。。さみしい そんなコードレビューにも彩りを与えてくれるのが LGTM 画像！今回はフリーの画像編集ソフト GIMP の python-fu をつかって LGTM 画像をつくってみます！ 環境 macOS Cattalina バージョン 10.15.3 GIMP 2.10.14 Python 2.7.15 成果物 完成形はこんな感じ #!/usr/bin/env python # -*- coding: utf-8 -*- from gimpfu import * import os def plugin_main(image, layer, dir_path): if (not type(dir_path) == type("") or not len(dir_path)): gimp.message("

はじめに 以前書いたデフォルトTableViewサンプル集(swift)のテーブルカスタム編です。 アコーディオンテーブルをつくってみよう ソース ※ タイトルに「つくろう！」って書いてるけどアコーディオンテーブルを推奨しているわけではないです アコーディオンテーブルをつくる（1階層） 完成形はこんな感じ ソース 色々やり方はあるかと思いますが今回はセクションヘッダーを使います。 やること セクションヘッダーのタップを検知する 開いているセクション情報を保持する 開閉時の表示処理をする セクションヘッダーのタップを検知する セクションヘッダーのタップ検知はどのセクションをタップしたかわかるようにする必要があるので section: Int を保持させるためにカスタムの UITableViewHeaderFooterView を作ります。 こんな感じ protocol SingleAccor

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 以前書いた今更MVCとかでiOSアプリつくってみた（Swift）・改の続きです。なんか面談のときにちょこちょこアーキテクチャについて聞かれたので今度は MVVM について考えてみます。 前記事でも書きましたが、アーキテクチャについてネットで色々検索すると言ってることがそれぞれ微妙に違うのがいっぱい出てきます。アーキテクチャについて学びたいと思うなら iOSアプリ設計パターン入門 を読みましょう！ この記事は iOSアプリ設計パターン入門 を参考にしていますが、あくまで私個人の意見です。 わりと長くなったのでめんどくさい人はソー

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 以前書いた今更MVCとかでiOSアプリつくってみた（Swift）・改の続きです。なんか面談のときにちょこちょこアーキテクチャについて聞かれたので今度は MVP について考えてみます。 前記事でも書きましたが、アーキテクチャについてネットで色々検索すると言ってることがそれぞれ微妙に違うのがいっぱい出てきます。アーキテクチャについて学びたいと思うなら iOSアプリ設計パターン入門 を読みましょう！ この記事は iOSアプリ設計パターン入門 を参考にしていますが、あくまで私個人の意見です。 わりと長くなったのでめんどくさい人はソース

はじめに 以前に書いた今更MVCとかでiOSアプリつくってみた（Swift）はなぜ MVC を導入するのかふわっとしてるし分け方もふわっとしててなんか違うなと思っていたのですが何が違うかわからず放置していました。 が、未だに LGTM ついたりしてまずいなと思い MVC について再考するために今回の記事を書きました。（google で「swift mvc」で検索するとわりと上位にくる。やっぱり Qiita の SEO すげぇ） ＊ アーキテクチャの起源は MVC であり他のアーキテクチャは MVC の課題を解決するために派生していったものであり MVC の理解がアーキテクチャの理解の第一歩と考え今更ですが MVC についての記事を書きました。 わりと長くなったのでめんどくさい人はソースだけでもどうぞ VC3つのみでつくったやつ Cocoa MVCでつくったやつ 長いの読みたくない人ように結

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに TableViewを使うときは毎回セルとかヘッダー・フッターのカスタムクラス作ったりしてたけどデフォルトのやつでも色々できるやん？ってことで色々作ってみました。 サンプル集 Cell Style AccessoryType Color Cell Selected Color TableViewControllerを使うか否か 画面にtableViewしか表示しないって場合は基本的には UITableViewController を使う方が便利なのでできるだけ UITableViewController を使います。 便利機能 tableViewのひも付けとかしなくてもいい var clearsSelectionOnViewWillAppear: Bool var refreshControl: UIRefreshControl? 編集モードの時に func setEditing(

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに 以前作ったこれ(文字列→塩基配列の相互変換ツールをつくってみた(アプリ版))のWeb版でせっかくなんでよく聞くgulp, webpack, babelをつかってみました。色々みながらやりましたがバージョンの違いなどでエラー出まくってなかなか苦労しました。 あんまりwebさわったことないので間違ってたら優しく指摘していただけるとありがたいです。 とりあえず動くものはできました！！ やりたいこと SassをCSSに変換 CSS圧縮 画像圧縮 js圧縮 babelでjsをES5で出力 webpackでjsをまとめる ソース 環境 macOS Catalina 10.15.2 node.js v13.7.0 npm導入 yarn ていうのもあるらしいですがとりあえず npm をインストール！ node.js で最新版をいれました。 ターミナルで下記コマンドが実行できれば導入完了。

はじめに 文字列→塩基配列の相互変換ツールをつくってみた(アプリ版)でつくったアプリ Mac iOS Android これに強制アップデート機能（半強制で抜け道あり）をつけてみました。 特に必要なわけではないですがこの記事([iOS]アプリに強制アップデート機能を導入すべき理由と、簡単に実装する方法)をみてやりたいと思い実装してみました。 が！！サーバーを用意するのはめんどくさいと思いサーバーなしで強制アップデート機能のようなものをつけてみました。 iOS&Mac 方法 iTunes Search APIというのがあるらしくこれを使うとアプリの情報が取れるそうです。 下記のURLのアプリIDに指定のアプリを設定するとそのアプリ情報が取得できます。 struct AppStoreModel { private let version = Version(version: Bundle.mai

はじめに 以前アプリをリリース（iOS, Mac, Androidのアプリをリリースしてみた ）したのですが、複数の方から100円も払えるかクソが！！といわれました まだ機能が思ってる完成形には達していないし、やっぱだれかがダウンロードしてくれないとおもしろくないししばらくは無料にすることにしました！！ たまにみるキャンペーンみたいなので期間限定無料をやりたいと思い調べていたのですがやり方があんま出てこなかったので備忘録として書きます。 iOS, Mac版 iOSとMacアプリについてです。やり方はめっちゃ簡単。（だからあんま調べてもでてこないのかも） 下記ページを開きます App Store Connect -> マイ App -> 対象アプリ -> App Store -> 価格および配信状況 価格表の「価格変更を計画」をクリック 価格、開始日、終了日を選択 「終了」クリック 「保存」

さいしょに iOSでWebページを表示するいわゆるガワアプリの作成でつまずいたことのまとめです。 とりあえず動作はしていますがこの解決法がいいのかはわかりません... 今回はiOS11以降はWKWebView、iOS10以前のバージョンではUIWebViewを利用しました。 POSTリクエスト WKWebviewでは割と有名な話なのかしれませんがここに記載されているように、POSTのhttpBodyがnilになるというバグがあります。 iOS11以降 iOS11以降は解決しているようで下記のようにiOS11では普通にPOSTできます。 var request = URLRequest(url: URL(string: "https://www.xxxxx")!) request.httpMethod = "POST" bodyData = "A=Value" request.httpBod