JavaScriptベースでアプリを作りWindowsストアに申請
JavaScriptベースでアプリを作りWindowsストアに申請：Web開発者が手っ取り早くストアデビューする方法（後編）（1/4 ページ） Windowsストア初心者のために（主に、HTMLやJavaScriptを扱うWeb開発者向けに）、簡単なアプリを開発してWindowsストアに手っ取り早くデビューする手順を解説します。後編では、Visual Studioを使ってHTML／JavaScriptでアプリを開発する手順を簡単なサンプルを交えて解説し、Windowsストアに申請します。 前編の「Windowsストアにアプリを登録するための事前準備」で開発者登録を済ませたら、アプリを開発し、Windowsストアへ申請しましょう。Windowsストアアプリの開発にはVisual Studio 2012以降のバージョンが必要です（※Visual Studio 2013 Expressの場合は「
Windowsストアにアプリを登録するための事前準備
Windowsストアにアプリを登録するための事前準備：Web開発者が手っ取り早くストアデビューする方法（前編）（1/3 ページ） Windowsストア初心者のために（主に、HTMLやJavaScriptを扱うWeb開発者向けに）、簡単なアプリを開発してWindowsストアに手っ取り早くデビューする手順を解説します。初回は、Microsoftアカウントの取得、Windowsストアアプリ開発者登録、開発環境準備について。 これから始めるWindowsストアアプリ登録 対応端末や開発ツールが出そろい、簡単に作りやすくなってきたWindows 8アプリ。Windows 8.1ももうすぐリリースとなり、本格的な普及が進むことが予想され、Windowsストアにアプリを出してみたいという方も、さらに多くなってきたことでしょう。 本企画では、そんなWindowsストア初心者のために（主に、HTMLやJav
HTML＋JavaScriptでWindowsストアアプリを作るための基礎知識
HTML＋JavaScriptでWindowsストアアプリを作るための基礎知識：HTML5で業務向けWindowsストアアプリ開発入門（1/2 ページ） 本連載では、Webデザイナー／開発者に向けて、Windowsストアアプリの特徴と簡単な開発ノウハウを説明していきます。初回は、WebデザイナーがWindowsストアアプリを作れるとよい理由と、Windowsストアアプリの特長、HTML5＋JavaScriptで開発する際の注意点、開発環境などについて。 WebデザイナーがWindowsストアアプリを作成できる時代へ 「Web制作のプロフェッショナル」と聞いて、まず思いつくのが「Webデザイナー」という方も多いのではないでしょうか？ 以前は、パソコンや携帯電話向けのコンテンツを作成していたWebデザイナーも多かったと思いますが、昨今、スマートフォンやタブレットを活用する人も増え、Webサイト
[JavaScript] 非同期処理のコールバック地獄から抜け出す方法 - Qiita
JavaScript (Node.js) で開発する上で避けては通れない 非同期処理、コールバックについて考えてみたい。 自分なりのお勧めの方式を書いてみた。 いろいろなものを試した結果である。 ※この記事でのお勧めの方法は ES2015 (ES6) で実装された generators (yield) の技術を使用しています。 実はまだ Babel(6to5) 等を利用するか Node.js v4～v8 でしか 実質的に使用できない技術だと思います。悪しからず。 (早く全てのブラウザに広く普及する事を祈っています) まだブラウザでは独自ライブラリか Promise (Deferred) 等を使っています。 ※2015/10/15: 記事の内容を npm aa (async-await) に対応させました。 ※2015/04/19: 記事の内容を npm co@4 に対応させました。 ※20
![[JavaScript] 非同期処理のコールバック地獄から抜け出す方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f663d25f2912af4849a690fcc94d049628ce353c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTYxMjglMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODE3Nzg_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9MjAwMGE5MTAzMzIyMDk0M2M3ZjQ3NjQ3OTEyM2VmNjM%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D675f62b48b0f92263d3cf310a1ce071a%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMCVFOSU5RCU5RSVFNSU5MCU4QyVFNiU5QyU5RiVFNSU4NyVBNiVFNyU5MCU4NiVFMyU4MSVBRSVFMyU4MiVCMyVFMyU4MyVCQyVFMyU4MyVBQiVFMyU4MyU5MCVFMyU4MyU4MyVFMyU4MiVBRiVFNSU5QyVCMCVFNyU4RCU4NCVFMyU4MSU4QiVFMyU4MiU4OSVFNiU4QSU5QyVFMyU4MSU5MSVFNSU4NyVCQSVFMyU4MSU5OSVFNiU5NiVCOSVFNiVCMyU5NSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTg5MjM0YTRkYmUwOWZlMGEyNDhlODIwNjkwNTRkNjgy%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBMaWdodFNwZWVkQyZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWFjN2FmMTI0YjNkN2I4NWFjZjAxZjNmODNkMDJiZTE1%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D3ec0d914b8688b86a6dc14b0b44b43ae)
JavaScriptの再帰の回数制限を超える実験をしてみる - あと味
JavaScriptで再帰をすると、ブラウザによって再帰できる回数が違います。 ブラウザごとに何回再帰できるかを検証する記事がいくつかありました。 各ブラウザのJSランタイムがどこまで再帰できるか試してみた、という。 - muddy brown thang javascriptの再帰処理の限界 - 電脳戦士ハラキリ -SE道とは死ぬ事と見つけたり- JS の再帰 (追試) - 冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtech Firefoxだと3,000回あたりが再帰回数の限界のようですね。 実験の概要 ということで、単純な等差数列の和を求めるコードを実行して、再帰回数の限界について実験してみました。*1 実験1 Firefoxで3,000回実行できるかどうか確認してみます。 var arithmetic_progression = function(n) {
【JavaScript】メモリの浪費を避けるコーディング | ヘッドウォータースのブログ TechNote
こんにちは。良昌です。 Facebook、GithubなどのJSON形式でユーザ情報を返却するAPIや、PhoneGap、Monacaなどのスマートフォンのマルチプラットフォームを提供するライブラリ、IDEが開発ツールとして定着してきたことにより、JavaScriptを利用する機会が増えたのではないでしょうか。 今回は、JavaScriptコンテナがWebブラウザの場合に、動的に確保されるメモリ領域の浪費を避ける方法について書きたいと思います。 JavaScriptにおけるメモリの浪費を避けるコーディング JavaScriptにおけるメモリの浪費を避けるコーディングをするためには、GC(ガベージコレクション)、クロージャについての知識が必要です。まずは、この2つの機能について説明していきます。 ■GC(ガベージコレクション) GCとはプログラムが動的に確保したメモリ領域の内、不要になった領
JavaScriptのswitch文の速度評価記事への補足 - 風と宇宙とプログラム
前回書いたエントリー「JavaScriptのswitch文の速度はブラウザの違いでこんなにも差があった。」に予想外にたくさんのブックマークがつき、貴重なコメントも頂きありがとうございます。それにインスパイアーされたので、ちょっと補足を書きました。個々の項目はブコメにヒントを得ましたが直接対応するものではありません。 どうしてこんなパフォーマンステストをしたの？ switch文のパフォーマンスを測定する動機になったのは、あるコードを読んでいたら、多量のswitch文があり、しかも、caseの数も多い。非常に見通しが悪い上に、これじゃ遅いだろうなと直感的に思いました。でも、ふと、switch文のcaseが定数なら分岐は高速に実行するようにコンパイルされるのではないか？JavaScriptのswitchはif-elseの並びと意味的には類似だけれど、caseが定数に限定されるなら、caseが多い
JavaScriptのswitch文の速度はブラウザの違いでこんなにも差があった。 - 風と宇宙とプログラム
はじめに JavaScriptのswitch文は、CやJavaと異なりcaseのところに任意の式が書けるため、実行時にcaseの式も評価されるので基本的にはif-else文の並びと類似のものになります。つまり、caseの数に応じてパフォーマンスも低下すると予想されます。本当にそうなのか確認してみました。 測定した各ブラウザのバージョンは以下の通りです。 Firefox Chrome Safari Opera IE 3.5.6 4.0.249.30 4.0.4 (531.21.10) 10.10 8.0.6001 caseが数値リテラルの場合 パフォーマンスを測定するテストコードは下記のような簡単なものです。caseが1000個あるswitch文を10万回繰り返して実行したときの時間を測定しました。perf_test()関数の引数ｖに与える値に応じてcaseの条件で一致する場所が変わります。
業務系Java屋がMixiアプリをリリースするまで - しんさんの出張所 はてなブログ編
なんかどっかで見たことあるようなタイトルだが(ﾟεﾟ)ｷﾆｼﾅｲ!! Mixiアプリ パズルゲームColorBlock 長文です。覚悟してください。 前提 まず自分は完全にJava屋であるということ。それも業務系のみ。Java以外の言語でおそらく比較的まともに触れるのはC言語くらいか。他の言語はリハビリが大量に必要だったりすると思う。C言語系のシンタックスがすきということもある。 したがってサーバーサイドの技術、JavaEEとかSQL/RDBあたりとか、AWT/Swing等GUIを利用したJavaアプレットやJavaアプリケーションとか、HTTP/HTMLとかはまぁ仕事で触れており、さほど問題ない。 Mixiアプリとは OpenSocialというプラットフォームを利用したWebブラウザ上で動くJavaScriptによるクライアントサイドのアプリ。JavaとJavaScriptは名前は似てい
EASY PIE CHARTで簡単に円グラフを作成【jquery】 | MITAMA DESIGN
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="graph/jquery.easy-pie-chart.js"></script> <link rel="stylesheet"type="text/css" href="graph/jquery.easy-pie-chart.css">
【PHP/JavaScript】URLエンコードを徹底比較 - slow living in the sky
(※) サードパーティのライブラリを使う場合 もうここまでくると、どの組み合わせを使えばいいのかさっぱりわかりません。(汗) URLエンコードの都市伝説 先程の総当りですが、以下のようにするとうまくいくという都市伝説があります。 encodeURI と urldecode encodeURIComponent と rawurldecode base64_encode と Base64.decode（サードパーティ） 確かに意味合い的にはうまくいきそうですが、本当に上手くいくかはわかりません。 ということで、実際はどうなのか調べてみることにしました。 検証方法 できるだけ多くのケースを自動的に判断できるように、以下の方法を取りました。 (1) PHPでエンコードしたものをJavaScriptでデコードする (2) PHPとJavaScriptでそれぞれ同じものをエンコードして、結果を比較する
はてなブログPC版のサイドバー空きスペースを有効活用したい - 人力検索はてな
【はてなブログPC版のサイドバー空きスペースを有効活用したい】 現在左メインカラム（記事本文）と右サイドバーの2カラムデザインを採用、記事本文が長いとある程度下までスクロールすると右サイドバーはただの空きスペースとして表示される形となります。 [参考] http://www.masaemon.jp/entry/2014/04/22/tokyo-mita-ramen-jiro-manual ↑中見出し2-3あたりから右サイドバーが空きスペースとなります。 そこで、右サイドバーが空きスペースとなるタイミングで表示を現在の2カラムから記事本文だけの1カラムにする見せ方をしたいと思うのですが、CSSやJavascriptの知識が乏しいレベルの者でも簡単・確実・安全に、何よりはてなブログ上でもきちんと実装できる術をご教示下さい。 【条件等】 ・IEの古いバージョンとかは除き、主流ブラウザ（IE、Ch
PhoneGap Android の戻るキーと自力でアプリ終了 ｜ オーララインの技術ラボ日記｜株式会社オーラライン
オーララインの企業情報を配信するサイトです。コンサルティングから開発保守業務に至るまで統合サービスを提供します。ソリューション、製品情報、採用に関する事等をお知らせしています。Android での「戻るキー」について iOSユーザーにはわかりづらいと思いますが、Androidユーザーは戻るキーがないと悶死します。 Windows でいう右クリック程度には使用頻度が高いものなのです。 メニューキーや戻るキーは iOS しか使用経験のない方々には軽視されがちですが、Android のユーザーにとってはとてつもなく重要な要素なので、アプリを制作するがわの人々は気を付けてください。 知らないひと向け・戻るキーの扱い Android での戻るキーの扱いは、一言でいえばその名の通り「ひとつ前の手順に戻る」というお約束になっています。 Android ではその設計思想から、ひとつの処理を複数のアプリで
「超チューニング祭 ～ニコニコを超快適にしてみた～ in ニコニコ超会議３」の問題点 - Webパフォーマンスについて
来る2014年4月26日(土)・27日(日)に、「ニコニコ超会議3」が開催され、その中で「超チューニング祭 ～ニコニコを超快適にしてみた～」が開催されるそうです。 これは、現行のスマートフォンサイトのTopページのソースファイルを競技者がチューニングして、速度やデザイン・UIの改善をして、速度と使い勝手を競うのだそうです。 「これは面白そうだ! 会場は家から近いし!」と思って参加するつもりでいましたが、事前調査で計測してみた結果、フロントエンドのチューニングでは速くならないことがわかったので、その内容について説明します。 (主催者の方にも、フロントエンドのチューニングでは速くならないという情報は伝えてあります。) まずは、計測データ まずは実際のトップページ(http://sp.nicovideo.jp)の計測データを見てみましょう。 計測は、NTT DoCoMoとSoftBankの3G回
"note"がAngularJSでどうやってSEO, Open Graphの対応をしているか｜和田 晃一良｜note
noteはAngularJSを使って、ブラウザで描写しているこの"note"というサービスはAngularJSを使って、JavaScript側（つまりブラウザ側）でノートの中身を公開しているみたいなのです。 それはブラウザでソースを見てみるとわかります。 例えばhttps://note.mu/sadaaki/n/nd921f3f7c635のノートのソースをChromeで見てみると・・・ まずhtmlタグにng-appのプロパティがついています。これはAngularJSを使うならば必要なプロパティで、ここからnoteはAngularJSを使っているんだなあと分かります。 AngularJSは簡単に言うと、サーバー側ではなくブラウザ側でHTMLを描写する仕組みです。これを利用するとどんな利点があるのか。僕の理解している範囲内だと、サーバー側はベースとなるHTML（上のソース）と各ノートのJSO
[JS]アイデアが素晴らしい！ページにちょっとしたアクセントを加えるスクリプトのまとめ
そのまま使ってもよし、アイデアに刺激されインスパイアされてもよし、の工夫をこらした素晴らしいアイデアのスクリプトを紹介します。
700を越えるJavaScriptライブラリを自由に試せるページを作った - 詩と創作・思索のひろば
こちらです ☞ JavaScript Libraries Playground（jQuery 2.1.0 と underscore の例） jQuery や underscore などの JavaScript ライブラリをインタラクティブに試したいとき、最近はブラウザで自分のブログ（ここ）や GitHub など、当該のライブラリがロードされていることを知っているページを開いておもむろに ⎇⌘J（Chrome）！ していたのですがこれは直接的ではないなと思ってそれ専用のページを作った次第です。 冒頭の例にもあるように location.search 部に library[@version],… 形式でライブラリを与えてやればページに <script> 要素が追加されて、あとは開発者コンソールなりでお楽しみください、という仕組みになっています。 cdnjs にはかなり多くのライブラリがホストさ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
長文日記
Promises: ブラウザーJavaScriptの新しい非同期標準になるか？
株式会社コロプラ【位置ゲーで毎日の移動を楽しく】