- 1. Share Extensionからjavascriptを使いSafari内の情報を取得
- 2. 【Qiitaでも使えるよ】PWAって何?
- 3. 【SwiftUI】左右の要素がちょっと見えているバナーを実装する（iOS17）
- 4. 【未経験エンジニア】iOSアプリ開発に臨む
- 5. 【SwiftUI】Chartのスクロール位置を設定する
- 6. ReactNative WebViewのAPIのメソッドを確認してみた
- 7. 【SwiftUI】スクロールするとふわっとコンテンツが下から出現するあれ
- 8. Stable Diffusion を Core ML に変換する
- 9. 【Flutter】画面のスクリーンショット＆録画を禁止する方法
- 10. 【SwiftUI】非公開フレームワークのOnBoardingKitというものがあるらしい
- 11. 関数とメソッドの違いについて
- 12. 【swift】 Autolayout-基礎編-
- 13. 【SwiftUI】1番下までスクロールしたら同意ボタンが押せるようになる機能を実装したい
- 14. BlueskyにiPhoneのミュージックで再生している曲をiOSショートカットで投稿する
- 15. React Native WebViewの基本的な機能とAPIの活用方法
- 16. 【iOS】iOSアプリのローカライズ方法
- 17. 【SwiftUI】ScrollViewの範囲を超えてもコンテンツを表示する
- 18. オフラインのスマホ(iOS)でPythonを動かす
- 19. 【iOS】Skipを使ってみた
- 20. Flutter(Dart)からGeminiを簡単に呼べるようになったので試してみる
Share Extensionからjavascriptを使いSafari内の情報を取得
## 課題
[Bookmarks](https://apps.apple.com/app/id1590304377)でSafariからリンクをShare Extensionで追加するとき、選択している文字をメモに追加できるようにしてほしいとフィードバックがあった。### 他のアプリの実装例
– Buchen https://apps.apple.com/app/id1549093588## 実装
### スクリプトの作成
“`javascript
var ProcessingClass = function() {};ProcessingClass.prototype = {
run: function(arguments) {
arguments.completionFunction({
“title”: document.title,
“url”: document.URL,
“selected”: document.getSelection().toString()
});
【Qiitaでも使えるよ】PWAって何?
## はじめに
PWAについて皆さんは知っていますか?僕は、１年前まではPWAについて知りませんでした。
iOSも2018年にリリースされたVer.11.3からPWAへ対応するようになり、Iphoneユーザーの多い日本では知名度があまり高くない(エンジニア界隈は除く)と思いますが、今回は自分のようにPWAについて知らない人のために、PWAについて解説していきたいと思います。
## PWAとは
PWAとは「Progressive Web Apps」の略で、Webアプリケーションをネイティブアプリケーションのように動作させるための技術です。PWAの利点として、インストールせずにすぐ利用することができ、かつ
ホーム画面のアイコンからすぐアクセスしたり、通知を受け取ることができるという点があります。誤解を恐れずにいうと、PWAは、Webアプリケーションとネイティブアプリケーションの中間のようなものです。
また、開発者側の利点としてOS毎にアプリを開発する必要がなく、Webアプリケーションを開発するだけで済むので、開発コストを抑えることができます。
### PWAの原則につい
【SwiftUI】左右の要素がちょっと見えているバナーを実装する（iOS17）
# はじめに
キャンペーンのバナーとかでよくみる、左右の要素がちょっと見えているカルーセルUIをSwiftUIで実装してみたいと思います。# サンプルアプリ
# 実装
“`swift
import SwiftUIstruct ContentView: View {
private let carouselRange = 0..<10 var body: some View { ScrollView(.horizontal, showsIndicators: false) { HStack { ForEach(car
【未経験エンジニア】iOSアプリ開発に臨む
# はじめに
この記事は、エンジニア未経験者がiOSアプリを開発したらどうなるのか、を記録した記事です。技術に関する単語の誤りや、開発手法に思うことが多々あると思いますが、興味本位で読んでいただければ嬉しいです。
また個人開発や独学未経験でもApp Storeへのリリースができるんだ！と僭越ながらお仲間の方の励みになれば幸いです。# 対象読者
– iOSアプリ開発に興味がある人
– React Native +expo構成に興味がある方
– プログラミングを独学で学んでいるお仲間の方# 作ったもの ♡ kawaii目覚まし時計
可愛らしいデザインと機能性を融合したアラームクロックアプリを作成しました。
機能はシンプルで、目覚ましをセットすると指定した時間に可愛いセリフが流れます。
セリフ10種類のうちランダムで再生されます。
▽▽
【SwiftUI】Chartのスクロール位置を設定する
# はじめに
以前、Chartをスクロールできるようにしました。https://qiita.com/SNQ-2001/items/d53fc016523137f57094
今回はChartのスクロール位置を設定できるようにしてみます。
## データ
“`swift
import Foundationstruct Temperature {
let day: Int
let max: Double
let min: Double
}
“`# 実装
### 初期位置のみ設定したい
“`diff_swift
import SwiftUI
import Chartsstruct ContentView: View {
@State private var temperatures: [Temperature] = [
.init(day: 1, max: 23, min: 13),
.init(day: 2, max: 25, min: 10),
.init(day: 3, max: 23
ReactNative WebViewのAPIのメソッドを確認してみた
ReactNative WebViewのAPIドキュメントを読んで、どのようなメソッドがあるかを確認しました。
https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md
## goForward() / goBack()
“`tsx
goForward() / goBack()
“`
ユーザーがウェブページ内で履歴を戻ったり進んだりするための関数です。`goForward()`は一つ前のページに、`goBack()`は一つ前のページに戻ります.## reload()
“`tsx
reload()
“`
現在のページを再読み込みするための関数です。## stopLoading()
“`tsx
stopLoading()
“`
現在のページの読み込みを停止するための関数です。## injectJavaScript(str)
“`tsx
injectJavaScript(str)
“`
WebView内でJavaScriptを実行するため
【SwiftUI】スクロールするとふわっとコンテンツが下から出現するあれ
# はじめに
Webサイトとかだとよく見る、スクロールするとふわっとコンテンツが下から現れるあれをiOSで実装してみます。# サンプルアプリ
# 実装
“`swift
import SwiftUIstruct ContentView: View {
var body: some View {
ScrollView {
VStack(spacing: 20) {
ForEach(0..<30) { index in GroupBox("新機能\(index)") {
Stable Diffusion を Core ML に変換する
Stable Diffusion も Core ML に変換できる。
MacOSや（実行時間はかかるが）iOSで使うこともできる。
# 変換手順
### ml-stable-diffusion をインストール
アップルのstable duffusionのリポジトリをインストールします。
“`bash
git clone https://github.com/apple/ml-stable-diffusion.git
cd ml-stable-diffusion
pip3 install -r requirements.txt
pip3 install omegaconf
pip3 install safetensors
“`### case 1: Hugging Face Hub の Stable Diffusion モデルを変
【Flutter】画面のスクリーンショット＆録画を禁止する方法
## はじめに
みなさんこんにちわ！
Flutterを学び始めて1ヶ月の新米エンジニアの**はるさん**です。現在携わっている仕事にて、『 画面のスクリーンショット＆録画を禁止する方法』 について
調査する機会がありました。
いわゆる漫画などのビューワーアプリや映像のビューワーアプリ、機密情報が載っているページなど
その画面の情報が撮影ないしは録画されてはいけないものがあると思います。調査の結果、screen_protectorというパッケージを使えば簡単に実装することが
できるとわかりました。
その実装方法や原理について簡単にまとめてお話ししたいと思います。尚、私はもともとSwiftを使ったiOSアプリケーション開発の学習者です。
UIKit半年、SwiftUI半年学習してきました。
そどちらかうというとiOS側からの視点で説明していきたいと思います。### 記事の対象者
– Flutterを学習し始めた方
– 元々はSwiftをメインで学習していた方### 記事を執筆時点での筆者の環境
– macOS 14.3.1
– Xcode 15.2
– Swift
【SwiftUI】非公開フレームワークのOnBoardingKitというものがあるらしい
# はじめに
アップル製アプリで初回に表示される以下のような画面があります。
これはOnBoardingKitのOBWelcomeControllerというものらしいです。
ただ、全体公開されているものではなく、非公開のフレームワークです。
このフレームワークを使う方法があるらしいので試してみました。:::note warn
**注意**
非公開フレームワークなので、これを使用してAppStoreにリリースすることはできないと思われます。
遊んでみたい人向けの記事です。
:::# サンプルアプリ
関数とメソッドの違いについて
## はじめに
私は最近プログラミングスクールにて学習をスタートした初学者で、学習していく中で疑問が生じたので記事にしたいと思います。それは関数とメソッドの違いについてです。
難しく説明はできませんが、今の自分でも理解できるような簡単な説明文でしたので、記事として残しておきたいと思います。
書籍を読んでいて気づいたことなので、簡単な説明で終わってしまいますがご了承ください。
## 関数とメソッドの違い
“`swift:関数とメソッド
//関数
func thisIsAFunction() {
}
//メソッド
struct Person {
func thisIsAMethod() {
}
}
“`説明すると、メソッドはstructやclassのの中で定義されていて、関数はそうではありません。
## おわりに
今は、難しく考えるのではなく、簡単に違いを説明できる形で留めておきたいと思います。
【swift】 Autolayout-基礎編-
## AutoLayoutとは
XcodeのStoryboard上で配置したパーツが異なる端末で違う見え方をする場合があります
画面の大きさが端末によって異なるため、各パーツの大きさや余白の設定が不十分な場合に発生するためです💡
|iPhoneSEで起動した時|iPhone13ProMaxで起動した時|
|—|—|
|||(画像はhttps://qiita.com/naoking21/items/08932587b9fdb337b3df より引用)
AutoLayout(制約)を利用して各パー
【SwiftUI】1番下までスクロールしたら同意ボタンが押せるようになる機能を実装したい
# はじめに
SNS系のアプリで利用規約に同意させる画面が出ると思います。
利用規約を最後までスクロールしないと同意が押せないようなUIをよくみます。
それを再現してみます。# サンプルアプリ
# 実装
“`swift
import SwiftUIstruct ContentView: View {
@State private var scrolledToBottom = false
@State private var isAgreement = falsevar body: some View {
VStack {
ScrollV
BlueskyにiPhoneのミュージックで再生している曲をiOSショートカットで投稿する
タイトルのショートカットが完成したので、投稿します
# 前準備
まずは、BlueskyのiOSアプリの左上のハンバーガーメニューを開きます。設定→高度な設定→アプリパスワードを開きます。
アプリパスワードを追加します。
ここで出力されたアプリパスワードは一度しか表示されません。メモ帳などにコピペしておきましょう。
# TextのみのNowplayingショートカット作成
以下のように入力します。# 実装
“`swift
import SwiftUIstruct ContentView: View {
var body: some View {
VStack(spacing: 0) {
Rectangle()
.fill(Material.regular)
.zIndex(1) // ScrollViewより高くすることで、Scro
オフラインのスマホ(iOS)でPythonを動かす
## 概要
個人情報をサーバーに送らずにデータ分析したいといった要望はままあります。
また、分析するコードをPythonで開発後に、Swiftに移植するのはかなり手間です。
ソリューションとしてオフラインでPythonを実行できないか以前に調べた内容を紹介します。https://github.com/pyodide/pyodide/discussions/2188
これはPyodideをWebkitから実行する方法です。
将来的には[wasmer/python](https://wasmer.io/python/python)で直接実行できることでしょう。
ちなみに上記ディスカッションのotmbは私の個人アカウントです。## 環境構築
適当にPyodideの最新版を引っ張ってきます。
“`
$ curl -LO https://github.com/pyodide/pyodide/releases/download/0.26.0a2/pyodide-core-0.26.0a2.tar.bz2
$ tar xvjf pyodide-core-0.26.0a2.tar.b
【iOS】Skipを使ってみた
# はじめに
みなさん[Skip](https://skip.tools/)というツールはご存知でしょうか。
SwiftのコードをKotlinにトランスパイルして、Androidのアプリも同時に作れるツールです。
[Github](https://github.com/skiptools/skip)
この記事ではSkipの導入から簡単なアプリを作成し、iOS/Androidのシュミレーターでビルドするところまでをご紹介します。
:::note warn
注意
Skipをインストールしてから14日間の試用期間は無料です。
それ以降は有料になるらしいですが、まだ価格は発表されていません。
[価格ページ](https://skip.tools/pricing/)
[説明文](https://skip.tools/docs/lice
Flutter(Dart)からGeminiを簡単に呼べるようになったので試してみる
## 動機
Dart3.0のアップデート記事をどこかで見たから。
## 本題
Googleの発表したAI Bard改めGemini を利用するためのパッケージ[google_generative_ai](https://pub.dev/packages/google_generative_ai) を触ってみる。
## サンプルを動かしてみる
### GeminiでAPIキー取得する
1. [Google AI Studio](https://ai.google.dev/tutorials/ai-studio_quickstart?hl=ja)を有効にする
法人アカウントの場合、早期アクセスアプリの有効化が必要。
Core Data Access Permissionsの許可が必要。
2. APIキーをCreateする
余談だが、[Gemini](https://gemini.google.com/?hl=ja)(本家)に聞いても教えてくれる。
### Flutterでアプリを起動する
“`bash
% git clone git@github.
