【広告】

Amazonブラックフライデーが12月2日まで開催中です!

個人的には、Anker製品か、コカ・コーラがかなり安くなっているのでおすすめです!

高級キーボードで有名な東プレが最近発売した「REALFORCE R3」もセールをやっていました!詳しくはこちらの記事を確認してみてくださーい。

【BeWidgets】時計、日付、任意のアプリをウェジェットとして表示するアプリ。Windows11にぴったり!

2021年11月10日フリーソフト

BeWidgets のアイコン

この記事では、デスクトップにシンプルな時計、日付、任意のアプリケーションショートカット、フォトウィジェットを表示するアプリ「BeWidgets」について書きます。

Windows11 のデザインにマッチします。

BeWidgets のスクリーンショット
BeWidgets のスクリーンショット

デスクトップにシンプルな時計、日付、任意のアプリケーションショートカット、フォト、天気ウィジェットを表示するアプリです。

角丸のウィンドウに囲まれて、文字だけのシンプルなデザインになっています。デスクトップ上ならどこでも配置可能です。

文字はフォントの変更、文字サイズの変更、文字色の変更など細かくカスタマイズできます。フォトウィジェットには好きな画像フォルダーを設定できます。

バージョン0.7.0.51(11月24日)から新しく天気ウィジェットも追加されました。

任意のアプリケーションショートカットには、実行ファイルを指定することでブラウザやゲームなど好きなアプリを登録できます。アイコンのみ表示、カスタムアイコンの適用などができます。

非常にシンプルかつモダンなデザインなので、Windows11 にぴったりのウィジェットアプリです。僕はWindows11 のウィジェットを無効にして代わりにこちらを利用しています。

動画を貼っておきます。といっても、ほぼアプリショートカットの利用です。

Windows11 のウィジェットを無効にする方法は以下の記事に書いています。

参考:【Windows11】ウィジェットを完全無効化(削除)する方法。コマンドプロンプトで一発!

提供元:BeXCool
リリース日:2021年9月30日

ダウンロード方法

Microsoft Store からダウンロードできます。

Microsoft Store に「BeWidgets」と入力すると出てきます。「入手」でインストールできます。

BeWidgets のダウンロード - Microsoft Store

起動しているかどうかは、タスクトレイのアイコンで確認できます。

タスクトレイのアイコン

次回以降は自動で更新されます。自動更新を無効にしている場合は、Microsoft Store から手動で更新できます。

使い方

ウィジェットの配置

アプリを起動したら「New Widget」、「Layouts」、「Settings」の3つのボタンが表示されます。「New Widget」からウィジェットを追加できます。

BeWidgets - メイン画面
メイン画面
New Widgetウィジェットを追加
Layoutsレイアウトの管理
Settings設定

1つ目のウィジェットが作成されます。「New Widget(青いボタン)」のクリックで、さらにウィジェットを追加できます。

作成したウィジェットは初期では「New Widget」という名前になっているので、自分が分かりやすいように好きな名前を設定できます。

New Widget - 時計ウィジェット

ウィジェットは6種類用意されています。

ウィジェットは6種類用意されている
6つのウィジェット
Time Widget時間
Date Widget日付
Photos Widget写真
App Shortcut Widgetアプリショートカット
Finances Widget株価・仮想通貨の交換レート
Weather天気

ウィジェットは、マウスのドラッグ&ドロップで移動できます。同じウィジェットを複数表示することもできます。

全てのウィジェットを追加したスクリーンショット

Customize をクリックするとウィジェットを編集できます。それぞれのウィジェットのカスタマイズ項目を書きます。

Time Widget

時間を表示するウィジェットです。

Time Widget の設定画面
時間ウィジェットの設定項目
MainWidth横幅
Height高さ
Movement移動の許可
Visibility表示・非表示切替
Always on top最前面表示
Unclickableクリック不可(右クリック)
PreferencesShow seconds秒数を表示
12 Hour Format12時間形式(午前、午後が表示)
Separator時刻の記号
AppearanceBackground Color背景色
Background Corner Radius背景ウィンドウの角丸具合
Time Textテキスト

とりあえず重要なのはAppearance 項目です。フォントの色や種類、背景色を変更できるので見栄えを大きく変えれます。

Background Color を透明にしたい場合は、Standard Colors の一番左下の色を選択しましょう。

Appearance - Background Color

背景が透明になります。

ウィジェットの背景が透明になる

Time Text をクリックすると、テキストの書式設定画面が展開します。

フォントは、沢山種類があります。

フォントを変更

フォントサイズが大きすぎたり、フォントの種類によっては見切れる場合があります。そんな時は、Width(横幅)かHeight(高さ)の数字を大きくしましょう。

Width(横幅)かHeight(高さ)で調整

ちゃんと表示されます。

見切れたウィジェットが正常に表示される

Date Widget

日付(年月日)を表示するウィジェットです。

Date Widget

Preferences の「MM/DD/YYYY Format」にチェックを入れると表示順が「月・日・年」に変わります。

こっちの方が日本人に馴染みがあると思います。欲を言えば、年を先頭に持っていきたいところですが、それっぽい項目を見つけられませんでした。

Preferences  - MM/DD/YYYY Format
11月16日(火)追記

作者様に要望として相談したところ、なんと対応してもらいました!

最新バージョンにて、日本人に馴染みのある「YYYY/MM/DD」の形式を選択できるようになりました。

Date Format - YYYY/MM/DD

僕の拙い英語でもきちんと返信してくださり、とてもお優しい方です。

Photos Widget

好きな写真を表示するウィジェットです。

Photos Widget

Stretch

画像の拡大縮小設定ができます。以下の4つの種類から選べます。

None
Fill
Uniform
Uniform To Fill

枠内にフィットする「Fill」か「Uniform To Fill」がおすすめです。

Photo Text Visiblity

テキストを表示するかどうか選べます。写真だけ見たい場合は、オフにするとよいでしょう。

Photo Text

フォトウィジェット中央に表示するテキストを設定できます。

日本語でもいいですが、おしゃれな感じにしたいなら英語がいいかなぁ…と思います。英語フォントにはおしゃれなの多いですからね。(あ、これ僕の好みなだけか)

Photos Folder

表示したい壁紙があるフォルダーを選択します。

フォルダー内に複数の壁紙がある場合は、自動でスライドショーになります。

Random Sorting of Photos

フォルダー内にある壁紙をランダムに表示するようにします。

Transition Delay (Seconds)

何秒ごとに画像を切り替えるか設定できます。

単位は秒でデフォルトでは10秒ごとに切り替わるようになっています。

Transition Duration

画像が切り替わる時のアニメーション速度を設定できます。

デフォルトでは5秒になっているので5秒かけて画像が切り替わるということです。

Transition Type(Cut makes better performance)

トランジション(切り替わるアニメーション)を設定できます。

「Cut」、「Fade」、「Push Out」の3つが選べます。Cut が一番パソコンへの負荷が少ないそうです。

App Shortcut Widget

任意のアプリケーションを表示するウィジェットです。

App Shortcut Widget

アプリを配置できたら、ウィジェットの右クリック → Run で起動できます。

ウィジェットの右クリックメニュー - アプリの起動
11月15日追記

運営者様から、有益な情報いただきました。

アプリショートカットは、「Movement」のチェックを外すことで、左クリックで起動できるようになります。デスクトップアイコンみたいな感じで使えるので非常に便利です。

Movement のチェックを外すと左クリックで起動できる

その代わり移動はできなくなるので、配置する場所を決めた後にチェックを外すようにしましょう。

Shortcut Name Visibility

アプリケーションの名前を表示するかどうか選べます。スタイリッシュにしたい方は、オフにしてアイコンのみの表示がいいかなと思います。

Shortcut Name

表示するアプリ名を設定できます。

Google なら「Google」とか「グーグル」みたいな感じで、分かりやすいように決めれるってことですね。

Application URL

実行ファイルの場所を指定します。ここで任意のアプリを登録できます。実行ファイルそのものでもいいですが、ショートカットアイコンでもいけました。

Application Icon Size

アイコンサイズを調整できます。

Custom Icon

アプリのアイコンではなく、自分で好きなアイコン画像を指定できます。例えば、アプリはGoogle Chrome なのに、アイコンはアニメのキャラにする…といったことができます。

ここでかなり個性出せそうですね。

試しに、Vivaldi を登録してアイコンは当サイトロゴにしてみました。わーお。いいね、これ。

Custom Icon で好きな画像をアイコンにできる

Finances Widget

株価と仮想通貨の交換レートを表示するウィジェットです。

Finances Widget

初期では、以下の4つのウィジェットが用意されています。Yahoo! ファイナンスを利用して、任意の項目を追加することもできるそうです。

初期で用意されている項目
AAPL(Apple Inc.)Apple の株価
TSLA(Tesla Inc.)テスラ の株価
ETH/USDイーサリアムとアメリカ合衆国ドル
BTC/USDビットコインとアメリカ合衆国ドル

僕は株とかやってないのでよくわかりません。

Weather

バージョン0.7.0.51(11月24日)から新しく実装されました。「ウィジェットといえば天気!」みたいなイメージがあるので、ついにBeWidgets でも実装されたか!って気分です。

Weather
天気の設定項目
More preferences (Another weather forecasts, temperature units, time formats and other.) are coming soon in next updates!DeepL翻訳
より多くの好み(別の天気予報、気温の単位、時間形式など)が次のアップデートで間もなく登場します!
Current city is Prague.都市を選択
(デフォルトではチェコのプラハ)
Weather forecast天気予報の表示設定
ーーCurrent今日の天気
ーー24 Hours今日の天気を3時間ごとに表示
Forecast Settings予報設定
Weather Icon Size天気アイコンのサイズ
Appearance外観設定
ーーTemperature Text温度テキスト
ーーCity Text場所テキスト
ーーTime Text時間テキスト

Current city

天気を表示する都市を選択します。

日本の都市を設定する場合はローマ字で入力します。「日本の広島県」なら「Hiroshima」になります。「Add」で適用です。

Load City - Hiroshima

「City is valid」と表示され、緑のチェックマークになれば成功です。

City is valid

ローマ字で入力していない or 存在していない地名の場合は、以下のように表示されます。

City isn't valid

広島の天気が表示されます。

Hiroshima の天気予報

ちなみにデフォルトではチェコのプラハになっていますが、これは作者様の出身地です。

Weather forecast

天気の表示設定を変更できます。

Current が1日全体の天気で、24 Hours が1日を3時間で分割した天気ウィジェットです。

Weather forecast

Appearance

背景色、Temperature Text、City Text、Time Text を設定できます。それぞれ個別でサイズやフォントを設定できるのは便利ですね。

ウィジェットの削除

いらないウィジェットは、Remove をクリックします。

Remove - ウィジェットの削除

「Yes」を選択したら、ウィジェットが削除されます。

Are you sure you want to delete this widget?

Layouts(レイアウト)が使えるようになった!

Layouts(レイアウト)は、ウィジェットの配置を記憶して好きな時に切り替える機能です。

セーブデータみたいな感じです。セーブ1には時計を右上配置にして、セーブ2では時計は非表示でアプリショートカットウィジェットを表示する…みたいなことができます。

この機能は、11月26日公開のバージョン0.7.1.52までは機能しませんでした。具体的には、下記のようにエラーが表示され今まで作成したウィジェットが削除されるというバグでした。

An error occured - エラーが発生しました

当時、動画も撮影していたのでよかったら見てみてください。

現在では修正されて、ちゃんと機能するようになりました。

11月27日追記

注意点です。

もし古いバージョンの時に作成されたレイアウトが残っている場合は、絶対に触らないようにしましょう。エラーが表示されます。

レイアウトを作成する時は必ず最新バージョンにアップデートして、「Create Layout From Current Widgets」ボタンから新規作成するようにしましょう。

Layouts - レイアウトの新規作成

また、レイアウトを作成した後に一切配置を変更せずに、レイアウト読み込みするとエラーが表示されるのでその点にも注意しましょう。

まぁ心配な方はまだ利用を控えた方がいいのかなと思います。

Settings

BeWidgets Settings

とりあえず、Preferences 項目だけ見とけば問題ないです。

Preferences
Run On StartupWindows起動時に起動
Hide On startup起動時に隠す
Notify when application is in system trayアプリケーションがシステムトレイに戻る時に通知する

デフォルトでは、ウィジェットの設定をした後に閉じると通知が表示されて鬱陶しいので通知のチェックは外すのがおすすめです。

Notification - Still here!
システムトレイに収まる度、通知される

僕のおすすめカスタマイズ

やり方次第でかなりおしゃれにできるよ?って項目について書きます。センスが問われますね。

時計はでかく・シンプルに

時計ウィジェットは大きく、シンプルに。

時計は、とにかく大きく・シンプルにしています。

Microsoft Store にあるBeWidgets のスクリーンショットを見たら「白文字ドーン!」で、美しいと思ったから真似してます。フォントが個性でてるのは完全な僕の好みです。

時刻を大きくしてその下に日付を置いています。

日付の書式はフォントサイズ以外、時刻に合わせることで統一感が出るようにしています。綺麗でシンプルこそWindows11 の真骨頂って感じです。

背景色透明
フォントサイズ138
フォントInk Free
Font Weight(フォントの太さ)Bold(太い)
11月19日追記

現在では、以下の書式に落ち着いています。やはりシンプルが一番ですね。アップデートで秒数も表示できるようになったんですが使っていません。

シンプル・白・大きくがコンセプトの時計ウィジェット
項目設定値
Width600
Height500
背景色透明
フォントサイズ200
フォントSegoe UI Variable Display
文字色
Font WeightBold(太い)

【11月26日追記】時計を小さく端っこに最前面表示

最近こういう使い方もできることを発見しました。

時計と日付ウィジェットを常に最前面表示で画面の端っこに表示させています。

Always on topで最前面表示
時計・日付ウィジェットを画面端に小さく表示
Width110
Height70
Movementオフ
Always on topチェック
Unclickableチェック
背景色透明
フォントサイズ28
文字色
フォントSegoe UI Variable Display
Font WeightBold

Movement はウィジェットの移動をできなくする、Unclickable はクリックできなくするなので、予め正しい場所に配置出来た後に活用しましょう。常に最前面で表示するので誤クリックしても反応しないようにするためです。

最近画面を有効活用するために、Windows の設定で実験的に「タスクバーを自動的に隠す」にしています。だけど時計はすぐに確認できる場所に欲しい…。そう思ってこの設定に辿り着きました。

ウィジェットサイズの関係で完全な端っこには配置できません。なので、いい感じにブラウザのアドレスバー上に配置して馴染むようにしています。

アドレスバー上に日付と時計を配置

アプリケーションは複数配置

アプリショートカットは複数配置できます。よく使うアプリをいくつか登録しておくと便利です。

アプリショートカットは複数配置可能
左から、FloorpEdgeChromeVivaldiVivaldiスナップショット

ブラウザがずらっと並んでいるだけで「パソコンできるぜ!」感がでていいですね。(僕だけ?)もはや起動するかどうかよりも見栄え重視ですね。いかにおしゃれなデスクトップにするかの戦いです。

作成したウィジェットを複製したい場合は、右クリック → Duplicate で複製できます。

ウィジェットの右クリックメニュー - Duplicate

カスタムアイコンで個性を出す

アプリショートカットは、自分の好きなアイコン画像にできます。

Custom Icon URL

例えば、何も設定しなかったら画質が悪いのに、別で高画質の同じアイコンを用意してそちらを読み込ませると綺麗に拡大できます。

Custom Icon - Chrome のアイコン比較
左が何も設定してない状態で、右が同じアイコンだけど高画質画像を設定した場合

アイコン画像を抽出する方法は、以下の記事を参考にしてみてください。

参考:【IconViewer】アイコンファイルを画像ファイルに変換してくれるソフトの使い方 | ナポリタン寿司のPC日記

抽出した画像を高画質にするには、以下の記事を参考にしてみてください。

参考:【waifu2x-caffe】画質が悪い画像を高画質に拡大するソフトの使い方 | ナポリタン寿司のPC日記

全く別のアイコンにすることも可能です。

例えば、AIが自動でアニメアイコンを作成してくれるサイト「MakeGirlsMoe」で作成した画像を読み込ませてみます。(僕はアニメさっぱりなんですが、アニメ好きの方なら最高のサービスだと思います。)

一気にデスクトップが華やかになります。これ2頭身のアニメ画像(ねんどろいどって言うんですかね?)と相性めっちゃいいにんじゃないかと思っています。

MakeGirlsMoe で作成したアイコンも適用可能
使用したアニメ画像:MakeGirlsMoe

さらにさらに、これは完全にお遊びになりますが、アイコンサイズを極限まで大きくすると大きい画像も適用できます。アニメの立ち絵・全身をデスクトップにどかーん!!と貼れるってことですね。耐性ない僕には非常に恥ずかしいです。

ボブヘアーの女の子の画像をアプリショートカットに設定
使わせていただいた画像:ボブヘア(ブレザー)_立ち絵イラスト – No: 22192491/無料イラストなら「イラストAC」

縦横比は固定されてるので、正方形に近い画像じゃないとバランスがおかしくなるので注意です。

Weather の天気アイコンは大きく。

新ウィジェットWeather も早速カスタマイズしてみました。

こだわりポイントは天気アイコンのサイズです。かなり大きくしました。背景は透明にすることでWindows11 のデスクトップにどーん!!と天気が浮いているようにしました。

カスタマイズした天気ウィジェット
ナポリタン寿司の天気ウィジェットカスタマイズ内容
Width490
Height250
Current cityHiroshima
Weather forecastCurrent
Forecast Setting
ーーWeather Icon Size
148
Background Color透明
Temperature Text文字色白色
フォントサイズ93
フォントSegoe UI Variable Display
Font WeightBold
City Textフォントサイズ41
フォントMV Boli
Font WeightSemi Bold
Weather forecastフォントサイズ31
フォントMV Boli
Font WeightSemi Bold

BeWidgets のデメリット

少なからずパソコンのCPUとメモリを消費するってのがデメリットです。

メモリに至っては、平均で400MBも食ってたので、余裕がないパソコンには不向きかもです。パソコンの性能に余裕がある方向けのアプリかなぁという印象です。

恐らく、カスタムアイコンで高画質の画像を使っている・フォトウィジェットでアニメーションを使っている。の2点が大きな原因です。時計と日付だけのウィジェットなら、そこまでメモリ消費しないと思います。

タスクマネージャー

時計と日付だけでも、便利なのでそれだけにするのもありですね。

まとめ

以上、デスクトップにシンプルな時計、日付、任意のアプリケーションショートカット、フォトウィジェットを表示するアプリ「BeWidgets」についてでした。

Windows11 のウィジェットがちょっと使いにくかった分、好きな場所に配置できて、なおかつシンプルデザインの本アプリは最高です。

Posted by ナポリタン寿司