こんにちは、パンダ(@panda-iphone)です。
この記事では、ウィジェットアプリ「Quike Widget」について解説します。
✔︎ 本記事の内容
・Quike Widgetってどんなアプリ?
・Quike Widgetの使い方
・ライブアクティビティの設定方法
![](https://appreism.com/wp-content/uploads/2021/11/b23ec53981ebf92a1b343b327652a9ef-1024x576.jpg)
- 3万人以上が使ったホーム画面無料配布!
- デザインの数は「30種類以上」
- ホーム画面をおしゃれに・使いやすく!
- 今ならロック画面のデザインも受け取れる
▼ YouTubeでも解説しているので、参考にしてね!
Quike Widgetってどんなアプリ?
![](https://appreism.com/wp-content/uploads/2022/09/quike-widget-1024x427.jpg)
Quike Widgetは、ウィジェットのデザインを自由にカスタマイズできるアプリです。
他のウィジェットアプリよりも、デザイン性が高く、簡単にウィジェットを作成できるのが魅力的。
![](https://appreism.com/wp-content/uploads/2023/10/IMG_2879-150x150.png)
ロック画面のライブアクティビティにも対応しているよ!
アプリのインストール(無料)はこちら↓
例 ) 作成できるデザイン
「Quike Widget」では、以下のようなデザインが作成できます。
![](https://appreism.com/wp-content/uploads/2022/11/IMG_9862-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/11/IMG_9862-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/11/IMG_9861-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/11/IMG_9861-543x1024.png)
Quike Widgetの使い方
では、ウィジェットを実際に作成し、使い方を解説していきます。
✔︎ ウィジェットの作成の流れ
①「サイズ」を選択
②「デザイン」を選択
③「デザイン」をカスタマイズ
④「背景画像」を設定
⑤「ホーム画面」に追加
①「サイズ」を選択
まずは、「サイズ」を選択します。
![](https://appreism.com/wp-content/uploads/2023/03/IMG_3629-543x1024.png)
![](https://appreism.com/wp-content/uploads/2023/03/IMG_3629-543x1024.png)
「スクリーン」「小」「中」「大」から好きなものを選びましょう。
②「デザイン」を選択
続いて、ウィジェットの「デザイン」を選択します。
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5748-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5748-543x1024.png)
デザインは、ウィジェットのサイズによって異なります。
③「デザイン」をカスタマイズ
・アイコンを変更したい場所を選択します。
・「アプリ」を選択します。
![](https://appreism.com/wp-content/uploads/2023/03/IMG_3633-543x1024.png)
![](https://appreism.com/wp-content/uploads/2023/03/IMG_3633-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5750-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5750-543x1024.png)
以上で、アイコンを追加できます。
![](https://appreism.com/wp-content/uploads/2023/03/IMG_3634-543x1024.png)
![](https://appreism.com/wp-content/uploads/2023/03/IMG_3634-543x1024.png)
「設定したいアイコンがない場合」は、以下の設定で追加できます。
・検索部分に「アプリ名」を入力します。
・「アプリ」を選択でOK。
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5752-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5752-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5753-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5753-543x1024.png)
④「背景画像」を設定
「背景画像」の項目を設定すれば、ウィジェットの背景の色・デザインを変更できます。
![](https://appreism.com/wp-content/uploads/2023/03/IMG_3638-543x1024.png)
![](https://appreism.com/wp-content/uploads/2023/03/IMG_3638-543x1024.png)
背景画像の透過
ホーム画面にウィジェットが直接、表示されているかのようなデザインを作成することも可能です。
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5777-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5777-543x1024.png)
・「透明な背景」を選択します。
・ホーム画面の「スクショ画像」を設定します
![](https://appreism.com/wp-content/uploads/2023/03/IMG_3640-543x1024.png)
![](https://appreism.com/wp-content/uploads/2023/03/IMG_3640-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5758-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5758-543x1024.png)
「ホーム画面」のアイコンのない画面のスクショ画像です。
・作成画面で「透明マーク」を選択します。
・「どの位置」に配置するのかを選びます。
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5759-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5759-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5760-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5760-543x1024.png)
・「保存」を選択します。
・無料の場合は、「上側」を選択します。
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5762-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5762-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5763-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5763-543x1024.png)
⑤「ホーム画面」に追加
・「ホーム画面」を長押し、「+」を選択します。
・「Quike」と検索し、選択します。
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5771-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5771-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5772-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5772-543x1024.png)
・「サイズ」を選び、「ウィジェットを追加」を選択します。
・「ウィジェット」を長押し、「ウィジェットを編集」を選択します。
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5773-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5773-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5774-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5774-543x1024.png)
・「コンポーネント」を選択します。
・設定したい「デザイン」を選択します。
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5775-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5775-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5776-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5776-543x1024.png)
以上で、ホーム画面に追加できます。
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5777-1-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/09/IMG_5777-1-543x1024.png)
ライブアクティビティの設定方法
iOS16の新機能である「ライブアクティビティ」にも対応しています。
・「Live Launch」を選択します。
・「アイコンの設定」を行います。
![](https://appreism.com/wp-content/uploads/2022/11/IMG_9871-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/11/IMG_9871-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/11/IMG_9872-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/11/IMG_9872-543x1024.png)
・「+」を選択します。
・「アプリ」を選択します。
![](https://appreism.com/wp-content/uploads/2022/11/IMG_9873-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/11/IMG_9873-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/11/IMG_9874-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/11/IMG_9874-543x1024.png)
・「Start」を選択します。
・以上で、ロック画面に追加されます。
![](https://appreism.com/wp-content/uploads/2022/11/IMG_9875-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/11/IMG_9875-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/11/IMG_9876-543x1024.png)
![](https://appreism.com/wp-content/uploads/2022/11/IMG_9876-543x1024.png)
ホーム画面デザイン無料配布中!
![](https://appreism.com/wp-content/uploads/2022/09/ホーム画面無料配布-1024x576.jpg)
![](https://appreism.com/wp-content/uploads/2022/09/ホーム画面無料配布-1024x576.jpg)
10,000人以上が使った「iPhoneのホーム画面のカスタマイズ」デザインを無料で配布しています。
30以上のデザインを誰でも、無料で受け取ることができるので、是非、チェックしてみて下さい!
>> ホーム画面のデザインを受け取る方法
![](https://appreism.com/wp-content/uploads/2022/09/ホーム画面無料配布-300x169.jpg)
![](https://appreism.com/wp-content/uploads/2022/09/ホーム画面無料配布-300x169.jpg)