[Windows 10]UWPアプリでWebViewコントロールを使ってみた。 | 初心者備忘録
Microsoft Edge Dev Blogに「Creating your own browser with HTML and JavaScript」という記事がアップされました。 これを見ると、何やらWebViewコントロールとやらを使えば、ユニバーサル Windows プラットフォーム (UWP) アプリでMicrosoft Edgeのレンダリングエンジン「EdgeHTML」を使ってWebページを表示できるようになるとのこと。 これは中々面白そう！ ・・・ということで、さっそく検証用のアプリを作ってみました。 開発環境 Windows 10 Pro x64 Visual Studio Community 2015 テンプレート：空白のアプリ (ユニバーサル Windows) JavaScript コード default.html <!DOCTYPE html> <html> <hea
![[Windows 10]UWPアプリでWebViewコントロールを使ってみた。 | 初心者備忘録](https://cdn-ak-scissors.b.st-hatena.com/image/square/11fc4d3172c85aa7cbb6cb8c5ba11b46d798c321/height=288;version=1;width=512/https%3A%2F%2Fwww.ka-net.org%2Fblog%2Fwp-content%2Fuploads%2Feyecatch-MicrosoftEdge.png)
きびきびした動作が気持ちいい、Windows8のスタート画面風インターフェイスを実装する -Droptiles
さまざまなプラットフォームに実装できるHTML+JavaScript+CSSで作られたオープンソースのWindows8のModern UI風のダッシュボードを紹介します。 Droptiles Droptilesのデモ Droptilesの特徴 Droptilesのデモ デモではDroptilesの気持ちいい操作感を試すことができます。 デモページ Droptilesは各パネルのスクロール表示もスムーズで気持ちよく、またその名が示す通りタイル状のパネルをドロップ操作することが可能です。
気楽にECMAScript 2015したい
最近はOculus Riftとかを主にいじってるわけですけど、いわゆるHTML5も横目でウォッチしていて、たまにJavaScriptを書いたりもします。 で、今風にBabelを使って、かつわりと楽にゆるい感じでECMAScript 2015できるようにしておこうと思って、自分用のテンプレプロジェクトを作りました。Watchify＋Babelify＋BrowserSyncです。 KatsuomiK/ECMAScriptTemplate GitHubからcloneしてnpm installしてnpm run watchすればブラウザが起動して、.jsを書き換えればライブリロードがかかります。MacでもWindowsでも大丈夫のはずです。 package.jsonがこんな感じです。 { "name": "ECMAScriptTemplate", "version": "0.0.0", "desc
最強オブジェクト指向言語 JavaScript 再入門！
この資料では、JavaScript でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。 【対象者】 ・JavaScript でアプリケーションを構築できる方 ・JavaScript におけるオブジェクト指向プログラミングの 実現手法や原理への理解を深めたい方 ・Java 的なクラスベースの言語との違いに違和感や混乱を 感じてらっしゃる方
机の上よりましでしょう:はてなブックマークからdeliciousへの移行 - livedoor Blog（ブログ）
いろいろあって、はてなブックマークの内容をdeliciousに移行したかったので、色々検索したら、はてなブックマークからdeliciousに移行する方法 - nanapi Web というページを見つけました。ところが、その手順通り実行すると、タイトルなどに使われている日本語が、かなりの確率で無視されており、ちょっとこのままでは使えない感じでした。 ただ、deliciousでは（もちろんdeliciousに限った話じゃないですが）Web APIが提供されており、外部プログラムからブックマークの追加を行うことが可能です。で、今回はJavascript(WSH）で、そのAPIを呼び出す形での移行をおなうことにしました。 手順はこんな感じです。（Windowsのみ対応） 実行に関しては完全に自己責任でお願いします。というか、これ実行するのはある程度の知識が必要かも…。 はてなブックマークからRSS
Windows 8.1 なら HTML + JS で書かれたストアアプリでも WebView が使用できる - ひだまりソケットは壊れない
Windows 8 向けの Windows ストアアプリの中に web ページを表示する必要があるとき、XAML と C# や C++ などを使って開発する場合は WebView を使用することができました。 しかし、HTML + JS で開発する場合は、WebView の代わりに iframe を使うしかありませんでした。 Windows 8.1 では、HTML + JS でも WebView が使えるようになります! 非常にうれしいですね!!! (Windows 8.1 Preview の情報をもとに記述しています。 Windows 8.1 の正式リリース版でも WebView は使えると思いますが、この記事はあくまで Preview 版での情報であることにご注意ください。) iframe の代わりに WebView を使う HTML 文書中に x-ms-webview というタグを記
Windows ストア アプリの作り方 - Hatena Developer Blog
こんにちは。id:nagayamaです。 現在僕は、はてなブックマークのディレクターという仕事をしています。Webサービスを提供するディレクターたるもの、新しいデバイスやプラットフォームがどういった仕組みになっているのかを体系的に理解しておくのは大事な事です。 今回ははてなブックマークからWindows ストア アプリがリリースされたのをきっかけに、そのアプリの開発に携わったid:nobuokaの力をかりつつ、簡単なはてなブックマークのアプリを実際に作りながら、その仕組みを学びました。 その一連の流れをチュートリアルのような形でまとめたものを公開します。実際のソースコードはGitHubでも公開しています。ぜひ最後までお読みいただき、興味がでた方は手許にcloneして遊んでみてください。 Windows ストア アプリについて Windows ストア アプリの概要は UWP アプリの概要 -
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サイト
デバイスを判定し、CSS/JavaScriptで簡単に利用できるようにするスクリプト -Device.js | コリス
ページにほんの一行外部ファイルを加えるだけで、iPhone, iPadなどのiOSをはじめ、Android, Blackberry, Windows Phone, Window Tabletなどスマフォやタブレット、デスクトップなどのデバイスを判定し、簡単に条件付きのCSSやJavaScriptを利用できるにするスクリプトを紹介します。 Device.js -GitHub Device.jsの使い方 Device.jsのデモ Device.jsの使い方 Device.jsの実装は、簡単です。 外部ファイルとして、当スクリプトを記述するだけです。 <script src="device.js"></script> スクリプトを設置すると、表示デバイスに基づいて<html>に適切なclassを付与します。 iPhoneでアクセスすると、こんな感じに。 <html class="ios ipho
はてなブログ | 無料ブログを作成しよう
家のなかを森にしたい、という欲望 今年はなんだか観葉植物の観察が楽しい。本日は植物についての記事ですが、土や根っこなどの画像もあるので苦手な方は避けてくださいね。 フィカス・ウンベラータ うちのメイン的存在はフィカス・ウンベラータ。ウンベ殿が我が家にやってきたのは2020年5月。コロナ禍初…
modern.IEにのっかってみる（ievmsから乗り換え計画） - sugilogのブログ
IEのデバッグ環境 ウェブ向けの開発をしていてボトルネックがIE環境でのテスト。 バッサリとサポート外してみるとかできないし、切っても切れない :( ということで、前はievmsを使ってたんだけど、modern.IEを使うように変えてみた。 ievmsでも書いてるしね。 NOTE: As of Feb. 1st, 2013, the MS images are fully compatible with Virtualbox, thanks to the modern.IE project. modern.IE 2013/02にIEBlogでアナウンスされていたツールセット http://blogs.msdn.com/b/ie_ja/archive/2013/02/06/modern-ie-a-new-set-of-tools-to-help-you-support-modern-and-
md5.js (mitsunari@cybozu labs)
JavaScriptでMD5を計算するライブラリを作りました． ○特長 webでよく見られるいくつかの同種のライブラリに比べて3～7倍ほど高速に計算します． ○ダウンロード(download) md5.js ○仕様 ASCII文字列を渡すとそのMD5を計算して16進数文字列で返します． 文字列に漢字などが含まれている場合は二つ目の引数にCybozuLabs.MD5.BY_UTF16を指定してください．UTF16として処理します． ○使い方1 var str = CybozuLabs.MD5.calc("abc"); if (str == "900150983cd24fb0d6963f7d28e17f72") { ... } ○使い方2 var str = CybozuLabs.MD5.calc("あ", CybozuLabs.MD5.BY_UTF16); ○ライセンス 修正BSDライセンス
リアルなWindows風ツリービューが実装できるjQueryプラグイン「dynatree」:phpspot開発日誌
dynatree - Dynatree is a JavaScript dynamic tree view plugin for jQuery with support for persistence, keyboard, checkboxes, drag'n'drop, and lazy loading. - Google Project Hosting リアルなWindows風ツリービューが実装できるjQueryプラグイン「dynatree」。 次のようにまるでWindowsのインタフェースじゃないか、といってしまう人が多数なツリービューが実装できます。 Ajaxによる動的ローディングやコンテキストメニュー、ツリービュー横のチェックボックス等、機能はそろっています。 また、ドラッグ＆ドロップでアイテムを移動できるあたりも素晴らしいところです 何かと便利なUIなので、実装する際には１つの
Modern UI（旧：Metro）デザインのボタンやフォームを簡単に実装できるライブラリ -CSS3 Microsoft Modern Buttons
週末に発売予定のWindows8で採用されているModern UIの大きな特徴であるボタンやフォームを超軽量の外部スタイルシートファイルと簡単なclass指定で実装できるCSS3のライブラリを紹介します。 Modern Buttons CSS3 Microsoft Modern Buttons -GitHub ※キャプチャはWindows8のModern UI Modern Buttonsの特徴 Modern Buttonsのデモ：ボタン Modern Buttonsのデモ：フォーム Modern Buttonsの特徴 Modern Buttonsは、ボタンやフォームをCSS3で美しくスタイルした軽量（5.5KB gzipped）で使いやすいCSS/JavaScriptのライブラリです。 Modern Buttons クロスブラウザ対応 IE8をはじめ、最新のChrome, Firefox
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
What's New in SQL2016 CTP2 Release - MSDN Blogs
CSS拡張言語“LESS”を利用したWeb開発をサポートするツール「WinLess」NOT SUPPORTED