DashcodeでDashboard Widgetを作ってみた。

ではでは、制作手順をご紹介します。

* * *

Dashcodeは /Developer/Applications/Dashcode にあります。

Dashcodeを起動すると、テンプレートを選択するパネルがにゅるんと出てきます。RSSを選択しOKのボタンを押します。

すると、「ほとんどできてるじゃん！」という状態になってます。

RSSリーダーに名前をつけます。「マイRSSフィード」となっているところをダブルクリックするとテキストの編集が可能になります。

ブラウザから、フィードのURLをドラッグ＆ドロップします。

右下をドラッグすると、サイズの変更ができます。写真がうまく表示されるように、横幅を520pxにしました。

早速テストしてみましょう。右上の「実行」ボタンを押します。

画面の中央に「ふわふわ〜」とウィジェットが現れます！

「ウィジェットの属性」で細かい設定ができます。今回は何も変更せずにそのまま行きます。

次にウィジェットのアイコンをつくります。これも画像ファイルをドラッグするだけで簡単にできます。

これで作業が完了です。ウィジェットを動作形式で保存します。

適当に名前を付けます。

保存されました。

デスクトップ上のウィジェットインストーラのアイコンをダブルクリックします。

インストーラが起動するので、「インストール」ボタンを押します。

ダッシュボード画面に変わるので「保持」ボタンを押します。

ダッシュボードに自家製のウィジェットが追加されました〜！

* * *

コードを全く書かずにアプリが作れてしまいました。Flashで同じようなもの作ろうと思ったら、どれだけ学習に時間がかかることか・・。元々のテンプレートの見た目が美しいので、出来たときの満足度も高いです。さすが、UIに徹底的にこだわっているApple謹製の開発環境です。

「自分で作ったものが動く」というプログラミングの楽しさを体験する最初の一歩にDashcodeは最適なソフトウェアだと思いました。気になる人のTwitterのフィードをPipesで束ねて取り込んで表示させてみたりと、いろいろ遊べそうです。