ScottさんのSilverLightチュートリアルが更新されていました。
ScottGu’s Blog
First Look at Using Expression Blend with Silverlight 2
http://weblogs.asp.net/scottgu/archive/2008/02/28/first-look-at-using-expression-blend-with-silverlight-2.aspx
今までは基本的にVisualStudio2008を使用してのSilverLight製作でした。つまりUIのデザインも基本的にはVisualStudio上でXAMLを直接修正する形でしかなかったのです。WPFではできるVisualStudioのプレビューを使った修正もできない現在の状態ではつらいですね。
というわけなのか、Blendを使ってのチュートリアルがトップにのっかっていました。
それにしてもこのチャットの文字。。。
すごい字体だな。。。これは。
た、たのしそう
ScottさんのTutorialもようやく6番目まできました。
Silverlight Tutorial Part 6: Using User Controls to Implement Master/Detail Scenarios
http://weblogs.asp.net/scottgu/pages/silverlight-tutorial-part-6-using-user-controls-to-implement-master-detail-scenarios.aspx
今回はちょっとしたダイアログを出して詳細を表示するんですね。よくよく見ていると、ダイアログを出すというよりは表面にあらかじめパネルを用意しておいて、それを非表示。リストを選択したときだけ表示する。。。というやり方のようですが。うーん、やっぱりダイアログみたいなものはウェブではウィンドウを別に出すんだろうかな～。とりあえず、気を取り直してやってみました。
はい、だんだんページに露出するソースの量が減っていっている上にそのままではいかないです。
まず、Page.xamlに追加したStoryDetailsViewを認識させるためにネームスペースを追加します。
xmlns:Digg="clr-namespace:DiggSample;assembly=DiggSample"
そしてDiggSampleクラスのメンバUriの型をstring→Uriへ変えて、Page.xaml.csの
HrefLink = ((string)story.Attribute("link")).Trim(), を HrefLink = new Uri((string)story.Attribute("link")),
へ、変更。
ちなみに、私は落としてきたサンプルを見ながらApp.xaml内のスタイルは作ってしまいました。とりあえず、ぺたぺたと
<Style x:Key="DiggPanel" TargetType="StackPanel"> <Setter Property="Margin" Value="10" /> <Setter Property="Width" Value="55" /> <Setter Property="Height" Value="55" /> <Setter Property="Background"> <Setter.Value> <LinearGradientBrush EndPoint="0,5,1" StartPoint="0,5,0" > <GradientStop Color="#FFFFF098" /> <GradientStop Color="#FFFFF9D4" Offset="1" /> </LinearGradientBrush> </Setter.Value> </Setter> </Style> <Style x:Key="NumDigsBlock" TargetType="TextBlock"> <Setter Property="HorizontalAlignment" Value="Center" /> <Setter Property="FontSize" Value="18" /> <Setter Property="FontWeight" Value="Bold" /> <Setter Property="Foreground" Value="DarkSlateGray" /> </Style> <Style x:Key="NumDigsSubBlock" TargetType="TextBlock"> <Setter Property="HorizontalAlignment" Value="Center" /> <Setter Property="FontSize" Value="12" /> <Setter Property="Foreground" Value="DarkSlateGray" /> </Style> <Style x:Key="ThumbnailPreview" TargetType="Image"> <Setter Property="Margin" Value="7,7,5,5" /> <Setter Property="Height" Value="55" /> </Style> <Style x:Key="TitleBlock" TargetType="TextBlock"> <Setter Property="FontFamily" Value="Trebuchet MS" /> <Setter Property="TextAlignment" Value="Left" /> <Setter Property="VerticalAlignment" Value="Center" /> </Style> <Style x:Key="CloseButton" TargetType="Button"> <Setter Property="HorizontalAlignment" Value="Right"/> <Setter Property="Width" Value="50" /> <Setter Property="Height" Value="25" /> </Style> <Style x:Key="TitleLink" TargetType="HyperlinkButton"> <Setter Property="FontFamily" Value="Trebuchet MS"/> <Setter Property="TextWrapping" Value="Wrap"/> <Setter Property="HorizontalAlignment" Value="Left"/> <Setter Property="FontSize" Value="28"/> <Setter Property="Foreground" Value="White"/> <Setter Property="Width" Value="500"/> <Setter Property="Grid.Row" Value="0"/> <Setter Property="Grid.Column" Value="1"/> <Setter Property="Grid.ColumnSpan" Value="2"/> </Style> <Style x:Key="DiggPanelDetail" TargetType="StackPanel"> <Setter Property="Margin" Value="10"/> <Setter Property="Width" Value="55"/> <Setter Property="Height" Value="55"/> <Setter Property="Background"> <Setter.Value> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FFFFF098"/> <GradientStop Color="#FFFFF9D4" Offset="1"/> </LinearGradientBrush> </Setter.Value> </Setter> <Setter Property="Grid.Row" Value="1"/> <Setter Property="Grid.Column" Value="0"/> <Setter Property="HorizontalAlignment" Value="Center"/> <Setter Property="VerticalAlignment" Value="Top"/> </Style> <Style x:Key="DescriptionBlock" TargetType="TextBlock"> <Setter Property="FontFamily" Value="Trebuchet MS"/> <Setter Property="TextWrapping" Value="Wrap"/> <Setter Property="HorizontalAlignment" Value="Left"/> <Setter Property="Foreground" Value="white"/> <Setter Property="Width" Value="380"/> <Setter Property="Grid.Row" Value="1"/> <Setter Property="Grid.Column" Value="1"/> </Style> <Style x:Key="DetailsThumbNailPreview" TargetType="Image"> <Setter Property="Margin" Value="10, 0, 10, 0"/> <Setter Property="Width" Value="100"/> <Setter Property="Grid.Row" Value="1"/> <Setter Property="Grid.Column" Value="2"/> </Style> <Style x:Key="PosterBlock" TargetType="TextBlock"> <Setter Property="Foreground" Value="white"/> <Setter Property="FontFamily" Value="Trebuchet MS"/> <Setter Property="HorizontalAlignment" Value="Left"/> </Style> <Style x:Key="SubmitDetails" TargetType="StackPanel"> <Setter Property="Grid.Row" Value="2"/> <Setter Property="Grid.Column" Value="1"/> <Setter Property="Orientation" Value="Horizontal"/> </Style>
変更点そのものはたいしてなかったのですが、Uriの所に気付かず、画面が真っ白の状態になってしまって時間をロスしてしまいました。うーむ。
スタイル指定は便利なようで、これくらいのデモを作る分には少し面倒だなぁ。
ScottさんによるSilverLightTutorial Stage4
ようやく終わりました。
もう、いったいどれだけ時間かけてるんだ！って感じですね。
ちょっと悲しい。
でも平日は時間がなかなかとれないからしょうがない。
イイワケカコワルイ
ScottGu’ Blog
Silverlight Tutorial Part 4: Using Style Elements to Better Encapsulate Look and Feel
http://weblogs.asp.net/scottgu/pages/silverlight-tutorial-part-4-using-style-elements-to-better-encapsulate-look-and-feel.aspx
前回、Tutorial3ではいくつかフォローが足りないというか、
書いてないことがあって躓いてしまったわけですが。。。
今度は本当に罠が仕掛けられてました。。。
今回のTutorial4はコントロールに対するスタイルの指定方法ですね。
今まではコントロールのスタイルに関してはPage.xamlに直接書いていたわけですが
これをApp.xamlにApplication.Resourceとして書いておくことで
複数のコントロールに同一のスタイル指定を行う時に楽になる＆変更が容易
ってわけで重要な項目です。
Tutorialにはすべての項目に関してはApp.xaml内のスタイル指定方法は
記述していません。とりあえず、Tutorial3にて指定されているプロパティを
のきなみApp.xamlへ移動してみました。
動きませんでした。
エラーメッセージからするとプロパティに対するSetter指定がいけない？
AutoGeneratedColumnsかな？
コメントを元に調べていくと、どうやらリソース側でGridに対して
AutoGeneratedColumnsプロパティを指定するといけないらしいです。
Page.xaml内で指定する分には当たり前ですが問題ありませんでした。
とりあえず、AutoGeneratedColumnsに対するSetterをコメントアウトして
再度チャレンジしてみると、
意味不明なエラーが出た。
これはさすがにわからん。
そもそもAG_E_INVALID_ARGUMENTってなんだ。。
調べてみると、カスタムコントロールを使っているときに時々起るみたい。
細かいことまでは確認できてないけど、いくつか報告があった。
このTutorialに限っていってしまうと、GridのShowGridLinesプロパティを
使用した時に発生するようだ。
とりあえず、これはあっても無くても構わないのでコメントアウトした。
この状態でなんとか実行可能になる。
ただし、AutoGeneratedColumnsプロパティ設定を外しているので結果がGridに反映されない。
しょうがないから結局はPage.xamlに直接書くことにした。
これでようやく完成。
Tutorialの誤りや補足事項としては以下のもの。
１．いつの間にかWaterMarkedTextがただのTextBoxになっている
２．GridのAutoGeneratedColumnsプロパティはPage.xamlで設定する
３．GridのShowGridLinesプロパティはApp.xamlではだめ。
たぶんこれくらい。もしかするとほかにもあったかもしれない。
ネット上の話を見ていると、もしかすると頑張れば今回エラーだったプロパティも
App.xaml内で設定できるのかもしれない。
それにしてもまだベータ技術だからしょうがないんだが、
チュートリアルがそのままではだめだとは。。。。
なかなか敷居がきっついのぅ
日本のMicrosoftでWPFやSilverLight関連でいろいろな情報を出している
川西さんのブログが更新されていました。
川西 裕幸のブログ
新しいイテレーション型開発
http://blogs.msdn.com/hiroyuk/archive/2008/03/20/8326702.aspx
デザイナと開発者の役割分担。
実際、どこまでこの分担はちゃんとできているのだろうか。
かえるが務めている会社の開発現場にはデザイナという職種は存在しない。
みんな開発者状態になってしまっている。
デザイナがいるわけではないので、結局のところ開発者がコントロールとかも
決めたりなんだりの作業を行っているのが現状だ。
コントロールのデザインという意味においては、プロダクトの中である程度
統一されているべきなのであまり悩む必要はないのだが、
コントロールの配置だとか、色づかいだとか。
このあたりはどうしても弱くなってしまっているのを感じている。
自慢じゃないのだが、俺は絵心なんてものは持ち合わせてねぇーーーー！！
まぁ、川西さんが書いたホワイトペーパーにもある通り、
開発者としてXAMLが正しく理解できるように勉強しないといけないですね。
ちょっと川西さんの本、置いておきますね
ZDNetJapanのサイトにOracleのVMに関する記事が載っていました
Oracle VMの実力を試そう
http://builder.japan.zdnet.com/news/story/0,3800079086,20369653,00.htm
以前、時々参加させていただいていたOracleの無料セミナー
OracleTwirightでVMの話があって、行きたかったのですが気がついたのが遅く
すでに満席になってしまっていました。
OracleTwirightは夕方に行う無料セミナーなのでやっぱり人気なのはすぐに埋まってしまうなあぁ
Oracle Japan イベント・セミナー情報
http://www.oracle.co.jp/events/
で、早速読んでみたのですが。。。
うーむ。Oracleをアプリケーションサーバーとして使用している場合には
VMとしての使い道もあるのかもしれないけど、現在のところ私は
あくまでデータベースとしての用途でしか使っていない。
そうなると、基本的にはOracleユーザーを切り替えればいいだけの話
になりそうだなぁ～。
今回のOracleVMは、直接的にすぐに使用することはあまりないかもしれないけど
Xenのような仮想化技術はちょっと押さえておきたいところ。
VMWareやVirualPC、WindowsServer2008もVirtualization機能も含めて
これからはこういった仮想化技術。充実してきそう。
開発者としてはこれらの技術をうまく組み合わせて自分の作業を
快適にしていきたいですね！
SilverLight2のコントロールに関してちょっとネットを徘徊していたら
面白いページがあったので紹介
Silverlight 2 Control Skins
http://blogs.msdn.com/corrinab/archive/2008/03/11/silverlight-2-control-skins.aspx
コントロールに対してStyle指定を行うことで使えるようですね。
これはこれで面白いかも！
ver.1に比べるとようやくver.2になってコントロールの幅も増え、
少しずついわゆる「ストリーミング」以外の用途でも使える道が見えてきたようです。
ただ、いかにせんまだ少ない。
どのみち標準として用意されているコントロールはそのまま使うのは難しい場合が多いので
カスタマイズしていったりしないとつらいのかもしれないけど。
せめてツリービューくらいはほしいよね。
ま、物は試しってことでこのスキン、試してみようかな。
私は残念ながら絵心がないのでこういうものを作れる人は素直に”すごい！”って思う。
うーーん、うらやましいぞ
ScottさんのTutorial。週末は別のことを少しいじっていたのでTutorialは2までしか
やってなかったのですよ。
いよいよ、Web上のサービスとやり取りをするTutorial3やってみました。
Silverlight Tutorial Part 3: Using Networking to Retrieve Data and Populate a DataGrid
http://beta.weblogs.asp.net/scottgu/pages/silverlight-tutorial-part-3-using-networking-to-retrieve-data-and-populate-a-datagrid.aspx
いや～～～～～～～～～～～～～～～～～～～～～～
正直疲れた。
今更Tutorial通りになんかやらねぇー！って人もいるかもしれませんが、
同じ道を歩く人が少なくなるように。
まず、紹介されているコードでは期待された動きをしません。
というか、まずビルドが通りません。
まず、ソリューションにXml.Linqを追加します。もしかするとXmlも追加しないと？
こんな感じ
あとは
using System.Net;
using System.Xml;
using System.Xml.Linq;
をPage.xamlに追加。
DataGridにある「Data:DataGrid」の記述は「my:DataGrid」でも問題なく動作したけど、Tutorial通りにいくのであれば
xmlns:Data=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data”
をネームスペースの所に追加しなければいけない。
これで何とか動きました。
やったーーーー！！
なんか苦労した分感動
まぁ、何を隠そう一番手間取ったのは慣れないインテリセンス。
そしてそれによって追記されたカッコが邪魔でいつまでたっても
まともに動作しなかったことなんですが。。。。
だって今まで会社で使ってたのVisualStudio6なんだもん！
しょうがないじゃないかー！
ゴメンナサイ
うわ、明日起きれるかしら。。。。
ウジトモコさん著、視覚マーケティングのススメを読んだ
「デザイン」というものを考える上で、ただ単にデザイナーに”いいものお願い”って頼むのではなく、マーケティングをすることで、効果的なデザインが出来上がる。マーケティングをせずに作ったデザインはマーケット上での効果は期待できないという考え方だ。
言ってしまうと、当たり前の話なんだけど、その当たり前のことを細部にまでできているかというとなかなか難しいことだ。一般に、製品を企画する段階では間違いなくターゲットとなるユーザーを設定するだろう。そのターゲットは年代に寄るものかもしれないし業界・業態によるものなのかもしれない。必然的に製品のパッケージや広告・キャッチコピーに関してもそれを意識したものが考えられる。
また、企業のロゴになると自分たちが顧客・ユーザーに”どう思われたいか”を意識して考えられるだろう。
ただ、それが本当にできているのだろうか？製品やサービスの細部。個々のパーツにまで落とし込めているだろうか？
おそらく、パッケージや広告が表に出てきやすいもの。お菓子や化粧品に代表されるようなものに関してはこのいわゆる”視覚マーケティング”はできているのだろう。化粧品みたいなものは明らかに年代を意識して製品を作っている部分もあるので特に意識されているのではないかと思う。
ただ、ソフトウェアの分野はどうだろう。もちろん意識しているソフトウェアもあるだろうけど、明らかに”機能重視”でデザインに関してはおざなりに済ましてしまっている部分はある。特に基幹系のシステムに関してはその色は強いのではないだろうか。
もちろん、これらのソフトウェアに関しては機能は第1に重要視されるものだと思う。ただ、複数ある基幹システムの候補からどれが選ばれるか。ユーザーの立場で”どれを使いたいか”を考えてみるとその要素の一つにデザインがあってもおかしくないと思う。また、そういう意味で”ファン”を作った製品はエンドユーザーからは根強く支持されたりもする。つまり、デザインによるブランディングができているのだろう。
また、個人のブランド。パーソナルブランディングに関しても意識の差は大きいように感じられる。本書でもその具体例として名刺が取り上げられているところからもそれは感じられる。
最近、セミナーや勉強会に顔を出すようになって様々な方と名刺を交換する機会をいただいている。私は個人名刺を所有していないので会社のを使っているのだが、多くの人は個人名刺を持参している。自分自身をどう見られたいか。どういう人間だと印象付けたいのか。この名刺の目的は何か。考えられた名刺もあるしまずは作ってみたというものもある。私自身、個人名刺に関してはほしいと思っているので、どう思われたいのか？どう表現するのかは大きな課題の一つだ。まずはそこを見つけ出さないことにはデザインも始まらない。
私はソフト屋なのでどうしてもソフトウェアにあてはめて考えてしまうのだが…
ソフトウェアの分野。先にあげた基幹系システムに関して言うと確かにデザインはいい加減なものが多い気がする。いや、実は結構頑張っていたりもするソフトもあるのだろうけど、VBフォームの延長線をいまだにたどっているソフトも割りと残っていたりする。
シンプルな作りなのがいいという業界もあるだろうし、スタイリッシュな物が好まれる業界もあるだろう。ただ、私自身が最近必要と思っているのは、要するに”スタイル”的なデザインではなく”ナビゲーション”を意識したデザインというものだ。これのいい方法が思いつかない。そういう事が得意なデザイナーもいるんだろうけど…、業界やユーザー層に踏み込んでまで考えられる人は少ないように思う。あ、それは発注側の担当ですか。
以前ペルソナを用いる手法に関する本を読んだ
まだペルソナに関しては試行錯誤段階で効果は不明だけど、実際に作ってみたペルソナが本当にあっているのかというのはわからない話。結局ウジさんの本にあるようにユーザーへの聞き取りのようなことをしなければいけないのだろう。
試行錯誤。試行錯誤の日々は続く
これまでノートPCで管理していたiTunesを購入したiMacへ移動しています。
曲に関してはB’zを始め私がよく聴く曲がかなりの量取り込まれていて、それほど容量の大きくなかったノートのHDDを圧迫してしまっていたのも一つの理由です。
また、これまで取り込んでいたには取り込んでいたのですが、いくつかの曲で音が飛んでいたりして取り直したいと思っていました。
という訳で一日２～３枚くらいのペースで保持しているCDを徐々に取り込んでいます。
今回は、「そういえばこんなCD持っていたな～」って言うのを意識して取り込んでいるので、通勤中に聞く音楽がとても楽しい。懐かしさにあふれています。
大学時代によく聴いた曲
友人から勧められて買った曲
高校時代に聞いていた曲
ライブに行って聴いた曲
懐かしいです。
最新の曲はというとさっぱりわからないので一向にラインナップは増えていかないのですが、それでもずいぶんと楽しめるものです。
と、取り込んでいる最中に問題が。
大量の8cmシングルCDです。
これ、若い人はもしかしたら知らないかもしれない。でも、以前のシングルCDはほとんどこれだったんですよね。
多くのCDドライブはCDの真ん中を固定する方式をとっているのであまり気にしなくてもいいかもしれませんが、iMacのようにスロット式のCDドライブだとこのサイズのCDを読み込むことが出来ないんですよね。
ずいぶんと前に、8cmサイズに対応していないドライブへ読み込ませるためにアダプタを買ったには買ったのですが、使用頻度の少なさから捨ててしまったんだよなぁ。まさかこんなところで必要になるとは・・・
Amazonで見るとだいたい５００円くらい。うーんどうしようかな。
もう一度アダプタが無いか探してみようかな～
うーん、思わぬ落とし穴だ
ふと思うところがあって手に取ってみた
WEBアプリケーションそのものの開発には関わっているものの、自分自身がそのすべてを作っているわけでもないし、そもそも対象としているシステムが「基本的に社内で運用」という前提が付いているので、少し弱い分野。
これまでもセキュリティ系の書籍は読んだことはあって、脆弱性のいくつかは確かに知っている。
ただ、項目を知っているのとそれの対応が正しく取れる。また、”ぜい弱性を指摘できる”と言うのはイコールにならない。
たぶん、どれだけ経験したのか？と言うことが、やはり一番なのではないか。
単純に目次だけを見るのであれば、先日第5版が発表されたIPAの「安全なWEBサイトの作り方」で十分に範囲を抑えていると言える
安全なWEBサイトの作り方 （IPA）
http://www.ipa.go.jp/security/vuln/documents/website_security.pdf安全なSQLの呼び出し方 （IPA）
http://www.ipa.go.jp/security/vuln/documents/website_security_sql.pdf
・・・・
なんか、目次にてるな・・・。
と言うか、よくよく見てみるとSQLインジェクションの例題なんて全く同じだし
って、こっちの作成にも徳丸さん絡んでるじゃん(笑)
そりゃ似たようになるよね。
当初、本書を手に取ったのは純粋に”セキュリティ対策”的な意図だった。
そういう意味で、本書ではVM環境を用意して実際にぜい弱性を体験できると言う素晴らしい教材だと思う。
ただ、一通り読んでみて思ったのは、タイトル通り「WEBアプリケーションの作り方」何だな、ってこと。
純粋なコーディングに限らずWEBアプリケーションに関わる周辺技術を含んで説明されている。
もちろん、これを読んだからと言ってWEBアプリケーションが作れるか？と言うとまず作ることはできない。
ただ、網羅的に周辺技術に対して”セキュリティを意識して”学ぶことができると言うのはいいなと思った。
先に書いたとおりぜい弱性との戦いは経験もある程度あると思う。
今ある技術の裏をどうすればつくことができるのか？と言うのは繰り返し行われてきたことだし、昨今の新技術目白押しの状況下においてはそれぞれの対策が必要になるだろう。
どこまで柔軟に考えることができ、幾重にも予防線を張っておくことができるか。
セキュリティを意識するうえで、まず最初に読む本としてちょうどよさそうだ。