高橋 忍のブログ

UX & モバイル、全ては心でエバンジェリズム♪

Browse by Tags

Tagged Content List
  • Blog Post: Windows Store App logo Maker version 1.5

    #wpdev_jp #win8dev_jp Version v1.5 です。 メインスクリーンがウィンドウサイズに合わせて変わらなかったのを修正 スペイン語に対応しました。これに合わせて一部のUIの配置を変更しています。 スペイン語の状態です。   ダウンロード等はこちらから: http://bit.ly/storelogomaker
  • Blog Post: Windows Store App Logo Maker v1.4

    #wpdev_jp #win8dev_jp バージョンアップしました。主な機能は3つ。 保存オプション、透明色の対応強化、Windows Phone 8 モードの搭載。 右上の保存オプションでオプション設定が表示されます。140%、180%の保存の可否や各サイズのアイコンの保存の可否を設定できます。 また、Windows Phone 8 用のアイコンを作りたいときは、タイトル脇のアイコンをタップします。メッセージが出た後モードが切り替わります。 Windows Phone 8 モードでは FlipCycleTile アイコンと、ApplicationIcon...
  • Blog Post: 埋め込みフォントをどう扱うべきか?

    #wpdev_jp #win8dev_jp ほかでいい記事が上がっていたので、いい機会なのでまとめてみました。 個人的には埋め込みフォントを扱う時の原則はこれ。 コンテンツではなくリソースとして組み込む。 →これは、アプリが大きくなって起動が遅くなるというデメリットもあるんですが... 開発者はフォントの名前を調べたりはしない アプリ内でコントロールに個別にフォントファイル名指定をしない(リソース化) アプリ全体でフォントは管理する フォントを設定するのに、コードで書かない&XAMLも手入力しない 今回はサンプルに ふい字 を使わせていただきました。 フォントをプロジェクトに追加する まぁ、Windows...
  • Blog Post: WriteableBitmap をクリアするには?

    #wpdev_jp 初中級心者問題というかネタ WriteableBitmap には Pixel データが int Array の Pixels プロパティに格納されています。では、 このデータをクリアするにはどの方法がいいでしょう? bmp = new WriteableBitmap(2560, 2560);   さて、 パターン1 :こちらを30回繰り返してみたところ、2.1秒かかりました。 for (int i = 0; i < bmp.Pixels.Length; i++)     bmp.Pixels[i] = 0;   そして...
  • Blog Post: WinRT Sleep

    #win8dev_jp #wpdev_jp こんな感じ?(Windows 8 / Windows Phone 8 共通です。) /// <summary> /// 一定時間待ちます /// </summary> /// <param name="ms">待ち時間 (ミリ秒)</param> private async void Sleep( int ms) {     await System.Threading.Tasks. Task .Delay( TimeSpan .FromMilliseconds...
  • Blog Post: Windows Phone UI デザインシート

    #wpdev_jp #wpjp Windwos 8 用の UIデザインシート を作ったので、当然 Windows Phone 用も作ってみます。15:8 つまり WVGA もしくは WXGA ベースです。 追加 タイル画面を入れてみました。何に使うんだろう? こちらは、アプリ開発用のデザインレイアウト。 今回もPower Point のファイルになっていて、レイアウトの選択でいくつかのパターンが選べます。 ひとまず用意してあるのが、以下の5つです。通常のものは、ContentPanel や Title パネルのガイドライン付、ガイドライン無し...
  • Blog Post: エイッ子.xaml

    #wpdev_jp #win8dev_jp Windows 8 や Windows Phone で利用可能な エイッ子の XAML ソースです。 元画像の詳細はこちら アプリ開発用キャラ素材 エイッ子1 < Viewbox x:Name ="ei1" Margin ="723,151,467,361" > < Grid Height ="255.188003540039" Width ="176.052001953125" > < Path x:Name ="body" Data ="M772.5,166.5 C796...
  • Blog Post: Lumia スペック比較

    #wpdev_jp #wpjp 720、520 の登場により Lumia の機種は(亜種を除いて)この5種類となります。ま、あくまで個人的なメモってことでw 自分に最適な一台はどれか、ご参考までに。 追記 区分を見ると 720や820がハイエンドとして設計されていたり、ローエンドとして設計されているポイントがわかりますね。   概要 Lumia 520 Lumia 620 Lumia 720 Lumia 820 Lumia 920 Device Good ポイント 激安価格 薄型軽量 だが4インチ 低価格 最小ボディ 薄型 大画面 無線充電 高品質カメラ バッテリー大 Gorilla...
  • Blog Post: 画像の後ろに同じ画像が背景として見える感じの画像を表示する UserControl

    #wpdev_jp #Win8dev_jp タイトルではわけわからないですね。こういう感じの画像を作ってくれる UserControl です。 こんなものが必要か? 。。。画像を配置した時どうも殺風景だったり、さびしいとき。このコントロールを配置して画像を表示すれば、ちょっといい感じに。それほど大きくない画像もいい感じに見えます。こんな感じとか。   中身の解説 って、構造は見たままです。 背景はGridで画像の表示と、メインの画像のレイアウト管理をになってます。 Rectangle の不透明度で暗さの調整 をしています。 ドロップシャドウは今回はパスRectagle と Path オブジェクトで作り...
  • Blog Post: Windows Phone と Windows 8 の UI

    #wpdev_jp #win8dev_jp 両方やってみるといろいろ見えてくることがある。ま、結論から言えば Windows Phone のほうが圧倒的にやらなければいけないことは少ない。が、楽かどうかやりやすいかどうかは本人次第だと思う。 Windows Phone 縦固定、横固定、縦横対応を 開発者が決められる 解像度や縦横比の違いで3種類あるが、開発者はほぼ意識しないでいい 画面遷移の横スクロール、データ表示の縦スクロールとパターンが決まる あまりものを置けない デバイスごとのパフォーマンスの差が少ない Windowws 8 縦、横、スナップ、すべてに対応しなければならない 様々な解像度...
  • Blog Post: CheckBoxStyle の修正:スタイルを作ったら辞書に登録♪

    #wpdev_jp #win8dev_jp さて、前回の作ったCheckBox Style をちょっと修正。こういったオリジナルの部品は単体のファイルとして保存しておくといいですね。 リソースはまとめて再利用 リソースは ResourceDictionary ファイルとして保存しておくと便利なのでお勧めです。今回のリソースも ResourceDictionary にまとめてみました。この ResourceDictionary は Windows 8 / Windows Phone 8 のいずれにも利用可能です。 使い方 まずは、プロジェクトを作ります。そして...
  • Blog Post: CheckboxStyle Sample

    #wpdev_jp #win8dev_jp ページのリソースに張り付けて、チェックボックスを配置して、プロパティの「寄せ集め」のしたのStyleでローカルリソースの FunnyCheckBoxStyle を選択するだけ。Windows Phone 8 でも Windows 8でも使えます。XAMLのスタイルやテンプレートは結構使いまわせるので、便利です。Windows Phone 7.5 だとちょっとAPIが足りなくて互換性が落ちることもあるんだけどね。 Uncheck / Check / Disable の3つのステートを持っています。解説等はいつかできたら。 ...すいません、こんなのばかりで...
  • Blog Post: XAML で簡単心地よいアニメーション その2

    #wpdev_jp #win8dev_jp 初音さんのエントリー を見て、初めのCSSのネタを見たときに「 イージング使えば簡単そうだ 」と思ってたので、ちょっとやってみました。 その1の記事はこちら → XAML で簡単心地よいアニメーション その1 さぁ Blend を起動してみましょう。 まずはふきだしを作ります。 小さい丸を2つ描いてかさねます。そして2つを選択。その際には 削る方(左上)残る方(右下)の順でShiftキーを押しながら選択する こと。そして、オブジェクトメニューから結合>減算で 続けて大きな丸を書いて重ねます。同じように2つの図形を選択して、オブジェクト>結合>合算でまとめます...
  • Blog Post: XAML で簡単心地よいアニメーション その1

    #wpdev_jp #win8dev_jp 初音さんのエントリー を見て、初めのCSSのネタを見たときに「 イージング使えば簡単そうだ 」と思ってたので、ちょっとやってみました。 その2の記事はこちら → XAML で簡単心地よいアニメーション その2 さぁ Blend を起動してみましょう。 まずは丸を作ります。そう、エクセレント! さぁアニメーションを作りましょう。オブジェクトとタイムライン下の右端の+を押してストーリーボードを作成します。 名前は適当に。でもちゃんと作る時はちゃんと名前をつけましょう。 初めにタイムライン(黄色い線)を0.5秒まで動かして、そこでキーフレームを打ち込みます...
  • Blog Post: WP8 エミュレーターの設定を保存しておく方法

    #wpdev_jp #wpjp Windows Phone のエミュレーターは日本語バージョンがありますが、設定を保存することができません。そのため毎回新しいエミュレーターの状態になってしまいます。 もしエミュレーターの設定を保存できればいろいろと便利です。たとえばキーボードは日本語版QWETYキーボードがありますが、できればURLなどを打つために英語キーボードを設定した状態で保存したいとか。メール設定も済ませた状態で保存しておけばデバッグがだいぶ楽になります。 Windows Phone 7.x のエミュレーターではできませんが、Windows Phone 8のエミュレーターは Hyper-Vが動作しているので以下の方法でエミュレーターの設定を保存できます...
  • Blog Post: Windows Phone API QuickStart 枠取り版

    #wpdev_jp #wpjp Windows Phone API QuickStart のポスター PDF が公開されています。 こちらはトンボやカラーパターンなどが入ったバージョンなのでそのまま印刷すると余白がもったいないかな?と思って周りをカットしたバージョンを作ってみた。とりあえずこそっと公開。
  • Blog Post: 7.1 アプリと 8.0 アプリを 8.0 高解像度デバイスで表示したときの画面サイズの挙動

    #wpdev_jp #wpjp まだ確認中ですが、ひとまず。 Windows Phone 7.1 のアプリケーションを8.0のデバイス上で動かした場合、物理解像度に合わせて拡大処理が入ります。Lumia 920 ならば横幅に合わせて1.6倍に、8XやAtiv Sなら1.5倍に拡大されます。ただし、8XやAtiv Sは縦横日が若干異なるため、結果として縦方向に物理解像度で80ドット分(論理解像度であれば 53ドット分)余白ができてしまいます。 この余白は、テーマ設定で白背景にしてあっても必ず黒になるようです。また、時計などの情報はこの余白部分に表示されます。 一方 Windows Phone 8...
  • Blog Post: Windows Phone 7.8/8 のタイルを私流で攻略する

    #wpjp そんなたいそうな話ではありません。w 新しい Windows Phone 7.8 や8 のタイルではこれまでのタイルの 1/4 サイズの Small タイルが利用できます。さらにカレンダーやPictureでしか使えなかった ワイド幅の Large タイルも様々なアプリケーションで使えるようになり、対応アプリケーションがあればダウンロードしてきたアプリでも利用できます。 ではどうデザインしたらいいか? ご自由にどうぞ。 でも、変な風にするとらくらくフォンとか言われそうなので、 何となく私なりのまとめ方。 アプリのタイルサイズがどれがいい? Small タイルはライブタイルがないけど、おいておきたいアプリケーションに使うといいでしょう...
  • Blog Post: Bing Map コントロールのエラーメッセージが英語で審査に落ちる件

    #wpdev_jp #wpjp Bing Map コントロールを使った場合、エラーメッセージが英語で表示されてしまう問題があります。これで審査に落ちてしまうので問題。 対応方法を開設されているサイトをご紹介 そこで、コントロールをオーバーライドして、英語メッセージを日本語に変える方法がこちらのサイトで紹介されています。 銀の光と碧い空 Bing Maps for Windows Phone 7 でエラーメッセージがローカライズされない問題と暫定回避策 見事な対応方法です。ありがとうございます。( ちなみに Bing Map SDK ではなく、どちらかというと Bing Map コントロールですね...
  • Blog Post: Nokia Lumia 620

    #wpjp #wpdev_jp たまにはデバイスの話も。 Nokia Lumia 620 です。820同様のローエンドモデルながらきちんとギリギリのスペックを保っているので結構お勧めできるデバイス。なんといっても低価格とコンパクトなボディが魅力です。 Lumia 620 のポジション ちなみに、Nokia のローエンドモデルといえば 820でしたが、更にローエンドということで スペック的に820と何が違うのかというと、こんな感じ。ちなみに()内は820のスペックです。クロックとRAMサイズが7.5のスタンダートと同じ。LTE非対応ってところですね。 大きさ 115.4 x 61.1 x 11 mm...
  • Blog Post: Windows Phone 7.8 向け Windows Phone SDK 更新プログラム

    #wpdev_jp #wpjp 昨日、Windows Phone SDK の更新プログラムがリリースされました。今回の更新は Windows Phone 7.8 への対応です。 http://www.microsoft.com/ja-jp/download/details.aspx?id=36474 Windows Phone 7.8 SDK更新プログラム 今回は、SDK ではなく、 SDK の更新プログラムです。そのため、7.1ないし8.0のSDKがインストールされている必要があります。ただし、7.1.1 の更新プログラムの内容も含まれているため、7.1 から直接更新することもできます。 対象となる...
  • Blog Post: Windows Phone 8 アプリ開発セミナー 再び

    #wpdev_jp #wpjp お待たせしました。前回あっという間に満席になってしまいました、Windows Phone 8 アプリ開発セミナーを 2月18日 にマイクロソフト品川オフィスにて開催します。 セミナーもそうでしたが、懇親会での デバイス Touch & Try と Q&A は一番盛り上がっていましたね。やはり直接お話しできるのは楽しいです。(直接でしか言えないこともたくさんありますし)民さんのご参加をお待ちしております。ぜひ振るってご参加下さい。 基本的には先日米国マイクロソフト本社にて行われた Build をまとめた形になると思いますが、こんな感じです。 Windows...
  • Blog Post: WPSDK8.0 インストール時のネットワーク

    #wpdev_jp Windows Phone SDK 8.0 ではエミュレーターの動作のために Hyper-Vを使った仮想環境を利用しています。 このエミュレーターでのネットワークを実現するために、開発環境上のネットワーク環境を変更しています。ただ、この際にうまくいかないと、開発環境でのデータ通信がうまくいかなくなってしまうこともあるようです。 実際に私の開発環境のネットワークはこのようになっています。 物理PCとインターネットの接続 ネットワークと共有センターを見ると、一番左にあるように外部につながっているネットワークは物理アダプタではなく、仮想ネットワークアダプタとなっていることがわかります...
  • Blog Post: 8S と Ativ S の絶対失敗しない保護シート貼り

    #wpjp たまには変な話も。 国内の保護シートで何とかする さて、8S と Ativ S ですが、保護シートがありません。何となく気になるので国内で調達してみました。 今回購入したのはこちら。 Windows Phone 8S by HTC 用:RAY-OUT au ISW13HT htc J 用 気泡軽減高光沢防指紋保護フィルム Samsung Ativ S 用:RAY-OUT docomo SC-06D GALAXY SⅢ 用 高光沢防指紋保護フィルム 別に他意はないのですが、フィルムが薄かったのと形状が真四角(液晶面だけを保護するタイム)なのでこれになりました。最近の保護シートはガラス面前面に貼るタイプが多く...
  • Blog Post: Windows Phone 8S by HTC

    #wpjp dual Core ですが、1GHz。ストレージは4GB、NFC無しですが、安くてコンパクトな8Sです。SIMは本体下の場所をスライドさせて格納できます。使いやすい。 兄貴分の8Xとの比較。比較すると液晶の違いが出ますが、単体では十分きれいで見やすい。厚みは若干8Sのほうが厚いですが、角のRと幅が若干狭いのでむしろ持ちやすくなっています。形状はどちらも似ていますね。   ひとまずインストールしたアプリは、約15、ゲームが3つですね。+メールアカウントは3つ、更に音楽をアルバム20枚分入れています。まだ入れてないアプリがたくさんありますがひとまず。 タイルはこんな状態です。...
Page 1 of 2 (46 items) 12