ウィジェットを作る
脱獄してから、みなさんがどのような使い方をしているか、いろいろなサイトやブログで拝見させていただきました。
AppStoreでは手に入らない素敵なアプリを入れていたり、いろいろなテーマでiPhoneの見た目を変化させ、とても個性的だったり、中には、テーマを作っている方もおられました。
みんなそれぞれ個性を出しているなぁと思いました。
そこで、ふと気付いたのが、「ウィジェットを作っている人がほとんどいない」のです。
ウィジェット入りのテーマの紹介ブログはいくつかあったのですが・・・
多少のWEB関連の知識(HTML,CSS,JavaScript)があれば、誰でも作ることができるので、ウィジェットでさらに個性を出して頂けたらと思います。
(誰かのウィジェットを弄れれば十分です)
ウィジェットに関して
ウィジェットは、画像などのファイルを入れ替えるテーマとは違い、多少のプログラミングを必要とします。
Winterboardでも紹介していますが、「シャア専用テーマ」ではホーム画面の壁紙がスムーズに切り替わります。
ホーム画面でアナログ時計を動かしたりするウィジェットもあります。
ウィジェットを私の言葉で表現してみると、「AT限定免許で普通にAT車に乗っていた人がMT車の存在を知ってしまった」という感覚かなと思います。あくまでもニュアンスです。
「面倒くさい、乗りたくない」と思う方もいれば、「自分で運転するのは嫌、乗るだけなら良い」という方もいるでしょう。
その一方、「面白そう、乗ってみたい」と思う方もいると思うのです。私はもちろん後者なのですが、基本的な約束事のようなものが分かってしまえば、特に苦になることはありません。
実際、私はMT車に乗っていますが、特に考えることなく普通に乗っています。
「慣れ」かも知れませんが、「慣れる」とウィジェットの方が楽しくなるかも・・・
ウィジェットを作る
ウィジェットを扱う時は、基本的にテーマの感覚で構いません。
Winterboardで適用することも同じです。
「適用したテーマファイル群の中にウィジェットがあればウィジェットが実行される」という認識で良いと思います。
ただ、作るときはそれなりの注意が必要です。
その注意を踏まえ、以下にウィジェットの作り方を順次紹介していきます。
ウィジェットを作る(クリックで詳細ページへジャンプします)
- いきなりやってみよう1(HTML編)ホーム画面
「習う」より「慣れろ」の精神で、いきなりやってみましょう。
- いきなりやってみよう2(CSS編)ホーム画面
「習う」より「慣れろ」の精神で、いきなりやってみましょう。
- いきなりやってみよう3(JavaScript編)ホーム画面
「習う」より「慣れろ」の精神で、いきなりやってみましょう。
- ウィジェットを含むテーマの基本構成と記述の基本
当サイトで扱うウィジェットの基本構成を紹介します。
- シンプル表示の時計を作るロック画面
スタイルシートでシンプル&スタイリッシュな時計にしましょう。
- ガラス文字の時計を作るロック画面
シンプル時計を拡張して、ガラス風文字の時計を作ってみた
- シンプル表示のカレンダーを作るロック画面
シンプル&スタイリッシュなカレンダーを作りましょう。
- 壁紙チェンジャーを作る1(フェード編)ホーム画面
壁紙がフェードして変わるウィジェットを作ってみましょう。
- 壁紙チェンジャーを作る2(スライド編)ホーム画面
壁紙がスライドして変わるウィジェットを作ってみましょう。
- 壁紙チェンジャーを作る3(フリップ編)ホーム画面
壁紙がフリップして変わるウィジェットを作ってみましょう。
- 壁紙チェンジャーを作る4(キューブ編)ホーム画面
壁紙が1面を構成しているような直方体が回転して変わるウィジェットを作ってみましょう。
- 壁紙チェンジャーを作る5(マルチエリア編)ホーム画面
画面を分割して、これまで作った壁紙チェンジャーで変化させてみました。
- 天気情報を表示する1(基本編)ロック画面
Yahooウェザーから現在の天気情報だけテキストで表示してみました。
- 天気情報を表示する2(スマート編)ロック画面
天気情報の取得方法を見直してみました。
- 天気情報を表示する3(Yahooウェザー編1)ロック画面
Yahooウェザーの天気情報から、現在の天気をそれなりに表示してみました。
- 天気情報を表示する4(Yahooウェザー編2)ロック画面
Yahooウェザーの天気情報から、今日と明日の天気予報をそれなりに表示してみました。
- 天気情報を表示する5(Yahooウェザー編3)ロック画面
Yahooウェザーの天気情報から、5日分の天気予報をそれなりに表示してみました。
- 天気情報を表示する6(AccuWeather編1)ロック画面
AccuWeatherにおける都市コードを確認し、天気情報を取得してみました
- 天気情報を表示する7(AccuWeather編2)ロック画面
AccuWeatherから天気情報を取得し、現在の天気を表示してみました
- 天気情報を表示する8(AccuWeather編3)ロック画面
AccuWeatherから天気情報を取得し、1週間分の天気予報をそれなりに表示してみました
- 天気情報を表示する9(Weather Hacks編1)ロック画面
ライブドアのWeather Hacksにおける地域idを確認し、天気情報を取得してみました
- 天気情報を表示する10(Weather Hacks編2)ロック画面
ライブドアのWeather Hacksから天気情報を取得し、本日の天気予報を表示してみました
- 天気情報を表示する11(Weather Hacks編3)ロック画面
ライブドアのWeather Hacksから天気情報を取得し、3日分の天気予報を表示してみました
- 天気情報を表示する12(Weather Hacks編4)ロック画面
ライブドアのWeather Hacksから天気情報を取得し、8日分の天気予報を表示してみました
- 天気情報を表示する13(日本気象協会編1)ロック画面
日本気象協会が提供する天気情報URLを確認し、天気情報を取得してみました
- 天気情報を表示する14(日本気象協会編2)ロック画面
日本気象協会から天気情報を取得し、本日の天気予報をそれなりに表示してみました
- 天気情報を表示する15(日本気象協会編3)ロック画面
日本気象協会から天気情報を取得し、10日分の天気予報を無理やり表示してみました
- 天気情報を表示する16(MSN天気予報編1)ロック画面
MSN天気予報の天気情報URLを確認し、天気情報を取得してみました
- 天気情報を表示する17(MSN天気予報編2)ロック画面
MSN天気予報の天気情報を取得し、1日分の天気予報をそれなりに表示してみました
- 天気情報を表示する18(MSN天気予報編3)ロック画面
MSN天気予報の天気情報を取得し、5日分の天気予報をそれなりに表示してみました
- 天気情報を表示する19(SunnySpot編)ロック画面
SunnySpotのお天気パーツ各種を表示してみました
- 天気情報を表示する20(邪道ですんま編1)ロック画面
これまでやってきた「王道」とは違う方法で、Yahoo天気サイトの情報を表示してみます
- 天気情報を表示する21(邪道ですんま編2)ロック画面
Yahoo天気サイトの情報を表示し直す「邪道」で、地域名を抜き出してみた
- 天気情報を表示する22(邪道ですんま編3)ロック画面
Yahoo天気サイトの情報を表示し直す「邪道」で、時間帯別天気情報をそれなりに表示してみた
- アナログ時計を作る1ロック画面
ロック画面に表示するアナログ時計を作ってみた
- アナログ時計を作る2ロック画面
アナログ時計を構成する部品をいろいろ弄ってみました
- AKB48のサイトにある最新情報を表示する(ロック画面)準備中
AKB48のサイトにある最新情報をリスト表示してみた。
- 占いウィジェットを作ってみた準備中
その日の占いウィジェットを作ってみた。
- YAHOOのエンタメ欄を表示する(ロック画面)準備中
YAHOOのトップページにある芸能情報をリスト表示してみた。
- アップルの最新情報を表示する(ロック画面)準備中
アップルスタートページにある最新情報をリスト表示してみた。
- bokechans.netの更新情報を表示する(ロック画面)準備中
当サイトの更新情報をロック画面に表示してみた。