SQLの窓

2012年04月17日


Win8 Metro で画面の表示変更は、画面部分(?)オブジェクトの入れ替えを自分で行います

デベロッパーの時のサンプルと、コンシューマーの時のサンプルとでは若干仕様変更
があったような気がしますが、それでも画面変更は基本的にこんな感じで行うようです。
( そういえば、MessageDialog のスタイル(色)が変わっていました )

今日調べたサンプルは、以下のような画面でゲームそのものは単純ですが表示ページ
がたくさんありました。



メインページ(default.html)画面入れ替え用の DIV が一つあるだけで、画面は他の HTML
より動的に作成されます。
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Game</title>

    <!-- WinJS references -->
    <link rel="stylesheet" href="//Microsoft.WinJS.0.6/css/ui-dark.css" />
    <script src="//Microsoft.WinJS.0.6/js/base.js"></script>
    <script src="//Microsoft.WinJS.0.6/js/ui.js"></script>

    <!-- App references -->
    <link rel="stylesheet" href="/css/default.css" />
    <script src="/js/assetManager.js"></script>
    <script src="/js/movingAverage.js"></script>
    <script src="/js/frameTimer.js"></script>
    <script src="/js/touchPanel.js"></script>
    <script src="/js/scores.js"></script>
    <script src="/js/gameState.js"></script>
    <script src="/js/game.js"></script>
    <script src="/js/navigator.js"></script>
    <script src="/js/default.js"></script>
    <script src="/js/homePage.js"></script>
    <script src="/js/creditsPage.js"></script>
    <script src="/js/rulesPage.js"></script>
    <script src="/js/gamePage.js"></script>
    <script src="/js/scoresPage.js"></script>
</head>
<body>
    <!-- Fragment host -->
    <div id="contentHost" data-win-control="GameManager.PageControlNavigator" data-win-options="{home: '/html/homePage.html'}"></div>

    <!-- App bar -->
    <div id="appbar" data-win-control="WinJS.UI.AppBar" aria-label="Command Bar" data-win-options="{
        commands:[
            {id:'home', label:'Menu', icon:'&#xE10F;', section: 'global', onclick: GameManager.navigateHome},
            {id:'play', label:'Game', icon:'&#xE102;', section: 'global', onclick: GameManager.navigateGame},
            {id:'rules', label:'Rules', icon:'&#xE104;', section: 'global', onclick: GameManager.navigateRules},
            {id:'scores', label:'Scores', icon:'&#xE113;', section: 'global', onclick: GameManager.navigateScores},
            {id:'credits', label:'Credits', icon:'&#xE10C;', section: 'global', onclick: GameManager.navigateCredits},
            {id:'newgame', label:'New', icon:'&#xE10E;', section: 'selection', onclick: GameManager.game.newGame},
            {id:'pause', label:'Pause', icon:'&#xE103;', section: 'selection', onclick: GameManager.game.togglePause}
        ]}"></div>
</body>
</html>

パっと見は、contentHost に勝手にページがロードされるように読めるのですが、すべて
カスタムの作業となっており、その時に利用されるのが、WinJS.Navigation Namespace と
いう名前空間です。

ここに navigate と言う function が存在するのですが、それを実行したからといって
何かが起こるのでは無く、navigated というイベントが発生するだけで、そこで実際の
実装を行うようですが、他にもこの作業を行うのにいろいろガイドラインが存在するよ
うです。

これは、無理に読み解かずに『ありもの』を利用するのが良いと思われます



posted by lightbox at 2012-04-17 23:19 | Windows8 Metro(JS/C#) | このブログの読者になる | 更新情報をチェックする

2012年04月14日


Google+ のプロファイルの『バッジ』を取得してウェブサイトやブログに貼りつける

バッジを作成すると、ウェブサイトの訪問ユーザーはサイトを離れることなくバッジから直接
Google+ のサークルにあなたを追加できます。ユーザーとの交流を深めましょう。


まず、プロフィールを表示して、アドレスバーの『自分の番号』を取得します。



そのあと、バッジを取得するページへ行って、その番号を貼りつけます



ページの一番下にコードが表示されるのでウェブサイトまたはブログに貼りつけます

▼ 貼りつけてみました
Google+ ページでも同様にして取得できます





posted by lightbox at 2012-04-14 10:50 | Google | このブログの読者になる | 更新情報をチェックする

GIMP Portable 2.6.11 Rev 3 のバグに伴う、旧バージョン(2.6.8)のインストールと、インストール時の注意事項

Windows7 で使おうと思ったら結局 2.6.8 を使う事になりました

2.6.12 も 2.7(ベータ)もメニューが反転しない



Windows7 では『クラシック』を使っているのでこうなってしまいました。エアロを利用している場合は問題は出ないはずです。しかし、クラシックを含む『ベーシック』ではこのようになるものもあるのでこれも GIMP Portable のバグです。

対応としては、Windows 側で選択色を変更します







しかし、GIMP のためだけに Windows の見え方をすべて変更する事になるので、2.6.8 を使えばいいとは思います。


WindowsXP でのバグのお話

ずっと、2.6.6 を使っていて、ある操作手順を書こうと思って最新版を入れると、クリップボードから貼り付けた時に画像がずれるという現象が発生しました。



この状態で、Windows のペイントで貼り付けると正しく貼りつきます。こんなバグだとどこかで説明されているかと思いましたが、見つける事ができず、仕方無いので旧バージョンをインストールしようと思い、そのリンクを探したのですがうまく見つける事ができなかったので、最新版のダウンロード URL から親ディレクトリに移動して、そこからたどってみつけました。

PortableApps.com: Portable Software/USB - Browse /GIMP Portable at SourceForge.net



どれがいいか全部試せばいいのですが、日付からして安定しているのは 2.6.8 である可能性が高かったのでそれを使いましたが、気になる人は試してみて下さい。ポータブルは、インストールしてもフォルダができるだけで、削除すればすぐなくなります。

そこで注意事項ですが。

★ 日本語を含むフォルダに入れない。
★ 空白を含むフォルダに入れない

というのは基本条件ですが、あとあとスクリプトの追加等などをする場合、他のフォルダ内に入れてしまうと階層が深くなりすぎますし、権限の問題も出る可能性があるのでC ドライブのルートに入れるのが良い方法です。( 削除もすぐ選択できます )

ただ、この状態のままだとフォルダが無いと言われるので、C: を付加します。





どうしても、2.6.11 の機能が必要な場合( 具体的な事は解りませんが )は、ポータブルでは無い GIMP for Windows を使う必要があります



タグ:トラブル
posted by lightbox at 2012-04-14 10:22 | GIMP | このブログの読者になる | 更新情報をチェックする

2012年04月10日


SQLExpress2005 で副問い合わせを含む VIEW が異常終了しました

結論として、SQLExpress 2008 で正しく動作するようになりました。

元々 SQLServer7 からの移行なので、経験のある SQLExpress2005 を Windows Server 2008 に
インストールしたのですが、VIEW が正しく実行されずに原因も不明でした。対症療法としては、
select 構文では正しく実行されるので from に副問い合わせとして元の select 構文を指定
する事でなんとかなるとは思いますが、SQLExpress 2008 にアップグレードする事が根本的な
解決方法のようです。

アップグレードは特に何の問題も無く実施され、別名もそのまま移行されて使用可能な状態です。

構成マネージャ

SQLExpress2005 では、C:\Windows\System32\mmc.exe /32 "C:\Windows\system32\SQLServerManager.msc"
となっていましたが、C:\Windows\System32\mmc.exe /32 "C:\Windows\system32\SQLServerManager10.msc"
とすると新しい構成マネージャが起動可能です



関連する記事

SQLExpress2005設定


タグ:トラブル
posted by lightbox at 2012-04-10 16:43 | SQLExpress | このブログの読者になる | 更新情報をチェックする
Seesaa の各ページの表示について
Seesaa の 記事がたまに全く表示されない場合があります。その場合は、設定> 詳細設定> ブログ設定 で 最新の情報に更新の『実行ボタン』で記事やアーカイブが最新にビルドされます。

Seesaa のページで、アーカイブとタグページは要注意です。タグページはコンテンツが全く無い状態になりますし、アーカイブページも歯抜けページはコンテンツが存在しないのにページが表示されてしまいます。

また、カテゴリページもそういう意味では完全ではありません。『カテゴリID-番号』というフォーマットで表示されるページですが、実際存在するより大きな番号でも表示されてしまいます。

※ インデックスページのみ、実際の記事数を超えたページを指定しても最後のページが表示されるようです

対処としては、このようなヘルプ的な情報を固定でページの最後に表示するようにするといいでしょう。具体的には、メインの記事コンテンツの下に『自由形式』を追加し、アーカイブとカテゴリページでのみ表示するように設定し、コンテンツを用意するといいと思います。


※ エキスパートモードで表示しています

アーカイブとカテゴリページはこのように簡単に設定できますが、タグページは HTML 設定を直接変更して、以下の『タグページでのみ表示される内容』の記述方法で設定する必要があります

<% if:page_name eq 'archive' -%>
アーカイブページでのみ表示される内容
<% /if %>

<% if:page_name eq 'category' -%>
カテゴリページでのみ表示される内容
<% /if %>

<% if:page_name eq 'tag' -%>
タグページでのみ表示される内容
<% /if %>
この記述は、以下の場所で使用します
container 終わり



フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

CSS ドロップシャドウの参考デモ
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり