This posts looks beyond everyday usage of JavaScript’s objects. The fundamentals of JavaScripts objects are for the most part about as simple as using JSON notation. However, JavaScript also provides sophisticated tools to create objects in interesting and useful ways, many of which are now available in the latest versions of modern browsers. The last two topics I talk about, Proxy and Symbol, are

Nexa Free Light change font × close < 10 < 5 < > 5 > 10 > page 1 of 105

postMessage で、HTML-IFRAME 間のメッセージ通信するネタは、ググればたくさん出てくる状況なんだけど、 １つのJavaScriptライブラリを読ませるだけで通信できる方法を考えた。 結論を先に書くと、postMessage のアスタリスク・メッセージングは、仕様上、非推奨ということだけど、たぶんこれは WebWorker 環境も考慮しての表現。popupやiframeでのアスタリスク・メッセージングはダメ。絶対にダメ。 まず、HTML（test_PostMessage.html）。 先に特徴； ブラウザの window のフレームで top に表示されることが条件。 IFRAMEは動的生成するので、IFRAMEに表示させたいHTMLとそのURLだけ、きっちり押さえます。 ちなみに、CSPで禁止できますので、確実に動作するわけではないこともポイント。 <!doctype

Google APIs Explorer Stay organized with collections Save and categorize content based on your preferences. The Google APIs Explorer is a tool available on most REST API reference documentation pages that lets you try Google API methods without writing code. The APIs Explorer acts on real data, so use caution when trying methods that create, modify, or delete data. For more details, read the APIs

この内容で年中一泊7500円！？安いのに食事も温泉も施設も妥協のない、驚くべきコスパの温泉宿『湯快リゾート嬉野館』 ええっ、ホントにこの価格でこの内容なの！？ 佐賀県は嬉野温泉に、年中いつでも1泊7500円の均一価格でありながら、天然温泉に2食付、さらに至れり尽くせりの施設が充実している『 湯快リゾート嬉野館 』がオープンしました。 …って、素泊まりのビジネスホテルでさえ一泊5〜6000円が普通なのに、それってかなり安くない！？ そこで実際どんな宿なのか、大勢の女子大生に一番風呂が振舞われた、宿泊体験イベントの模様を取材して来ました。 『 湯快リゾート嬉野館 』は、佐賀県は嬉野温泉にオープンした温泉宿。この日はオープン前の体験宿泊で一番風呂が振舞われているとのことで、取材に行って来ました。 フロントに来てみると…うおお、何なのこの女子率は…！ 聞いてみると、福岡や大分、長崎など、主に九州の

「ブクマばっかしてても手を動かさなきゃ嘘になるぜ」と言われたような気がしたので、ウェッブコンポーネンツを使って、x-markedという要素を作ってみた。x-markedタグの中にMarkdownテキストを書くとHTMLにレンダリングしてくれる。 作ってるときにハマりポイントがいくつかあったので記しておく。 デモ: nakajmg.github.io/x-marked/ ソース: github.com/nakajmg/x-marked ハマりポイント3つ ハマったポイントは以下の3つ。 インポートされたHTMLが指すdocumentオブジェクト <template>に書いた<link rel="stylesheet">の扱い <content>の中身を取るタイミング インポートされたHTMLとインポートしているHTML内でのdocument <link rel="import">で読み込んだ

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

SpeechRecognitionとWebRTCでつながる新感覚言葉遊び「コトバツナギ」の技術全て見せます！ 藤岡宏和（株式会社ワン・トゥー・テン・デザイン） 「コトバツナギ」というWebコンテンツを作成し、HTML5 Japan Cup 2014で最優秀賞を頂きました。コトバツナギは、SpeechRecognitionとWebRTCを軸にしたマルチユーザーコンテンツです。このコンテンツで使っている主な技術の解説をしたいと思います。 概要 コトバツナギは、声に出して声で遊ぶマルチユーザーコトバアソビゲームです。 PCサイトを開き、スマートフォンを皆で持って集まって遊ぶゲームになっています。スマートフォンの代わりにマイク機能付きのノートPCでも可です。 WebRTCとwebkitSpeechRecognitionを使っているため、2014年8月の時点ではPC・スマホともにChromeブラウザ

Polymerに慣れたあとに、いざピュアなWeb Componentsでやろうとするとハマるかもしれないポイント。 document.registerElement()と<template>やらを使ってWeb Componentsを構成するときに、ライフサイクルコールバック中にそのテンプレートタグを当然参照すると思いますが、インポートをしているとコンテキストになるdocumentがずれる話。 コードで見たほうが早いと思われるので早速例を。 Polymerを使ってx-elementを作る場合 x-element.htmlの例。 <link rel="import" href="lib/polymer/polymer.html"> <polymer-element name="x-element" attributes="foo bar"> <template id="tmpl"> <div>

Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert