ちらし寿司

ユーモアと共感

技術 

カスタムの透明なウィジェットをiPhoneのホーム画面に追加する方法

ちらし ずし

ホーム画面ウィジェットは、iOSの最高の新機能の1つです。 Appleのウィジェットの実装は広く賞賛されていますが、一部のアプリはこの機能をさらに進化させています。

Scriptableはこれらのアプリの1つです。これにより、コミュニティがいくつかのすばらしいユーティリティを作成するために使用したiPhoneのホーム画面用のカスタムウィジェットを作成できます。

Scriptableとは何か、それを使用してすばらしいiPhoneウィジェットを作成する方法、およびウィジェットをホーム画面の壁紙とシームレスに融合させる方法を見てみましょう。

スクリプト可能とは何ですか？

Scriptableは、iPhoneとiPadでJavaScriptを実行できる無料のiOSアプリです。プログラマーであれば、独自のスクリプトを作成して実行できます。プログラミング言語に慣れていない場合は、他の人が書いたコードをコピーするだけで、iOSデバイスに便利な機能を追加できます。

たとえば、お気に入りのiOSアプリのいずれかで値下げがあったときに自動的に警告するスクリプトを見てきました。

続きを読む： JavaScriptとは何ですか？どのように機能しますか？

ScriptableはまだAppStoreにとってかなり新しいものですが、iOS 14ウィジェットでスクリプトを実行する機能など、ゲームを変える多くの機能がすでに追加されています。これは、JavaScriptコードをScriptableに記述またはコピーして、ウィジェットを介して情報を表示する独自のカスタマイズされた「ミニアプリ」を作成できることを意味します。

Scriptableコミュニティは、この方法ですでにいくつかのすばらしいウィジェットを作成しており、ホーム画面で天気データをパーソナライズされたニュースフィードに表示するなどの便利な機能を備えています。

可能性はほぼ無限ですが、いくつかの制限に留意する必要があります。この記事の執筆時点では、ホーム画面ウィジェットはiPhoneと第7世代iPodtouchでのみサポートされています。残念ながら、iPadのホーム画面にはまだウィジェットを追加できません。

このように困惑しているが、制限はApple側からのものである。 Scriptableのせいではありません。同様に、iOS 14には、ホーム画面ウィジェットに特定のメモリ制限があります。独自のウィジェットを作成することを計画している場合は、開始する前に必ず制限を確認してください。

最後に、Scriptableアプリには、最も興味深いスクリプトをすばやく見つけてインストールするのに役立つギャラリーがあります。これはアプリの使用を開始するのに適していますが、詳細なセットアップ手順がGitHubにあるため、GitHubでホストされているスクリプトを探すことをお勧めします。

Scriptableのギャラリーの説明は、初心者にとって最も役立つものではありません。スクリーンショットが表示されないなどのバグが発生しました。

Scriptableを設定する方法

スクリプト可能なウィジェットを設定する際に従わなければならない一般的な手順がいくつかあります。これには、JavaScriptコードのコピーとアプリへのインポートが含まれます。ただし、最終的な手順はウィジェットごとに異なります。これについては後で説明します。

まず、基本を説明しましょう。 Scriptableをセットアップするために行うことは次のとおりです。

  1. Scriptableをダウンロードします。これは、無料でダウンロードできるiOS専用アプリです。アプリ内購入は、機能を追加しない開発者向けのオプションのヒントです。
  2. Appleのショートカットアプリをダウンロードしてください。 JavaScriptコードは長くなる傾向があり、iPhoneで数百行のコードを選択してコピーする必要はありません。ショートカットを使用して、2回のタップでスクリプトをScriptableに保存します。
  3. スクリプトの保存ショートカットをiPhoneにダウンロードします。ほとんどのScriptableウィジェットでは、スクリプトのGitHubページに移動し、このショートカットを使用するための生のコードを見つける必要があります。
  4. たとえば、GitHubでWeather Calスクリプトを開いたら、スクリプトの最初の行の上にある[ Raw ]ボタンをクリックします。ここから、Safari（または使用しているブラウザ）の[共有]ボタンを押して、 [スクリプトの保存]をタップします。これにより、Scriptableに追加されます。
画像ギャラリー（2画像）

このスクリプトを使用すると、Instagramプロファイルを表示するスクリプト可能なウィジェットを作成できます
展開
GitHubスクリプトをScriptableにすばやく保存するためのSiriショートカット
展開

スクリプト可能なウィジェットの追加

次に、ScriptableのiOSウィジェットをiPhoneのホーム画面に追加する方法を見てみましょう。

  1. すべてのアプリアイコンが揺れ始めるまで、ホーム画面の空の部分を長押しします。
  2. 左上のプラスアイコンをタップします。
  3. Scriptableを検索します。
  4. 右にスワイプして、必要なウィジェットサイズを選択します。小、中、または大を選択できます。
  5. [ウィジェットの追加]をタップします。
  6. 次にウィジェットをタップします。これにより、RunScriptというボックスが表示されます。
  7. タップして、次のスクリプトを選択し、使用したいというスクリプトを選択します。
  8. スクリプトで必要な場合は、[パラメータ]ボックスにテキストを入力します。これは、タイマーをリセットするタイミングなど、一部の基本的な入力に使用されます。
  9. 画面の空白部分をタップすると、必要な情報を表示するウィジェットが表示されます。
画像ギャラリー（3画像）

iOSでScriptableウィジェットを追加する方法
展開
Scriptableに適切なサイズのウィジェットを追加する
展開
Scriptableのウィジェット設定を介して表示するスクリプトを選択する方法
展開

スクリプト可能なウィジェットに透明な背景を与える方法

Weather Calなどの一部のScriptableウィジェットでは、背景を変更できます。この機能を使用して、ウィジェットを「透明」にすることができます。秘訣は、ホーム画面のスクリーンショットを撮るスクリプトを使用して、ウィジェットに完全に一致する背景画像を作成することです。

関連：ウィジェットとアプリアイコンを使用してiPhoneのホーム画面をカスタマイズする方法

技術的には、このスクリプトはWidgetsmithなどの他のウィジェットビルダーアプリで動作するはずです。 Scriptable用に完全に最適化されていますが、他のアプリとの小さな配置の問題が発生する可能性があります。

ウィジェットの完全に透明な背景を取得するには、次の手順に従います。

  1. InvisibleWidgetsスクリプトをダウンロードします。
  2. [共有] > [スクリプトの保存]をタップして、非表示ウィジェットなどの任意の名前を付けます。
  3. 次に、iPhoneのホーム画面に移動します。すべてのアプリアイコンが揺れ始めるまで、ホーム画面の空いている部分を長押しします。空白のページに到達するまで、左にスワイプし続けます。
  4. 次に、iPhoneのスクリーンショットを撮ります。
  5. Scriptableを開き、 Invisible Widgetsを実行して、[ Continue]をタップします。次に、前の手順で撮ったスクリーンショットを選択します。
  6. プロンプトに従ってウィジェットのサイズと位置を選択し、完了したら[写真にエクスポート]をタップします。
  7. これで、（背景として画像を追加できる限り）Scriptableで任意のスクリプトを開き、この画像を使用して美しい透明なウィジェットを作成できます。
画像ギャラリー（3画像）

iPhoneのホーム画面で空のページのスクリーンショットを撮る簡単な方法
展開
Scriptableを介してiOS14ウィジェットのサイズを定義する
展開
透明なウィジェットの背景を写真にエクスポートする
展開

栄光への台本

コーディングができれば、ScriptableにはiOSの本格的な自動化に必要なすべてのツールがあります。しかし、あなたがプログラマーでなくても、この素晴らしいアプリを使って他の人の仕事を楽しむことができます。優れたウィジェットは、Scriptableパッケージの一部にすぎません。周りを見て、それを使って他に何ができるか見てみましょう。

また、iOSでの自動化はScriptableで終わらないことを忘れないでください。 Siri Shortcutsには、生産性を向上させるためのツールもいくつかあります。