そういえば、ローカルで HTML を編集するのに、Internet Explorer を使えばよい、というのを思い出し。
Internet Explorer 5.5 を使った 編集可能な Web ページの作成方法
http://msdn.microsoft.com/ja-jp/library/dd163916.aspx
実に、「IE 5.5」の頃の話なんですが、IE8 でも動きます。つーか、Firefox でも動くはず。
iframe 内でしか動かないのですが、使いどころによっては便利かなぁと。
忘備録的なメモです。
結論から言うと、XMLHttpRequest ではドメイン間を超えたアクセスができないので、プロキシを用意するしかない、らしい。
TwitterクライアントのOAuth対応(Javascript編) | tomatomax.net
http://blog.tomatomax.net/archives/2696
TwitAPI.js – OTCHY.NET
http://www.otchy.net/javascript/twit-api/
これを参照すると、
そんな訳で、色々考えた結果。
こうすると、認証部分をややこしい Javascript で書かなくて済むし、DSi ブラウザから XMLHttpRequest のクロスドメインの問題も解決する、でしょう、多分。
DSi ブラウザからの通知は、XMLHttpRequest を使って送信。戻り値は、json あたりで処理をすれば、クライアントの作りも楽になるかと。
試しに、DSi ブラウザで、美女Linux のブログパーツを動かしたところ、そこそこ動いたので、ちょっと整形しました。
http://bijo-linux.com/bp/ds8.html
Opera の場合
DSi ブラウザに合わせるために、縦 352px 横 240px に合わせて、右下にロゴを透過PNGで貼り付け。
# うまく、透過できなかったので、これは後々コニカさんに作って頂くとして（苦笑）
いわゆるフォトフレーム替わりというか、DS で Linux の勉強をするというか、そんな使い方も？（どんな使い方？）もできるかなぁと。
ちょっと、ブログを見ていたら、wp-lightpop が動いていない…
なにやら、
のようなエラーが出て、表示中のアニメーションのままになってしまいます。
ブログに script の貼り付けをしているし、と美女linuxのブログパーツを疑ってみたのですが、どうやら、
SyntaxHighlighter を ver.3 にアップデートした後に起こった模様でした。
で、
設定のところから、「ver.2.x」 に戻せば、無事直りました。やれやれ。
SyntaxHighlighter は、コードを色づけする定番プラグインなのですが、どこかおかしいのやら？
連載! コードで学ぶ ASP.NET MVC アプリケーション開発入門 | Code Recipe | MSDN
http://msdn.microsoft.com/ja-jp/asp.net/gg490787
ということで、12/10の金曜日から、来年の3月までの連載記事です。
書籍
日経BP書店｜商品詳細 - ひと目でわかるMicrosoft ASP.NET MVCアプリケーション開発入門
http://ec.nikkeibp.co.jp/item/books/P94380.html
の補遺と言いますか、記事に書ききれなかったものを、集めた解説ってな感じです。
ひと目シリーズの場合は、対象読者が初心者向けなので、難しいところはさらっと流して、最後まで作れるところを目指していますが、コードで学ぶシリーズの方は、ASP.NET MVC の深いところに突っ込んで解説＆実験していきます。
子供ツイッター http://kidtwi.jp/ もリンクして頂けたので、がしがし年末年始に作ります、ってことで。
ちまちまと、半日ぐらい HTML と Javascript を弄って、これくらいできました。
詳しいソースは後で載せるとして、動かしたい貴重な方は、
から、「さんすう」→「かずあて」 で辿ってください。
ブラウザでも普通に動きます（…面白くありませんが）。
一応、Opera をダウンロードして動作確認をしてみました。
作成するときのポイントを軽く列記しておくと。
あと、onload 時に、
window.scrollTo(0,176);
な感じで、スクロールさせると、上画面ぴっちりになります。
え～、しばらく放置していた、子供ツイッター http://kidtwi.jp/ ですが、再起動します。
と、言いますか、２方面の路線を上に乗せてしまおうかなと。
な学習方面です。
モバツイの真似っこ画面を HTML で組んでいたんですが、どうも上下スクロールってのは、DSi には似合わないんですよね。できるならば、
のような感じで、普通のゲーム感覚にしたい。
で、どこまで、CSS が組めるのか、Javascript が動くのか？と調べてみると、
開発/入門 – ニンテンドーDSブラウザーWiki
http://hammerspace.squares.net/DS/wiki.cgi?page=%B3%AB%C8%AF%2F%C6%FE%CC%E7
「携帯ゲーム機用Webページ」の作り方（2/4）：CodeZine
http://codezine.jp/article/detail/5223?p=2
DSiブラウザで”DS”らしいアプリケーションが作れるかも知れない – ここのことはなかったことにするかも
http://d.hatena.ne.jp/yellow_73/20090407/p1
なところを調べてみると、
media を指定することで、縦長表示で CSS を使えるようになる。
<style type=”text/css” media=”handheld”>
</style>
縦長表示を強制的に使うには次の meta タグを指定する。
<meta name=”viewport” content=”width=device-width” />
なところまで分かりました。
試してみると、position あたりは癖がある（必ず左上が基点になるらしい）のですが、文字や画像の重ね合わせもできるし、jQuery の位置指定も動いているので大丈夫そう。
製作中の tips は少しずつアップしていきます。
美女Linuxブログパーツ作成企画
Google を良く使う人ならば、iGoogleのほうが便利、というか、gmail ぐらいしかまともに表示させていないのですが。。。
な風に、美女Linux ブログパーツが表示できます。
作り方は簡単で、元々 javascript で作ってあるので、
<?xml version=”1.0″ encoding=”UTF-8″ ?>
<Module>
<ModulePrefs title=”美女Linux beta6″ height=”262″ width=”212″ />
<Content type=”html”><![CDATA[
<script src=”http://moonmile.net/js/bijo6.js” type=”text/javascript”></script>
]]></Content>
</Module>
のような xml ファイルを http://moonmile.net/js/bijo6.xml として保存しておきます。
このURLを「ガジェットの追加」のところで指定するだけです。
一度、指定すれば、ガジェット自身の「このガジェットを共有」のところで、リンクを作ってくれるので、これで共有ができます。
美女Linux ブログパーツを追加
http://www.google.com/ig/adde?moduleurl=http://moonmile.net/js/bijo6.xml&source=imag
このあたりの詳しい話は後ほど。
美女Linuxブログパーツ作成企画
Siverlight 4 でブログパーツを作るとこんな感じ。
＜サンプル＞
移植はすんなりできそうです。
＜コード＞
namespace BijoLinuxSiverlight
{
public partial class MainPage : UserControl
{
public MainPage()
{
InitializeComponent();
}
int count = 10000;
int bcount = 0;
private void LayoutRoot_Loaded(object sender, RoutedEventArgs e)
{
System.Windows.Threading.DispatcherTimer myDispatcherTimer = new System.Windows.Threading.DispatcherTimer();
myDispatcherTimer.Interval = new TimeSpan(0, 0, 0,1, 0);
myDispatcherTimer.Tick += new EventHandler(Each_Tick);
myDispatcherTimer.Start();
}
public void Each_Tick(object o, EventArgs sender)
{
count++;
if (count > 15)
{
count = 0;
bcount++;
if (bcount > 5)
{
bcount = 0;
}
Uri uri = new Uri("http://moonmile.net/images/photo00"+bcount+".png",
UriKind.RelativeOrAbsolute);
ImageSource source = new BitmapImage(uri);
bimage.Source = source;
}
settime();
}
public void settime()
{
DateTime now = DateTime.Now;
string year = now.ToString("yyyy");
string[] months = new string[] { "Jan", "Fev", "Mar", "Apl", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" };
string mon = months[ now.Month-1];
string day = now.ToString("dd");
string time = now.ToString("HH:mm:ss");
bdateyear.Content = year;
bdatemon.Content = mon;
bdateday.Content = day;
bdatetime.Content = time;
}
}
}
コード的には、これが一番すっきり…というか得意分野だけなんですが。
美女Linuxブログパーツ作成企画
Adobe Flash Pro CS5 体験版をダウンロードして作成してみる。
いやぁ、マジに初めてなもので、全く使い方が分かりません。。。が、ひとまず、こんな感じまで出来ました。
＜サンプル＞
画像の切り替えまでは分かったけど、外部読み込みは断念。これはまた後日。
なんか、ActionScript 3.0 から文法が変わったらしく、検索で引っ掛かる ActionScript 2.0 のものでは動かない（というか、クラスがないとか言われるし）、結構苦労しています。
ので、雑なソースですが、一応晒しておきます。
# 画像の切り替えのときに、元の「loading…」の画像が出るので、loader のところで切り替えが必要なのかなと。
import flash.display.Loader;
import flash.net.URLRequest;
bcopyright.addEventListener(MouseEvent.CLICK, fl_ClickToGoToWebPage);
function fl_ClickToGoToWebPage(event:MouseEvent):void
{
navigateToURL(new URLRequest("http://bijo-linux.com"), "_blank");
}
var loader:Loader = new Loader();
bimage.addChild( loader );
now();
var count = 1000;
var bcount = 0;
var tId=setInterval(now,1000);
function now() {
var myDate = new Date();
var h = myDate.getHours();
var min = myDate.getMinutes();
var s = myDate.getSeconds();
var year = myDate.getFullYear();
var mon = myDate.getMonth();
var day = myDate.getDate();
hyoji(year,mon,day, h,min,s);
count++;
if ( count > 15 ) {
count = 0;
bcount++;
if ( bcount > 5 ) {
bcount = 0;
}
var url = new URLRequest( "http://moonmile.net/images/photo00"+bcount+".png");
loader.load( url );
}
}
function hyoji(y,m,d,h,min,s){
if (h<10) {
h = "0"+h;
}
if (min<10) {
min = "0"+min;
}
if (s<10) {
s = "0"+s;
}
var hour = h+":"+min+":"+s;
var months = ["Jan","Fev","Mar","Apl","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec" ];
bdatetime.text = hour;
bdateyear.text = y;
bdatemon.text = months[m];
bdateday.text = d;
}
Flash 作るのに、これを買わないと駄目なんですかね？ちょっと、10万円近いのが難点…10万円の仕事があれば、受けてソフト代にする、ってのもあるけど、とか。
