しばやんさん( @shibayan )のブログ、"Windows Phone 7 に対する勘違いを正そう - まめしば雑記" にコメントしてみる。

しばやんさん( @shibayan )のブログ、

Windows Phone 7 に対する勘違いを正そう - まめしば雑記

にコメントしてみる。

Junichi Niinoさんのブログ、"シリコンバレーでFlashプログラマの給与が急騰中 － Publickey" にコメントしてみる。

Junichi Niinoさんのブログ、

シリコンバレーでFlashプログラマの給与が急騰中 － Publickey

にコメントしてみる。

Double KOさんのブログ、"VimeoでHTML5ビデオプレイヤーが埋め込めるようになったので・・・ | Macin' Blog" にコメントしてみる。2

Double KOさんのブログ、

VimeoでHTML5ビデオプレイヤーが埋め込めるようになったので・・・ | Macin' Blog

にコメントしてみる。

プログラミング学習の記録 195.2 Silverlight+JavaScriptで動く長方形(Rectangle)を描いてみる。

開発環境:
Microsoft Windows 7 Home Premium (OS)
Internet Explorer 8 (Web browser) + Silverlight (Plug-in)
Microsoft Visual Web Developer 2010 Express Edition (IDE)

Script言語:JavaScript

Silverlight+JavaScriptで横長の長方形(Rectangle)から縦長の長方形に変化し、さらにその枠線が太くなるAnimationを描いてみる。

参考書籍

"JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)"

プログラミング学習の記録 195 Silverlight+JavaScriptで長方形(Rectangle)を描いてみる。

開発環境:
Microsoft Windows 7 Home Premium (OS)
Internet Explorer 8 (Web browser) + Silverlight (Plug-in)
Microsoft Visual Web Developer 2010 Express Edition (IDE)

Script言語:JavaScript

Silverlight+JavaScriptで長方形(Rectangle)を描いてみる。

参考書籍

"JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)"

プログラミング学習の記録 194 Silverlight+JavaScriptで動く円(楕円)を描いてみる。

開発環境:
Microsoft Windows 7 Home Premium (OS)
Internet Explorer 8 (Web browser) + Silverlight (Plug-in)
Microsoft Visual Web Developer 2010 Express Edition (IDE)

Script言語:JavaScript

Silverlight+JavaScriptで動く円(楕円)を描いてみる。

参考書籍

"JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)"

＜紙＞さんの「あしとも申請」拒否・失敗？ - ＜紙＞さんＬＯＧにコメントしてみる。

＜紙＞さんの「あしとも申請」拒否・失敗？ - ＜紙＞さんＬＯＧにコメントしてみる。

IE6を仕方なく使用してる方は別にして、好んで使用している方に対して「腐った牛乳」というのはどうなのかなあ?と思ったりします。

ちなみに私はE9で標準路線 http://bit.ly/a4xDpn 、Silverlightで独自路線、巨大企業、Microsoftだから両方欲張ってほしいと思ったりしています。

プログラミング学習の記録 193.2 Silverlight+JavaScriptで円を描いてみる。

開発環境:
Microsoft Windows 7 Home Premium (OS)
Internet Explorer 8 (Web browser) + Silverlight (Plug-in)
Microsoft Visual Web Developer 2010 Express Edition (IDE)

Script言語:JavaScript

Silverlight+JavaScriptで円を描いてみる。

参考書籍

"JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)"

プログラミング学習の記録 163 Silverlight+JavaScriptで黄色のCanvasに赤、青、緑色の太さが異なり伸び縮みして、それぞれの伸び縮みの速度が異なる線を描いてみる。

開発環境:Microsoft Visual Web Developer+Internet Explorer+Silverlight
Script言語:JavaScript

Silverlight+JavaScriptで黄色のCanvasに赤、青、緑色の太さが異なり伸び縮みして、それぞれの伸び縮みの速度が異なる線を描いてみる。

参考書籍

 JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)

プログラミング学習の記録 162.1 Silverlight+JavaScriptでふちが青色で赤色の長方形が正方形になるAnimationをそれぞれ変化のスピードが異なるものを3つ描いてみる。

開発環境:Microsoft Visual Web Developer+Internet Explorer+Silverlight
Script言語:JavaScript

Silverlight+JavaScriptでふちが青色で赤色の長方形が正方形になるAnimationをそれぞれ変化のスピードが異なるものを3つ描いてみる。

参考書籍

 JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)

プログラミング学習の記録 162 Silverlight+JavaScriptで黄色のCanvasにふちが青色の赤い楕円が円になるAnimationを表示してみる。

開発環境:Microsoft Visual Web Developer+Internet Explorer+Silverlight
Script言語:JavaScript

Silverlight+JavaScriptで黄色のCanvasにふちが青色の赤い楕円が円になるAnimationを表示してみる。

参考書籍

 JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)

プログラミング学習の記録 161.1 Silverlight+JavaScriptで黄色のCanvas上にふちが青色の赤色の長方形を描いてみる。

開発環境:Microsoft Visual Web Developer+Internet Explorer+Silverlight
Script言語:JavaScript

Silverlight+JavaScriptで黄色のCanvas上にふちが青色の赤色の長方形を描いてみる。

参考書籍

 JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)

プログラミング学習の記録 161 Silverlight+JavaScriptでCanvasに円を描いてみる。

開発環境:Microsoft Visual Web Developer+Internet Explorer+Silverlight
Script言語:JavaScript

Silverlight+JavaScriptで黄色のCanvas上にふちが青色の赤色の円を描いてみる。

参考書籍

 JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)

プログラミング学習の記録 148.1 Silverlight+JavaScriptで赤、青、黄色の長さや太さが変化するLineを描いてみる。

開発環境:Microsoft Visual Web Developer+Internet Explorer
Script言語:JavaScript

Silverlight+JavaScriptで赤、青、黄色の長さや太さが変化するLineを描いてみる。

Scene6.xaml
<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Line Name="line0" X1="20" Y1="50" X2="170" Y2="50" Stroke="Red" StrokeThickness="30"> <Line.Triggers> <EventTrigger RoutedEvent="Canvas.Loaded"> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetName="line0" Storyboard.TargetProperty="X2" From="20" To="300" Duration="0:0:5" RepeatBehavior="Forever"/> <DoubleAnimation Storyboard.TargetName="line0" Storyboard.TargetProperty="StrokeThickness" From="30" To="10" Duration="0:0:5" RepeatBehavior="Forever"/> </Storyboard> </BeginStoryboard> </EventTrigger> </Line.Triggers> </Line> <Line Name="line1" X1="20" Y1="100" X2="110" Y2="100" Stroke="Blue" StrokeThickness="10"> <Line.Triggers> <EventTrigger RoutedEvent="Canvas.Loaded"> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetName="line1" Storyboard.TargetProperty="X2" From="110" To="20" Duration="0:0:5" RepeatBehavior="Forever"/> <DoubleAnimation Storyboard.TargetName="line1" Storyboard.TargetProperty="StrokeThickness" From="1" To="50" Duration="0:0:5" RepeatBehavior="Forever"/> </Storyboard> </BeginStoryboard> </EventTrigger> </Line.Triggers> </Line> <Line Name="line2" X1="20" Y1="150" X2="210" Y2="150" Stroke="Yellow" StrokeThickness="20"> <Line.Triggers> <EventTrigger RoutedEvent="Canvas.Loaded"> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetName="line2" Storyboard.TargetProperty="X2" From="20" To="210" Duration="0:0:5" RepeatBehavior="Forever"/> <DoubleAnimation Storyboard.TargetName="line2" Storyboard.TargetProperty="StrokeThickness" From="50" To="5" Duration="0:0:5" RepeatBehavior="Forever"/> </Storyboard> </BeginStoryboard> </EventTrigger> </Line.Triggers> </Line> </Canvas>

Sample6.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Silverlight Line Animation</title> </head> <body> <script type="text/javascript" src="Silverlight.js"></script> <script language="javascript" type="text/javascript"> function createSilverlight() { var d0 = document.getElementById("d0"); Silverlight.createObject("Scene6.xaml", d0, "Sample6", { hdight: '300', width: '300', inplaceInstallPrompt: true, background: '#FFFFFF' }, { onError: d0.innerHTML = "Error", onLoad: d0.innerHTML = "Load" }, null); }</script> <p>Silverlight+JavaScriptで赤、青、黄色の長さや太さが変化するLineを描いてみる。</p> <input type="button" value="Click!" onclick="createSilverlight()" /> <div id="d0"></div> </body> </html>

保管場所: Silverlight Line Animation

プログラミング学習の記録 148 Silverlight+JavaScriptでLineを描いてみる。

開発環境:Microsoft Visual Web Developer+Internet Explorer
Script言語:JavaScript

Silverlight+JavaScriptで赤、青、黄色のそれぞれ長さ、太さが異なるLineを描いてみる。

Scene5.xaml
<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Line X1="20" Y1="50" X2="170" Y2="50" Stroke="Red" StrokeThickness="30" /> <Line X1="50" Y1="100" X2="140" Y2="100" Stroke="Blue" StrokeThickness="10"/> <Line X1="0" Y1="150" X2="190" Y2="150" Stroke="Yellow" StrokeThickness="20"/> </Canvas>16

Sample5.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Silverlight Sample 5</title> </head> <body> <script type="text/javascript" src="Silverlight.js"></script> <script language="javascript" type="text/javascript"> function createSilverlight() { var d0 = document.getElementById("d0"); Silverlight.createObject("Scene5.xaml", d0, "Sample5", { hdight: '300', width: '300', inplaceInstallPrompt: true, background: '#FFFFFF' }, { onError: d0.innerHTML = "Error", onLoad: d0.innerHTML = "Load" }, null); }</script> <p>Silverlight+JavaScriptで赤、青、黄色のそれぞれ長さ、太さが異なるLineを描いてみる。</p> <input type="button" value="Click!" onclick="createSilverlight()" /> <div id="d0"></div> </body> </html>

保管場所: Silverlight Sample 5

プログラミング学習の記録 147.2 長方形のAnimationをSilverlight+JavaScriptで描いてみる。

開発環境:Microsoft Visual Web Developer+Internet Explorer
Script言語:JavaScript

横長の長方形から縦長の長方形に変化し、さらにその枠線が太くなるAnimationをSilverlight+JavaScriptで描いてみる。

Scene4.xaml
<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Rectangle Canvas.Left="20" Canvas.Top="20" Height="100" Width="100" Stroke="Blue" Fill="Red" StrokeThickness="5" Name="rectangle"> <Rectangle.Triggers> <EventTrigger RoutedEvent="Canvas.Loaded"> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetName="rectangle" Storyboard.TargetProperty="Height" From="50" To="150" Duration="0:0:5" RepeatBehavior="Forever" /> <DoubleAnimation Storyboard.TargetName="rectangle" Storyboard.TargetProperty="Width" From="150" To="50" Duration="0:0:5" RepeatBehavior="Forever"/> <DoubleAnimation Storyboard.TargetName="rectangle" Storyboard.TargetProperty="StrokeThickness" From="1" To="10" Duration="0:0:5" RepeatBehavior="Forever"/> </Storyboard> </BeginStoryboard> </EventTrigger> </Rectangle.Triggers> </Rectangle> </Canvas>

Sample4.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Silverlight Sample 4</title> </head> <body> <script type="text/javascript" src="Silverlight.js"></script> <script language="javascript" type="text/javascript"> function createSilverlight() { var d0 = document.getElementById("d0"); Silverlight.createObject("Scene4.xaml", d0, "Sample2", { hdight: '300', width: '300', inplaceInstallPrompt: true, background: '#FFFFFF' }, { onError: d0.innerHTML = "Error", onLoad: d0.innerHTML = "Load" }, null); }</script> <p> 横長の長方形から縦長の長方形に変化し、さらにその枠線が太くなるAnimationをSilverlight+JavaScriptで描いてみる。 </p> <input type="button" value="Click!" onclick="createSilverlight()" /> <div id="d0"></div> </body> </html>

保管場所: Silverlight Sample 4

プログラミング学習の記録 147.1 Silverlight+JavaScriptで動く円(楕円)を描いてみる。

開発環境:Microsoft Visual Web Developer+Internet Explorer
Script言語:JavaScript

Silverlight+JavaScriptで動く(縦長の楕円から横長の楕円に、そして枠を横長になるにつれて太くなっていく)円(楕円)を描いてみる。

Scene3.xaml
<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Ellipse Canvas.Left="20" Canvas.Top="20" Width="100" Height="100" Name="ellipse" Fill="Red" Stroke="Blue" StrokeThickness="5" > <Ellipse.Triggers> <EventTrigger RoutedEvent="Canvas.Loaded"> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetName="ellipse" Storyboard.TargetProperty="Width" From="50" To="150" Duration="0:0:5" RepeatBehavior="Forever"/> <DoubleAnimation Storyboard.TargetName="ellipse" Storyboard.TargetProperty="Height" From="150" To="50" Duration="0:0:5" RepeatBehavior="Forever"/> <DoubleAnimation Storyboard.TargetName="ellipse" Storyboard.TargetProperty="StrokeThickness" From="1" To="10" Duration="0:0:5" RepeatBehavior="Forever"/> </Storyboard> </BeginStoryboard> </EventTrigger> </Ellipse.Triggers> </Ellipse> </Canvas>

Sample3.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Silverlight Sample 3</title> </head> <body> <script type="text/javascript" src="Silverlight.js"></script> <script language="javascript" type="text/javascript"> function createSilverlight() { var d0 = document.getElementById("d0"); Silverlight.createObject("Scene3.xaml", d0, "Sample3", { hdight:'200', width: '200', inplaceInstallPrompt: true, background: '#FFFFFF' }, { onError: d0.innerHTML="Error", onLoad: d0.innerHTML="Load" }, null); }</script> Silverlight+JavaScriptで動く円(楕円)を描いてみる。<br /> <br /> <input type="button" value="Click!" onclick="createSilverlight()" /> <div id="d0"></div> </body> </html>

保管場所: Sample 3

プログラミング学習の記録 147 Silverlight+JavaScriptで長方形を描いてみる。

開発環境:Microsoft Visual Web Developer+Internet Explorer
Script言語:JavaScript

Silverlight+JavaScriptで長方形を描いてみる。

Scene2.xaml
<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Rectangle Canvas.Left="20" Canvas.Top="20" Height="100" Width="200" Stroke="Red" StrokeThickness="5"/> </Canvas>

Sample2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Silverlgith Sample2</title> </head> <body> <script type="text/javascript" src="Silverlight.js"></script> <script language="javascript" type="text/javascript"> function createSilverlight() { var d0 = document.getElementById("d0"); Silverlight.createObject("Scene2.xaml", d0, "Sample2", { hdight:'300', width: '300', inplaceInstallPrompt: true, background: '#FFFFFF' }, { onError: d0.innerHTML="Error", onLoad: d0.innerHTML="Load" }, null); }</script> <input type="button" value="Click!" onclick="createSilverlight()" /> <div id="d0"></div> </body> </html>

保管場所: Sample 2

プログラミング学習の記録 146.1 Silverlight+JavaScriptで円を描いてみる。

開発環境:Microsoft Visual Web Developer+Internet Explorer
Script言語:JavaScript

Silverlight+JavaScriptで円を描いてみる。

Scene.xaml
<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Ellipse Canvas.Left="20" Canvas.Top="10" Height="100" Width="100" Stroke="Red" StrokeThickness="5"/> </Canvas>

XHTML部分
<script type="text/javascript" src="Silverlight.js"></script> <script language="javascript" type="text/javascript"> function createSilverlight() { var d0 = document.getElementById("d0"); Silverlight.createObject("Scene.xaml", d0, "Sample", { width: '300', inplaceInstallPrompt: true, background: '#FFFFFF' }, { onError: d0.innerHTML="Error", onLoad: d0.innerHTML="Load" }, null); }</script> <input type="button" value="Click!" onclick="createSilverlight()" /> <div id="d0"></div>

保管場所: Sample

プログラミング学習の記録 135 JavaScriptとSilverlightで動く円と長方形を描いてみる。

開発環境、Script言語:
Microsoft Visual Web Developer+Internet Explorer Silverlight,JavaScript

JavaScriptでScriptを記述して、Silverlightで円と長方形を描いてみる。

SilverlightAnimation.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>Silverlight Sample</title> <script type="text/javascript" src="Silverlight.js"> </script> <script language="JavaScript" type="text/javascript"> function createSilverlight() { Silverlight.createObject( "Animation.xaml", parentElement, "animation", { width:'300', height:'250', inplaceInstallPrompt:false, background:'#FFFFFF', isWindowless:'false', framerate:'24', version:'1.0' }, { onError:null, onLoad:null }, null); } </script> <script language="javascript" type="text/javascript"> function change() { var parentElement = document.getElementById("d0"); d0.innerHTML = "Hello,Silverlight Animation!"; }</script> <script language="javascript" type="text/javascript"> function replace() { var parentElement = document.getElementById("d0"); createSilverlight(); }</script> </head> <body> <h1>Silverlight Animation</h1> <input type="button" value="Click!" onclick="change();" /> <input type="button" value="元に戻す" onclick="replace();" /> <br /> <br /> <div id="d0"> </div> <script language="JavaScript" type="text/javascript"> var parentElement = document.getElementById("d0") ; createSilverlight(); </script> </body> </html>

Animation.xaml
<?xml version="1.0" encoding="utf-8" ?> <Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition /> <ColumnDefinition /> </Grid.ColumnDefinitions> <Ellipse Width="100" Height="10" Name="ellipse1" Fill="Red" Stroke="Red" Grid.Column="0" > <Ellipse.Triggers> <EventTrigger RoutedEvent="Canvas.Loaded"> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetName="ellipse1" Storyboard.TargetProperty="Height" From="10" To="100" Duration="0:0:5" RepeatBehavior="Forever" /> </Storyboard> </BeginStoryboard> </EventTrigger> </Ellipse.Triggers> </Ellipse> <Rectangle Width="100" Height="150" Name="rectangle1" Fill="Blue" Stroke="Black" Grid.Column="1" > <Rectangle.Triggers> <EventTrigger RoutedEvent="Canvas.Loaded"> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetName="rectangle1" Storyboard.TargetProperty="Height" From="150" To="10" Duration="0:0:5" RepeatBehavior="Forever" /> </Storyboard> </BeginStoryboard> </EventTrigger> </Rectangle.Triggers> </Rectangle> </Grid> </Canvas>

保管場所:Silverlight Animation