[ヅ] JavaScript でスマホが振動する Web ページを作る (((( ；ﾟДﾟ))) (2014-05-09)
W3C の Vibration API を使うと、スマートフォン端末によっては、振動させることができる。 バイブレーションはオン・オフのパルスのパターンで表され、それはさまざまな長さになるでしょう。パターンは振動するミリ秒数を示す整数 1 つ、あるいはバイブレーションと休止時間のパターンを示す整数の配列で構成します。バイブレーションは 1 つのメソッドで制御します: window.navigator.vibrate() です。 Vibration API - Web developer guide | MDN サンプルを書いてみた。 ⇒ (((( ；ﾟДﾟ))) Sample of Vibration API 該当箇所のコードを抜粋。 var x = 100; var pattern = [2,2,1,1,1,1,2,2,4,4,2,2,6]; var vibPattern = []; f
![[ヅ] JavaScript でスマホが振動する Web ページを作る (((( ；ﾟДﾟ))) (2014-05-09)](https://cdn-ak-scissors.b.st-hatena.com/image/square/0375a40e642dfca28bb31912f92b2cb6e98c4ee5/height=288;version=1;width=512/http%3A%2F%2Fwww.nilab.info%2Ff0%2F2014%2F20140509_vibration_api_3.png)
即時関数(function(){ ... })()の別の書き方いろいろ - 泥のように
JavaScriptでよく使われるコード片に即時関数というものがあります。無名関数を宣言して即実行することで、ブロックスコープの存在しないJavaScriptにおいて擬似的にブロックスコープを再現します。 var a = "global"; (function(){ var a = "local"; alert(a); //local })(); alert(a); //global 一番有名なのはこの(function(){ ... })()の形式なのですが、なぜfunctionの外側にカッコが必要なのか不思議に思ったことはないでしょうか？ ためしにfunction(){ ... }()と書いてみると、Syntax Errorが発生します。 なぜfunction(){ ... }()はSyntax Errorなのか JavaScriptにはfunction文とfunction式があって、
TodoMVC
Introduction Developers have a number of choices today when it comes to selecting a JavaScript framework or UI library for building scalable web apps. React / Next.js, Vue / Nuxt, Angular…the list of solutions continues to grow, but just how do you decide on which to use in a sea of so many options? To help you understand the options, we created TodoMVC - a project which has offered the same Todo
高度な JavaScript のオブジェクト志向 - ウェブ開発の学習 | MDN
次のページ JavaScript では、文字列や配列などの JavaScript のコア機能から、JavaScript の最上部に構築されたブラウザー API まで、ほとんどのものがオブジェクトです。関連する関数や変数を効率的なパッケージにカプセル化して、便利なデータコンテナーとして動作する独自のオブジェクトを作成することもできます。 JavaScript のオブジェクト指向の性質を理解することは、言語に関する知識をさらに深め、より効率的なコードを書く場合に重要です。したがって、このモジュールを用意しました。ここではオブジェクトの理論と構文を詳しく説明し、独自のオブジェクトを作成する方法を見ていきます。
console - Web API | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback console オブジェクトは、ブラウザーのデバッグコンソール（例えば Firefox のウェブコンソール）へのアクセスを提供します。 コンソール API の実装はランタイムによって異なる場合があります。具体的な例として、いくつかのコンソールメソッドはオンラインエディターや IDE によっては動作が異なったり、まったく動作しなかったりすることがあります。この記事で記述された動作を確認するには、ブラウザーの開発者ツールでメソッ
@XSS (一部のブラウザのlocation.hrefがXSSを引き起こしやすいことに関する注意喚起)
@XSS (一部のブラウザのlocation.hrefがXSSを引き起こしやすいことに関する注意喚起) 概要 一部のブラウザのlocation.hrefは、XSSなどのセキュリティ問題を引き起こしやすい値を返します。この挙動により、location.hrefが自分と同じドメインのURLを返すことを前提に書いているコードは全て、正しく動かなくなる恐れがあります。 影響を受けるブラウザ Safari 6未満(Windowsは修正版がリリースされていません) iOS 6.0未満のSafari Mobile Android4.1未満?の標準ブラウザ(Android 2.3.6でテストしました。@bulkneetsさんによると4.1は修正済み、4.0.3は影響を受けるとのことです。@cubedlさんによると4.0.4は影響を受けるとのことです。) 挙動の再現 1. http://l0.cm/atx
Masato Kinugawa Security Blog: location.hrefの盲点
夏ということで、怖い話をします。 Webアプリケーション開発者の皆さん、聞いて下さい。 時間がない人や、他の人に問題を説明するときなどには簡潔にまとめた版をどうぞ。 これは2011年12月27日にAppleに報告したSafariの問題です。Appleからは修正する予定はないという回答を貰っていましたが、2012年7月25日にリリースされたMacのSafari 6のアドバイザリによるとどうもMacのSafari 6では修正されたようです。 About the security content of Safari 6 http://support.apple.com/kb/HT5400 WebKit Available for: OS X Lion v10.7.4, OS X Lion Server v10.7.4 Impact: Visiting a maliciously crafted
意外と知らないJavaScriptの常識【JavaScript入門】 | blog.ks-product.com
近年、jQueryのようなフレームワーク・ライブラリの登場で気軽に扱えるようになったJavaScriptですが、意外と基礎的な部…2013年05月17日 意外と知らないJavaScriptの常識【JavaScript入門】 Web制作テクニック HTMLJavaScript (JS)JavaScript 基礎知識jQueryコーディングプログラミング ツイート 近年、jQueryのようなフレームワーク・ライブラリの登場で気軽に扱えるようになったJavaScriptですが、意外と基礎的な部分を知らないって人も多いかと思うので取り上げてみました。 JavaScriptはHTMLに組み込まれて実行されるケースがほとんどです。その為、JavaScriptだけに精通するのではなくHTMLの知識も必要になります。 初心者がよく陥りがちな事例でサンプルのプログラムをコピペしているのに動かないというものが
gesturestart | JavaScript リファレンス
gesturestartイベントは2本目の指がデバイスにタッチされた際に発火するイベントです。 デバイスに1本目の指が触れた場合はtouchstartイベントが発火しますが、2本目はgesturestartイベントとtouchstartイベントが発火します。3本目以降はtouchstartイベントのみが発火します。 document.addEventListener("gesturestart", function() { alert("ok"); }, false); gesturestartイベントはiPhoneやiPadなどのiOS端末に搭載されており、Android端末やWindows Phoneには実装されていません。 登録日 : 2013年06月06日 最終更新日 : 2013年6月6日 同じカテゴリー(Event)のエントリー beforeunload unload poin
satofuのブログ: 【javascript】androidのブラウザでgestureイベントを使いたくて困った時の解決法
gestureとは2本以上の指でタッチパネル操作です。 gesturestart/gesturechange/gestureendはandroid端末では使用できません。 gestureイベントそのものではありませんが、android端末でも各種gestureイベントと同じタイミングで、任意の関数を起動するにはtouchイベントでtouches.lengthを調べれば可能です。 要素.addEventListener('touchstart',function(e){ if(e.touches.length > 1){ 任意の関数(); } },false); こんな感じ。 gestureイベントオブジェクト特有のscaleプロパティを使用したいときは 自力で2つのtouch座標から計算する。 タッチされている2本の指の距離はこのような関数で計算できる。引数はtouchstartなどのイベ
jQueryでtitle要素を変更しようとするとIE8でエラーになる | JavaScript | かたつむりくんのWWW
CMS 業界で注目の Craft CMS に関する記事です。Craft CMS はチーム全体をハッピーにしてくれる素晴らしい CMS です。
任意のオブジェクトのクラス名をどうやって得るの？ - 理系学生日記
ちょっと思ったんですけど，なんかよく分からんオブジェクトがあったとき，そのオブジェクトがどのクラスのオブジェクトなのか (プロトタイプを使う JavaScript に関して，オブジェクトのクラスって言い方はおかしいのかもしれないけど) ってどうやって得るんでしょうか! Perl だと ref がその役割を果たしますし， use LWP::UserAgent; my $agent = LWP::UserAgent->new; print ref $agent; # prints "LWP::UserAgent" c++ では typeinfo を用いて判断できる． #include <iostream> #include <typeinfo> class Hoge {}; int main() { Hoge hoge; std::cout << typeid( hoge ).name() <
Window.print() - Web API | MDN
WindowインスタンスプロパティcachesclosedcookieStorecredentialless Experimental crossOriginIsolatedcryptocustomElementsdevicePixelRatiodocumentdocumentPictureInPicture Experimental event 非推奨; external 非推奨; fence Experimental frameElementframesfullScreen 非標準 historyindexedDBinnerHeightinnerWidthisSecureContextlaunchQueue Experimental lengthlocalStoragelocationlocationbarmenubarmozInnerScreenX 非標準 mozInnerScree
お手軽に画像の読み込みをハンドリングする、今どきな方法 - latest log
2008年のエントリ http://d.hatena.ne.jp/uupaa/20080413/1208067631 のリニューアル版です。 (ε・◇・)з o O ( 2018年頃にでも、もう一度調べて書きたいと思います。
ロカポ ブログ: 緯度経度を欲しいフォーマットに整形するjavascriptミニライブラリ GeoFormat.js を作りました
最近ほとんど更新してなかったブログ、最終投稿から1年経ってました。。。。 FOSS4Gアドベントカレンダー２０１３で、2013/12/11 の担当になったので、記事を書くことになりました。 といっても、普段GISをほとんど使わない身としては、身近なFOSS4Gといえば99%OpenLayersのみ。。。 アドベントカレンダーの参加者の皆さんが、非常に濃い内容の記事を日々アップされている（プレッシャー！！）ので、いきなりバトンを落としそうになっていますが、、、、 無理なものは無理。今日はお気軽な内容で一息ついてください。まあ、忘年会シーズンの休肝日みたいなものです（苦笑） さて、先日のジオメディアサミットにて地図ドア（bit.ly/chizudoor）というガジェット（オモチャ）を発表しました。これは、 GoogleMapsBingMapYahoo!地図MapionGoo地図MapFanWe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AngularJS or BackboneJS どっちがお好み？
会いたくて会いたくて
中規模向けJS設計
[ヅ] JavaScript で印刷ダイアログを表示する (2013-12-27)
Is it possible to programmatically change the default search engine for the Iphone?
