オリジナル画像で「アナログ時計ウィジェット」を作ってみよう

はじめに昨今急速に注目を集めているアンドロイド(Android)。本連載では、そんなアンドロイド用のアプリケーションをプログラマではない人でも簡単に作ることができるウェブサービス「ドロクリ」の魅力をお伝えしています。今回は前回よりオリジナリティーあふれるアプリケーションを作成してみようということで、

谷口 岳

2011年1月13日 20:00

はじめに

昨今急速に注目を集めているアンドロイド(Android)。本連載では、そんなアンドロイド用のアプリケーションをプログラマではない人でも簡単に作ることができるウェブサービス「ドロクリ」の魅力をお伝えしています。

今回は前回よりオリジナリティーあふれるアプリケーションを作成してみようということで、自分で作成した画像ファイルを利用して「アナログ時計ウィジェット(doroAnalogclockWidget)」というアプリケーションを作成していきたいと思います。さらに前回も軽く触れた「ドロクリ」のアカウント作成方法についても解説していきます。

「ドロクリ」のアカウント作成をしてみよう

前回作成した「フォトアルバム」で「ドロクリ」にログインしない状態で、プライベートな写真を使用したアプリケーションを作成すると他のユーザーにも公開されている状態となってしまいます。そういったプライベートな写真を入れたアプリケーションや他のユーザーには公開したくないアプリケーションを作成する場合は「ドロクリ」のアカウントを作成してアプリケーションを作成してください。

以下のような特典もあるので、ぜひ「ドロクリ」のアカウントを作成して、ログインした状態でアプリケーションを作成してみてください。

  • アプリケーション作成後、一定期間経過しても削除されない
  • トップページに「マイアプリ」項目が追加され、自分が作成したアプリケーションを管理することができる
  • アプリケーション内の「About画面」にニックネームが表示される

それでは、今回はまずアカウントを作成する方法から解説していきます。
まず、ブラウザで「ドロクリ」のトップページを表示させて「ログイン」を選択します。ログインページが表示されたら「アカウント作成」ボタンをクリックします。

トップページ(クリックで拡大)ログインページ(クリックで拡大)

「アカウント作成」ボタンをクリックすると、下図のようなアカウント作成ページが表示されますのでここで必要な事項を入力していきます。

アカウント作成ページ(クリックで拡大)
メールアドレスお持ちのメールアドレスを入力してください。
メールアドレス(確認用)上と同じメールアドレスを入力してください。
パスワードパスワードを6文字以上で入力してください。
パスワード(確認用)上と同じパスワードを入力してください。
ニックネーム好きなニックネームを入力してください。

※ニックネームは公開されますが、それ以外の情報は公開されません。

ドロクリの最新情報などをメールで受け取りたい場合は「DOROKURIからのメールを受け取る」のチェックボックスをONにしてください。

最後に「利用許諾」を確認したうえで「アカウントを作成する」ボタンをクリックします。するとアカウント登録完了ページへ移動します。

アカウント登録完了ページ(クリックで拡大)

登録したメールアドレス宛にアカウント登録確認メールが送信されていますので、自分が使用しているメールソフトでメールが届いているか確認してください。そのメール内にあるURLをクリックすればアカウント登録が完了となります。

アカウント確認完了ページ(クリックで拡大)

今後は登録したアカウントにログインした状態でアプリケーションを作成していくことになります。

「アナログ時計ウィジェット」とは

「アナログ時計ウィジェット」とは「ドロクリ」が提供するテンプレートの1つで、ウェブ上で時計盤や針をアップロードするだけで簡単にアンドロイド端末のホーム画面に表示できる「アナログ時計」を作成することができます。

サンプル画像の時計盤と針を使用して作成した「アナログ時計ウィジェット」をアンドロイド端末で起動した画面

今回は自分でオリジナルの画像を作成するところから説明していきますが、上図のような「時計盤」と「針」のデザインを作成するところから解説すると、デザインなどを全くやらない方には非常に難しい内容になってしまいますし、今回のテーマから大きく外れてしまいますので、ここではみなさんがお持ちのお気に入りの写真などを入れるだけのアナログ時計を作る方法を解説していこうと思います。

今回完成させる「アナログ時計ウィジェット(アプリ名:ぽち時計)」の画面

1. 作成準備

まずは画像ファイルを加工するためのアプリケーションソフトを用意しましょう。

今回は無料で使用できる画像加工用ソフトとして有名な「GIMP2」を使用します。GIMP2のサイトから、みなさんが使用しているPC用のインストーラーをダウンロードしてインストールを行いましょう。

時計盤の元となるフレーム用画像ファイルと、時計の針として使用する画像ファイルはこちらで用意しました。
→ 画像ファイルのダウンロードはこちら

以下の画像から好きなものを選びましょう。文中では時計盤フレームとして「sample_rainbow.psd」を使用して説明していきます。

sample_rainbow.psd長針
cap sample_white.psd短針
この記事のキーワード :

人気記事トップ10

人気記事ランキングをもっと見る

企画広告も役立つ情報バッチリ! Sponsored

ClickHouse Cloudが実現した広告運用SaaS「ATOM」のデータ基盤革新、パフォーマンスを向上しながら、運用負荷とコストを削減 11月11日 6:20 AIで開発が加速する時代、品質保証はどう変わる? Tricentisが示すAIエージェント活用の実像 11月9日 6:45 悪用までの猶予が「1分」に迫るフロンティアAI時代に開発と本番を貫く脆弱性管理が必要 10月29日 8:30 欧州CRA対応とSBOM運用。AI生成コードのOSS混入問題の対策とは ――スニペット単位で検出する「FossID」「Insignary Clarity」によるSBOM運用 9月16日 6:40 PostgreSQLからTiDBへ、稼働中SaaSで進める段階的DB移行の実践と再設計への展望 9月7日 6:30 機能安全開発におけるGoogleTestの活用を支援!「Parasoft C/C++test CT」で実現する効率化&AI連携 4月14日 6:30 【CNDW2025】Grafanaが明かす「オブザーバビリティの哲学」ー最小限の労力で実用的なインサイトを得るには 1月23日 6:30 【CNDW2025】プロダクト急増に備える基盤刷新 ーウェルスナビがECSからEKSへの移行で得た知見とは 1月15日 6:30 【CNDW2025】250環境を5人で運用、構築時間は30分に ーKINTOテクノロジーズが語るインフラ基盤組織の作り方 2025年12月18日 6:30 新たな自動化で熱視線! AIエージェントの「推論能力」を支える2つのコンポーネントとは? 2025年11月28日 6:30