ウィジェットを作る
脱獄してから、みなさんがどのような使い方をしているか、いろいろなサイトやブログで拝見させていただきました。
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(日本気象協会編1)
日本気象協会が提供する天気情報URLを確認し、天気情報を取得してみました
- 天気情報を表示する10(日本気象協会編2)
日本気象協会から天気情報を取得し、本日の天気予報をそれなりに表示してみました
- 天気情報を表示する11(日本気象協会編3)
日本気象協会から天気情報を取得し、10日分の天気予報を無理やり表示してみました
- 天気情報を表示する12(MSN天気予報編1)
MSN天気予報の天気情報URLを確認し、天気情報を取得してみました
- 天気情報を表示する13(MSN天気予報編2)
MSN天気予報の天気情報を取得し、1日分の天気予報をそれなりに表示してみました
- 天気情報を表示する14(MSN天気予報編3)
MSN天気予報の天気情報を取得し、5日分の天気予報をそれなりに表示してみました
- 天気情報を表示する15(SunnySpot編)
SunnySpotのお天気パーツ各種を表示してみました
- 天気情報を表示する16(邪道ですんま編1)
これまでやってきた「王道」とは違う方法で、Yahoo天気サイトの情報を表示してみます
- 天気情報を表示する17(邪道ですんま編2)
Yahoo天気サイトの情報を表示し直す「邪道」で、地域名を抜き出してみた
- 天気情報を表示する18(邪道ですんま編3)
Yahoo天気サイトの情報を表示し直す「邪道」で、時間帯別天気情報をそれなりに表示してみた
- アナログ時計を作る1
ロック画面に表示するアナログ時計を作ってみた
- アナログ時計を作る2
アナログ時計を構成する部品をいろいろ弄ってみました
- AKB48のサイトにある最新情報を表示する(ロック画面)作成候補
AKB48のサイトにある最新情報をリスト表示してみた。
- YAHOOのエンタメ欄を表示する(ロック画面)作成候補
YAHOOのトップページにある芸能情報をリスト表示してみた。
- アップルの最新情報を表示する(ロック画面)作成候補
アップルスタートページにある最新情報をリスト表示してみた。
- bokechans.netの更新情報を表示する(ロック画面)作成候補
当サイトの更新情報をロック画面に表示してみた。