ひだまりソケットは壊れない

ソフトウェア開発に関する話を書きます。 最近は主に Android アプリ、Windows アプリ (UWP アプリ)、Java 関係です。

まじめなことを書くつもりでやっています。 適当なことは 「一角獣は夜に啼く」 に書いています。

Windows ストアアプリ

TypeScript + Less + HTML で UWP アプリを開発するプロジェクトのテンプレート

この記事は、「Windows & Microsoft技術 基礎 Advent Calendar 2015」 の 22 日目の記事です。 昨日は wgag さんによる 「rise4fun の検証ツールで遊ぼう」 でした。さてさて、今年 7 月末に Windows 10 がリリースされて、先月末には Windows 10 mobile 端…

Windows Runtime Support Lib for JavaScript version 0.1.0 をリリースしました

Windows Runtime Support Lib for JavaScript (WinRSJS) の最初のバージョンである version 0.1.0 をリリースしました。 nobuoka/WindowsRuntimeSupportLibForJS · GitHub どんなライブラリか Windows ストアアプリ、および Windows Phone アプリを JS で開…

WinJS 4.0 では HTML コントロールにスタイルを当てるためにクラスを明示的に指定する必要がある

WinJS 4.0 がリリースされましたね!! めでたい! WinJS 4.0 Released 2015 年 6 月 14 日時点では、Try WinJS のダウンロードページのリンク先がバージョン 4.0.0 になっていますが、最新バージョンは 4.0.1 です。 (Windows Phone 10 におけるバグの修正…

Windows Runtime の IMap<K, V> インターフェイスを実装したオブジェクトを JS で使用する (ワークアラウンド)

Windows Runtime の API を JS から使用する際に問題となることの一つとして、JS ではインターフェイスを扱うことができない、というものがあります。 Windows Runtime の API には、引数として IIterable<IKeyValuePair<string, string>> オブジェクトや IMap<string, string> オブジェクトを取るものがあ</string,></ikeyvaluepair<string,>…

ストアアプリのターゲットを Windows 8 から 8.1 に変更する際は Flexbox レイアウトの CSS の変更に注意

前置き : ストアアプリにおける可変ボックス (Flexbox) レイアウト Windows ストアアプリを HTML + JS で構築する際のレイアウトの選択肢は以下のページにいろいろと挙げられています。 レイアウトの選択 (HTML) - Windows app development そのうちの一つに…

WebAuthenticationBroker を使用して OAuth による認可処理を Windows ストアアプリ内に組み込む

Windows ストアアプリ開発の話です。 Windows 8.1 および Windows Phone 8.1 を対象とした内容です。 (8.0 以前あるいは 10 以降については触れません。)「Authentication and User Identity (HTML)」 に書かれているように、Windows ストアアプリ内にユーザ…

Windows ストアアプリの JS で文字列をエンコードするために Windows Runtime コンポーネントを作成する

前置き: JS での Windows ストアアプリ開発時に C# の機能を使いたい Windows ストアアプリを JS + HTML で開発する場合、たまに JS の非力さに困ることがあります。 例えば、文字列を UTF-8 でエンコードしてバイト列を得たいという場合。 JS だけでエンコ…

Windows 8.1 なら HTML + JS で書かれたストアアプリでも WebView が使用できる

Windows 8 向けの Windows ストアアプリの中に web ページを表示する必要があるとき、XAML と C# や C++ などを使って開発する場合は WebView を使用することができました。 しかし、HTML + JS で開発する場合は、WebView の代わりに iframe を使うしかあり…

Windows ストアアプリ 「MeteorLine」 0.3.0 をリリースしました

2013 年 2 月 21 日に、MeteorLine 0.3.0 (Windows ストアアプリ) をリリースしました。 下記ページからダウンロードできます。 Windows ストア の Windows 用 MeteorLine アプリ 変更点 Twitter の Mentions タイムラインをタイムライン一覧に追加できるよ…

Windows ストアアプリ “MeteorLine” 0.2.0.0 のソースコードを公開しました (アプリの多言語対応などの話)

MeteorLine (Windows ストアアプリ) のバージョン 0.3.0.0 のリリースをしたので、0.1.0.2 のソースコード公開 に引き続き、1 個前のバージョンである 0.2.0.0 のソースコードも GitHub で公開しました。 MeteorLine のリポジトリ : nobuoka/win-store-Meteo…

Kyoto.js #4 で 『Windows ストアアプリのつくりかた (JS + HTML + CSS)』 という発表をしました #kyotojs

2013 年 1 月 24 日に開催された JavaScript の勉強会 Kyoto.js #4 で Windows ストアアプリの開発に関して発表を行いました。 発表内容概要 Windows ストアアプリ開発環境について Windows ストアアプリを JS で開発する際に用いる WinJS などの雰囲気 最近…

Windows ストアアプリ “MeteorLine” 0.1.0 のソースコードを公開しました

2012 年の年末にリリースした MeteorLine (Windows ストアアプリ) の最初のバージョン *1 のソースコードを GitHub で公開しました。 使用言語は JavaScript (HTML, CSS) です。 公開したリポジトリ : nobuoka/win-store-MeteorLine · GitHub ちなみにオープ…

Windows ストアアプリから URI を指定して外部アプリ (ブラウザなど) を開く方法

ぐぐって見つけるのに結構苦労したのでリンクを張るだけ張っておく。 URI に応じて既定のアプリを起動する方法 (JavaScript と HTML を使った Windows ストア アプリ) (Windows) 「既定のアプリ windows store app」 とか 「外部アプリケーション 開く windo…

Windows ストアに Web サービスのクライアントアプリを申請するときに気を付けないといけないこと (審査でひっかかりそうな箇所)

Home timeline の閲覧とツイートの投稿のみ可能な簡単な Twitter クライアント *1 を Windows ストアアプリとして作って、今週ストアに申請しました。 火曜日の早朝に申請したところ、12 時間後ぐらいにはリジェクトの返答が来て、「リジェクトだから速かっ…

8nights 大阪セッションで Windows ストアアプリ開発について話しました

去る 2012 年 12 月 6 日、Windows ストアアプリに興味のある web 開発者やアプリ開発者向けのイベント 8nights が開催されました。 このイベントで、はてなブックマークのディレクターの長山さん、デザイナーの川上さんと共に 「はてなが語る “はてなブック…

Windows ストアアプリ開発において UI 部品をページコントロールで実装する

Windows ストアアプリを JavaScript で開発する話です。 アプリを複数のページで構成する場合、基本的にはベースを単一の HTML ページにして、その上に次々とページコントロールを読み込むことでページ遷移を実現します。 参考 (過去に書いた記事) : Windows…

WinJS.UI.ListView の項目に何番目の要素であるかを表示する

WinJS.UI.ListView に表示する項目に、その項目のインデックスやグループ内の項目数を表示する方法として WinJS.Binding.Template.prototype に手を加えるという記事を見かけました。 WinJS.Binding.Template.prototypeの拡張 - taediumの日記 この方法より…

WinJS.UI.ListView の基本的な使い方 (項目の大きさの指定方法と要素の生成方法)

Windows ストアアプリを JavaScript で開発する際の話です。Windows 8 の特徴の一つでもあるタイルを並べたような表示を行うための WinJS コントロールとして WinJS.UI.ListView があります。 理解してしまうと特に難しいところはないのですが、プロジェクト…

JavaScript 向け IntelliSense でアンダースコア (_) で始まるプロパティ名を候補として表示する

Visual Studio 2012 で JavaScript を書くとき (Windows ストアアプリの開発とか) の話です。昨日書いた ように、Visual Studio には IntelliSense とよばれる入力支援機構があり、JavaScript を書く時にもプロパティ名の補完などをしてくれます。 Visual St…

WinJS.Promise のような非同期コールバックに IntelliSense を提供する方法

Windows ストアアプリを JavaScript で開発する際の、Visual Studio における入力支援機構 (IntelliSense) の話です。 IntelliSense と XML ドキュメントコメントについて Visual Studio には、IntelliSense とよばれる入力支援機能が搭載されています。 Jav…

IE10 における placeholder 属性をもつ textarea 要素、または value 属性のない type="checkbox" の input 要素の clone に関するはまりどころ

Windows ストアアプリで form 要素を含んだ Page コントロール を読み込もうとしたときに、期待しないレンダリング結果になった箇所があったのでちょっと調べてみた。 ちなみに期待しない結果になったのは以下の箇所。 textarea 要素 の placeholder 属性に…

WinJS.Promise による非同期処理をループさせる関数 (Windows ストアアプリ)

JavaScript で非同期処理を chainable に書くためのライブラリとして、JSDeferred や jQuery.Deferred があります。 Windows ストアアプリ (旧称 Metro スタイルアプリ) における JavaScript 用ライブラリである WinJS では、同様のものが WinJS.Promise と…

Windows ストアアプリ開発時にシミュレータを起動したままローカルマシンへのデプロイをしようとするとエラーが発生する

Visual Studio 2012 を使用して Windows ストアアプリを開発しているときに、シミュレータを起動したままローカルマシンにデプロイしようとするとエラーが発生することがあった。 厳密な発生条件は不明。 エラー内容は以下。 Error : DEP0700 : Registration…

Windows ストアアプリ (JavaScript で開発) におけるアプリ設定の表示方法

Windows 8 で新たに導入される Windows ストアアプリ (旧称 Metro スタイルアプリ) の開発に関する話です。この記事では、Windows ストアアプリの設定チャームからアプリの設定を行えるように、以下の内容について説明します。 なお、JavaScript で Windows …

IE 10 の拡張された XHR を使って HTTP のストリーミングを受信する (Twitter Streaming API とか)

Web ブラウザから web サーバーに HTTP リクエストを送る際によく用いられる XMLHttpRequest (XHR) ですが、XMLHttpRequest の API を見ると、chunked transfer encoding による HTTP のストリーミングからのデータを受信して、都度処理をしていく、というよ…

Windows ストアアプリ (Metro スタイルアプリ) における単一ページナビゲーションについて (JavaScript)

Windows 8 に新しく導入されるアプリは、もともと Metro スタイルアプリと呼ばれていましたが、現在は Windows ストアアプリと呼ばれるようになっています。Windows 8 の Metro スタイルアプリの開発には、HTML + CSS + JavaScript を用いることができます。…

Windows ストアアプリ (Metro スタイルアプリ) における JavaScript の非同期処理 (WinJS.Promise)

概要 Windows 8 の Windows ストアアプリ (旧称 Metro スタイルアプリ) 開発の話です。 Windows ランタイムと JavaScript 用 Windows ライブラリでは非同期処理を行う関数は基本的に WinJS.Promise オブジェクトを返します。 WinJS.Promise は Common JS Pro…

Windows 8 Metro スタイルアプリ (Windows ストアアプリ) 開発の第一歩

この記事を書いたときには Metro スタイルアプリと呼ばれていましたが、Windows ストアアプリという名前に変更されました。2 週間ほど前に Microsoft の人による Windows 8 のプレゼンを聞きました。Windows 8 に関しては開発者向けのプレビュー版を半年前ぐ…