チュートリアルの記事一覧

KWGTでYouTubeチャンネルの登録者数をホーム画面に表示するウィジェットを作る

YouTuberの人にとって、自分のチャンネル登録者数は気になるものですよね。その登録者数をいつでもすぐにスマホのホーム画面で確認できるウィジェットを作成できます。必要なのは『KWGT』というウィジェ…

KLWP/KWGTで日付や時刻を縦書きの漢数字で表示する

KLWPやKWGTは基本的に英語圏のアプリなので、日本の漢数字や縦書きに対応しているわけではありません。ですがちょっとした工夫で漢数字にしたり縦書きを実現できます。 方法としてはいくつもありますが、現…

KLWPで画像がスクロールして入れ替わるカルーセルを作ってみる

KLWPで画像のカルーセル表示をやってみました。 カルーセルというのは、ウェブサイトのトップページによくある、画像などが横にスクロールして切り替わっていくものです。設定した最後の画像の次が最初の画像に…

At A Glanceによく似た見た目のウィジェットをKWGTで作ろう

Android 9でのデフォルトランチャー(ホームアプリ)のPixel Launcherで表示される「At A Glance」という日付などを表示する部分があります。これの見た目がシンプルながらどんな…

KLWPで今年の残り日数や残り時間を表示して時間の大切さをホーム画面に刻み込む

2018年もいつのまにかあと50日を切っています。早いですね。そんな「今年あと◯日」というようなものをKLWPで表示してみます。また、それの派生として「いま今年の◯パーセント」のようなプログレスバーも…

KLWPのBBコードを使って1つのテキストの中で表示フォントを変更する方法

KLWPのテキストでは、色を付けたり太字にしたりと様々な装飾をする「BBコード」というものがあります。この中にある[f=myfont]text[/f]という「任意のフォントで表示する」というものの使い…

KLWPで曲名が長いときだけテキストをスクロールさせる

KLWPでは再生中の音楽のタイトルを表示できますが、そのタイトルは短いもの長いもの様々にあります。スペースの都合上、限られた範囲しか表示できないけど、その中でスクロールして全文表示したい、でも短い曲名…

KLWPで3つの画面それぞれに違う壁紙画像を設定してスクロールさせる方法

KLWPを使ったホーム画面で、3スクリーンあったときにそれぞれ違う画像を壁紙として表示させ、スクロールに連動して切り替わるようにします。やり方は簡単なのですが、もっと簡単に設定できるようにサンプルを残…

KLWPで週の始まりの曜日の変更に対応した週間カレンダーを作る

KLWPはアプリ内で「週の始まりの曜日」を自由に変更できます。これに対応した、当日を含む1週間の日付曜日を表示するカレンダーを作ってみます。 はっきり言って、自分のためだけに作るのであればまったく必要…

KLWPで画像をスクロールして無限ループさせる

KLWPで1つの画像を使って、それがずっとスクロールして無限ループしているようなものを作ります。以前にも同じようなものを書いたのですが、もっと簡単にできました。…

KLWP/KWGTでアナログ時計を作る-なめらかな秒針の作り方

KLWP/KWGTでアナログ時計を作ってみます。 とは言っても、コンポーネントとしてサンプルがデフォルトで入っているのでそれを見ればわかるのですが。練習として自分で考えて作ってみるのもいいものです。…

KLWP/KWGTで必要な文字だけが光ってテキストで時刻を表現するWord Clockを作ってみる

KWGTでWord Clockを作ってみました。普通にウィジェットとしていくつかのアプリが公開されているので自分で作る必要性はあまりないのですが、練習も兼ねています。…

KLWP/KWGTでYahoo!天気の6時間ごとの降水確率を表示してみる

Yahoo!天気の配信しているRSSを使ってKLWP/KWGTで天気を表示する方法があります。しかしこれには降水確率が含まれていません。というわけで、Yahoo!天気のRSSじゃないところから情報を取…

Yahoo!天気のRSSで使われる天気名の一覧とKLWP/KWGTでの使い方(サンプル画像あり)

以前、Yahoo!天気の天気情報をKLWP/KWGTで表示する方法を書きました。その中で、天気をアイコンで表示する方法も書いたのですが、そこで必要になるYahoo!天気のRSSで使われる天気名の一覧を…

KLWPで円形のバッテリー残量バーにくっついていく吹き出し型の残量数値を作る

KLWPではプログレスなどを使って簡単にバッテリー残量を示すバーを表示させることができます。以前、そのバーの位置に合わせて動く吹き出し型の残量数値の作り方を書いたのですが、今度は円形にしたプログレスバ…

KLWP/KWGTで月名や曜日を英語や自由な言葉で表示する方法

KLWPやKWGTでは簡単に月の名前や曜日を表示できます。ただしこれはアプリの言語設定に従った表記になってしまいます。ホーム画面に表示するときは「日曜日」ではなく「Sunday」としたい時もありますよ…

KLWPで再生中の音楽に合わせた背景色の音楽プレイヤーウィジェットを作成する

少し前にKLWPのバージョンアップで音楽情報に関するものがいくつか追加されました。そのときにサンプルとして作成した「再生中の音楽によって背景色が変わる音楽プレイヤー」の作り方を解説していきます。 KL…

KLWPでランダムなセリフをしゃべらせよう(第3弾)

これまでも2回ほど、KLWPでランダムなテキストを表示する方法を書きましたが、まだ紹介していない方法がありました。今回は$tc(split)$を使う方法で、1つのテキスト内で完結する簡単な方法です。…

画面の端を丸くしてステータスバーとナビゲーションバーからホーム画面を分離させる

ステータスバーとナビゲーションバー部分を黒く塗りつぶし、残った部分をさらに角丸にすると塗りつぶした部分がうまく端末前面パネルの黒に溶け込んで、なんかいい感じになる…ということに最近気づきました。…

KLWPでアニメGIF画像を使う方法(KLWPの隠し機能)

画像形式の1つ「gif」にはパラパラ漫画のように画像が切り替わって動くアニメGIFというものがあります。通常KLWPではこの形式を扱う事はできないのですが、特定の条件下で表示することができるようになり…

KWGTでTajmみたいな「◯時まであと×分」「△時から□分経過」という時計表示を作る

『Tajm』という時刻をテキストで表示する時計ウィジェットがありました。ただ、2018年2月8日現在Playストアからは削除されているようです。 この時計の表示するテキストは日本語訳すると「◯時まであ…

KLWPの小技:UTFコードなどを使って「テキスト」でアイコンフォントを表示する

KLWPでは「アイコンフォント」を表示することができます。これとは別に、そういったフォントを用意すれば普通にテキストでもアイコンフォントを使用することもできます。アイコンフォントとして利用するよりも少…

KLWPで指定したカレンダーの予定のみを表示する方法

KLWPはGoogleカレンダーの予定を取得して表示することができます。Googleカレンダーは1つのアカウントで複数のカレンダーを作って予定を種類分けできますが、KLWPでそのうちの1つの予定のみを…

KLWPで表示画像を切り替えて数コマアニメを作ってみる

KLWPでは残念なら今のところアプリ内でアニメGIF画像を表示することができません。しかし、普通の画像使って、最短1秒ごとに画像が切り替わるものなら作ることができます。使用する画像の枚数に制限は特にな…

KLWP/KWGTでYahoo!天気のRSSを使って天気情報を表示する方法

ホーム画面カスタマイズにおいてKLWPは非常に便利で面白いアプリですが、天気情報については提供元が海外のものばかりです。これだと精度がイマイチで不満という方も多いでしょう。 そこで、今回はYahoo!…

KLWPでUnsplashのステキな画像をRSSや特殊なURLから取得して使う方法

KLWPで何か適当に素敵な画像を使用したいとき、便利なのが500pxというサイトのRSSから取得して表示する方法です。同じように、比較的自由に使える海外の写真サイトとしてUnsplashというところが…

KLWPでテキストファイルを使ってランダムにセリフを喋らせる

KLWPで、画面上にランダムなテキストを表示する方法です。見るたびに違う名言や格言を表示させたり、画面のキャラのセリフをランダム表示するといったことができます。 以前同じような内容で方法を書いたのです…

KLWPでWeather UndergroundのAPIを使って天気情報を表示する方法

KLWPがv3.26から、プラグインアプリを使うことで通常とは別に2つの天気情報元を使うことができるようになりました。ただ、これについてはただプラグインアプリをインストールすればいいというわけではない…

KLWPでテキストファイルの中から指定した行のテキストを表示する

KLWPを使って画面上に指定したテキストを表示する方法はいくつかあります。今回はその表示するテキストを別ファイルとして用意し、そのテキストファイルの中から指定した行のテキストを表示する方法です。 これ…

KLWPでタブ切り替え表示(タップでパネル内容の切り替え)を作る

KLWPの機能を使って、ボタンをタップすると画面の一部の表示が切り替わる「タブ切り替え表示」を作ってみます。タブ型ホーム画面、昔流行ったことがありましたが、今はKLWPで作成できます。 今回はとりあえ…