N2LChecker UI デザイン

皆さんニコニコしてますか？　どうも rawegg a.k.a. 生卵です。

若干放置気味だった N2LChecker の UI デザインですが、
なんとか上がったので、ここでプレビューします。

説明レイヤーを付けて簡単な説明をつけてますが、ニュアンスで伝えてる感じなので伝わるかどうかわかりませんが・・・ｗｗｗ

Filed under: ツール・ウィジェット, n2lchecker

N2LChecker 機能要望リスト

はいどうも。ニコニコしまくってる rawegg a.k.a. 生卵です。

前回のエントリーでは、読み物的に書いてしまったので、もっと端的な機能要望リストを作っておけば、後々ぶれる事も少ないかなと思って、じっくり考えながら書出してみます。

ただし、ここに書かれた要望の全てが仕様に盛り込まれるものではありません。むしろ仕様より今後のロードマップ的な意味合いが強いです。あくまで私の脳内会議の過程ですので。

「こんな風になったらいいなぁ」的な妄想だと思ってくだしあ＞＜

情報の読込み・表示

• 情報は最低1分おき更新で良いかもしれない
• 開始時刻表示は時・分のみで良いかもしれない
• メンテナンス時・サーバーエラー時の表示
• チャンネル放送の分離・カテゴリ化（ユーザー放送と同列に）
• チャンネル放送・最新追加アイテムは色付き枠
• 起動時の読込み先カテゴリをカスタマイズ（複数選択可？）
• バックパネルで読込みの初期設定をチェックボックスで保持
• 「やってみた」カテゴリは子カテゴリ（講座 など）でもソート
• 放送タイトルの marquee 表示

操作感

• ウィジェットのサイズは可変（Y軸のみで良い？）
• アイテムの折りたたみ（最新／お気に入りはデフォルトでオープン）
• カテゴリ表示の切換えはセレクタの他に左右にスライドするボタン
• 各アイテム枠内に操作用アイコンをつける（登録・削除・プレビュー等）
• アイテム枠からコミュを1クリックで閲覧
• アイテム枠から1クリックで放送ページをプレビュー（ドロワー表示）
• アイテム枠からアラートするコミュを1クリックで登録
• お気に入り放送枠から1クリックで登録解除
• Dashboard 上で複数起動でもソートなどの表示設定は独立して動作
• Cover Flow 的にザッピングできたら最高だよね（無謀）

カスタムデザイン

• ヴィジュアルを機能から分離し、テンプレ（HTML/CSS/image）に起こす
• テンプレのインストール・アンインストール機能（バンドルに取込み？）
• インストールしたテンプレの選択機能
• テンプレデザインは Dreamweaver 等でWYSIWYG編集可能

Visual Identity

• iTunes ライクでシンプルな表現を心がける
• セレクタ表示以外はアイコン表示のコンパクトなボタン
• ボタンのキャプションはバルーン表示
• 更新・追加などのアクションには決まったアニメーション効果を付ける

以上の他にもあると思うけど、とりあえずリストアップしておきます。
後々ここから仕様確定に盛込んだら消えるし、新しい要望が出てきたら追加になるっぽいす。 

Filed under: ツール・ウィジェット, n2lchecker, 機能要望

RSSテンプレート概要解析

ども〜恥さらしです。
N2LCheckerの再開発に向けて、大まかなDashcodeのRSSテンプレートのスクリプトの流れをまとめました。メモとしてPOST致します。

HTMLのロードが終わり次第、load();を実行 (body onload)

load();

• 初期設定などを読み込む
• resetFeed();を実行

resetFeed();

• 前に表示した記事を消す
• ローディング表示開始
• ページの読み込み開始 refreshFeed();

refreshFeed();

• 読み込み途中のXMLHttpRequestがあれば、中止、削除
• 新しいXMLHttpRequestを作成
• 読み込み完了後のアクションprocessFeedDocument();をセット
• 読み込みのURLなどを設定
• 読み込み開始

processFeedDocument();

• データが正しく帰ってきたかのチェック
• 記事(番組)があるかをチェック
• 記事(番組)があれば、XMLをパーサーで解析
• 解析した値を実際の表示を行うaddEntriesToContents();

addEntriesToContents();

• 与えられた、XMLを分解し、createRow();へ渡す
• 返ってきたきた値を #contentに表示させる

createRow();

• 引数で与えられた文字列を元に、HTMLを生成
• addEntriesToContent();へ出来上がったHTMLを返す

とても簡単にまとめましたが、こんな感じの流れになっています。

Filed under: ツール・ウィジェット, Dashcode, n2lchecker, RSSテンプレート

N2LCheckerの展望

皆さん今日もニコニコしてますか？　rawegg a.k.a. 生卵です。

前回の配信をご覧になっていただいた方はお判りかと思いますが、現在 N2LChecker の開発が頓挫しております・・・ｗ　結局有り合わせのものを使っても発展性は無いということなんでしょうね。恥さらしさんと共に反省しております。

配信内でもプレビューしましたが、開発バージョンを一旦白紙に戻してじっくり作り直していこうという事になりまして、現在は仕様策定・画面設計担当が私、内部エンジンの開発担当が恥さらしさんという形で、しばらくは同時進行していこうという事になりました。
目指すところとしては、JavaScript の良さを活かしたオブジェクト指向的で、発展性のあるベーシックバージョンを作る事と、画面設計から仕様策定を考えるという、通常考えられている開発手法とは逆行する形での新しい開発手法のアプローチといったところです。（こう書くとカコイイネ！！・∀・）

それで、仕様策定という大役を仰せつかったため、若干胃に痛みを覚えるワタクシではありますが、開発の共同メモとして、そして開発過程をオープンにするということも兼ねて、Blog 内で構想を練っていこうと思います。

Filed under: Apple/Macintosh放送局, ツール・ウィジェット, ユーザー生放送, n2lchecker

n2lchecker ver 1.1.0 Release!!

【追記】※基本設計の段階での勘違いですべての放送が拾えていないことが分かりました。次期バーションまで少々お待ちください。

n2lcheckerのバージョンが1.1.0になりました！

前回ブログを書いた時は0.3.0から、Growlへの通知機能や、R18を分けた表示を行ったり、かなりの修正と、新機能を加えて ver 1.1.0として先ほど公開いたしました！

多分、ある程度安定しているはず･･･。

まだ、キーワードでの通知機能、差分更新時にR18の更新を行わなかったりと完全とは言えない部分があるのですが、初期の頃よりは安定した稼働をしていると思います。

今後さらにデザイン変更、安定化、軽量化などなどの計画がございますので、今後も何卒よろしくお願いいたします。

詳細はこちら
Downloardはこちら

Filed under: ツール・ウィジェット, n2lchecker