複数のgoogle.maps.Markerそれぞれに吹き出しをつける
Google MAPS APIで遊んでいて、複数のgoogle.maps.Marker の、それぞれに吹き出し(openInfoWindow)をつけたかったのに、どれをクリックしても最後のマーカーから吹き出しが出てくる！というミスをしないための備忘録。質問しても「クロージャがわかってない奴は云々」とか説教垂れられるだけなので。。 V2 版はこちらです。 <script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=false"></script> <div id="map" style="width: 740px; height: 400px;"></div> <script type="text/javascript"> function attachMessage(marker, msg) { goog
CodeCombat - Coding games to learn Python and JavaScript
Learn typed code through a programming game. Learn Python, JavaScript, and HTML as you solve puzzles and learn to make your own coding games and websites.
クッキーを使う方法 - JavaScript
クッキーとは、お菓子のクッキーのことではありません。ユーザのパソコンにデータを記録することで、色々なことが出来ます。例えば、以下のようなことが出来ます。 訪問者が何回そのページに訪れたかを確認する。 訪問者がいつそのページに訪れたかを確認する。 訪れたユーザの好きなページを確認する。 フォーム等で入力されたデータを記録する。
Ajaxを劇的に簡単にするReact.js
ここ数年、Javascript界隈でフレームワーク戦争が勃発してきました。クライアント開発の規模も年々大きくなり、jQueryだけでは複雑な画面遷移などを管理しきれなくなってきたのが原因だと思います。 私も昨年までAngularとbackboneを試しましたが、サーバサイドをMVCにしているのに、クライアントでもMVCを作るMVCの2階建ては、やり過ぎなのではないかと思っていました。フレームワークそのもの覚えるまでにも一苦労というのも面倒に感じました。 2014年、海外でブームに火が付いたReact.js そんな中、2014年の後半からFacebook発のReact.jsの採用事例が聞こえてくるようになりました。AirBnBや米Yahoo! Mailなど大手がReact.jsを積極的に採用し出したので気になり、年末年始を使って色々調べてみることにしました。 Rails以来の衝撃 色々試して
jQuery UIのDraggableで快適なドラッグアンドドロップライフを！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。づやです。 さて、要素をドラッグアンドドロップさせてなんかしたいっていう要望は割とあると思うのですが、個人的には5年くらいその処理が必要とならず、あまり考えることがありませんでした。 そこで最近はどんな感じでできるのかなあ、と思っておりまして、ちょっと調べてみたことをまとめます。 5年前はprototype.jsとプラグインを利用していたのですが、今回はjQueryとプラグインで実装してみたいと思います。 便利なjQuery UIのDraggableを利用します と言っても、jQuery UIを利用すれば超簡単にできる模様なので、まずは作ってみました。 ※コードは大事な所だけ抜粋しています <html> <head> <!-- まずjQueryとjQuery UIを読み込みます。今回はCDNから読み込んでます --> <script src="//ajax.googleapis
GoogleMapでカテゴリごとのマーカーを表示し、InfowindowのToggleを実装する - Surflog 2.0
stackoverflowでGoogleマップに関するこんな質問の投稿があり javascript - Toggle Google Maps markers - Stack Overflow これに対する回答のコードが優れていたため、以下でそのコードをリーディングしたい。 Edit this Fiddle - jsFiddle locationsという配列にマーカーを表示したい場所を入れる。 各所の情報は locations[0][0] ロケーション名 locations[0][1] InfoWindow表示する内容 locations[0][2] カテゴリ locations[0][3] 緯度 locations[0][4] 経度 となっている。 var locations = [ ['Bondi Beach', 'Some text goes here<br />text', 'Wal
Text Escaping and Unescaping in JavaScript(Unicode の文字列をエスケープする JavaScript)
Notes No data is sent to the server (i.e. everything is done in JavaScript). Conversion from Unicode to other encodings such as Shift_JIS can be slow first time as it needs to initialize internal conversion tables. Surrogate pairs in UTF-16 are supported. Try inserting \uD840\uDC0B in the second form. Three-byte characters in EUC-JP are not supported. Links JavaScript Unicode Charts Try GNU Libidn
Googleのトップページを開くと毎秒100回JavaScriptが実行されるよ - 射撃しつつ前転 改
FirefoxがCPUを常に15%ぐらい食うのが気になっていたので調べてみたら、Googleのトップページを開くとものすごい勢いでJavaScriptが実行されることがわかった。具体的には、var k=t.value;k!=h&&X(0);h=k というコードが毎秒100回実行されている。このせいで、自分の使っているPCだと、Googleのトップページを開くだけでCPU使用率が2%ぐらい上がっているようだ。Firefox特有の問題というよりは、ウェブページ側の作り方に依るものみたいだ。たぶん他のブラウザでも問題は変わらないだろう。 Googleのトップページの場合、コードを調べてみた限りでは、原因はどうも検索候補の自動補完用のコードみたいだ。現在の入力文字列が過去の記録と違ったら補完の提示をやり直す、みたいなことをやっているように見える。 HTMLではテキストボックス内のテキストが変更され
フォームの入力エラーを吹き出しで教えてくれる JavaScript
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
mittsun1979のブックマーク - はてなブックマーク
この記事に辿り着いたあなたなら「コンセプトとは何か？」に関心があることだろう。あるいは「コンセプトの例」や「コンセプトの作り方」をお探しだろうか？ このブログ「Mission Driven Brand」は、外資系コンサルティングと広告代理店のキャリアを持つ筆者が、ブランディングやマーケティングの「できない、わからない」を解決するブログだ。 こと「コンセプト」と言えば、 コンセプトワーク コンセプトメイキング コンセプト設計 コンセプトデザイン など、抽象的でわかりずらい専門用語が居並ぶ。また「コンセプト」を扱う分野に関しても、 商品コンセプト 企画コンセプト サービスコンセプト ブランドコンセプト 事業コンセプト 店舗コンセプト デザインコンセプト… など多岐に渡るため、いまいち捉えどころがないのが難点だ。 関連記事 マーケティングが学べる解説記事一覧 - Mission Driven B
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Atrae Tech Blog — リアルタイムに動画にエフェクトをかけれるSeriously.jsが面白い！
Seriously real-time video effects
Unicode escape