#21 AngularJS ＋ soundcloud API で俺得 music player をつくる - KAYAC Engineers' Blog
この記事は tech.kayac.com Advent Calendar 2013 21日目の記事です。 こんばんは。13新卒の @m0t0k1ch1 です。 @mackee_w さんに立てていただいた scala フラグを倒させていただきまして、、ここ1週間くらい1人でこそこそやっていたことについて書きたいと思います。内容は表題そのままの感じです。 soundcloud について soundcloud 有名な無料音楽クラウドサービス イケてる remix が多いので、ここで音楽を聴きながらコードを書くことが大半 ローカルに音楽ファイルを持ちたくないのでうれしい soundcloud に対して最近感じていた不満 本家ではリピート再生が（曲単位・プレイリスト単位ともに）できないのでつらい SoundCloudRepeat.com もあるけど、決め打ちでリピート再生というよりかは、お気に入りの
GoogleMapの簡単な埋め込み方法。アイコンやデザインのカスタマイズも！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか？(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基本から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae
Dropbox Datastore APIの使い方とか色々 - Qiita
枕詞 Vim Advent Calendar 2012 373日目……じゃなくて、 JavaScript - Client Side - Advent Calendar 2013の8日目担当のArc Cosineです。 まだVim初心者なので、Vim Advent Calendarに参加出来ませんが、いつか参加できるようになりたいです。 さて、今回のJavascript Client Sideは、最近、（俺の中で）大人気のDropbox Datastoreについてです。 時間がない人用アジェンダ このエントリに書いてあること Dropbox Datastore APIを使えるようになるまでのチュートリアル Dropbox Datastore APIのJavaScriptコードサンプル リアルタイム同期をお手軽に見れるという事 リリースにDropboxを使うと楽だという事 独自ドメインで運用
Using Google Apps Script to Post JSON Data
I am trying to post JSON data to the URL from google script but getting the above error: Server response : HTTP Status 415 - Unsupported Media Type My code: function myFunctionpost() { var url = "http://abc.xyz.org/jira/rest/api/2/issue"; var data = { "project": { "key": "KEY" }, "summary": "create issue.", "description": "Creating of an issue from google spreadsheet using the REST API", "issuetyp
これが開発者用Dropbox! Webアプリケーション向けリアルタイムストレージ Firebase - cakephperの日記(CakePHP, Laravel, PHP)
Firebaseというのが4/12にローンチされたようです。 http://www.firebase.com/ これは公開されているAPIとJavascriptライブラリを利用して、自分のサイトにリアルタイムストレージが手軽に組み込めるようになります。 自分のWeb画面に必要なJavascriptライブラリを組み込んで、データをset, getすると自動的にfirebaseサーバに同期され、同じ画面を見ている人にもデータが同期されます。 彼らのWebから言葉を引用すると、 「It's like Dropbox for your app's data.」 データの同期はもう裏で自動的にやっておくから、あなたは自分のアプリケーションロジックに集中できるよ！とのこと。 チュートリアルがあって、実際にWeb画面上で指示に従いながら進んでいくと、どんな風に開発するのかが分かるようになってます。このチ
HTML5-powered Ajax file uploads
This post was originally published on the New Bamboo blog, before New Bamboo joined thoughtbot in London. This information is out of date. See the followup article on FormData. Introduction File uploads have traditionally had very bad usability on the web. The standard solution was uploading files as part of a form, leaving the user to just wait until the process was done. We could offer barely an
Canvas + File API + Drag&Drop API で Instagram みたいな画像フィルターを作ってみた - hakobera's blog
Instagram の画像フィルターみたいことを HTML5 (Canvas + File API + Drag&Drop API) で実装してみました。 Instagram みたいなの - jsdo.it - Share JavaScript, HTML5 and CSS 動作するブラウザは FireFox 3.6、Chrome 8 開発版です。(Chrome 7 は File API はサポートしていますが、どうやら iframe 内では動作しないため、上記 jsdo.it 上では動作しません。) できること これを こんな風に加工できます。 大学時代に画像処理の研究をやっていた身としては、ブラウザだけでもここまで出来るようになったのか、と少し感慨深いです。 やっていること Drag&Drop API で画像ファイルを取得 File API で画像ファイルを DATA URI 形式に変
pixivポップボードのキャッシュの仕組みとFacebookのUIの話
pixivポップボードのキャッシュの仕組みとFacebookのUIの話 こんにちは。JavaScript Advent Calendar 2011 オレ標準コース18日目の@ykskです。 先日pixivにポップボードという通知機能がリリースされました。自分がお気に入りユーザーに追加されたり、投稿したイラストがブックマークされたりした時にヘッダーに未読件数などのお知らせを表示します。僕は直接機能を実装していたわけではないのですが、リリース直後に起こった負荷の問題でJSを書きました。今日はその話をします。主にUIの話です！ え！ リリース直後、定期的に未読数の更新をAjaxで行っていた部分の負荷が急激に上がりました。ページロード時にHTMLに未読数を埋め込んだあと、2分ごとに未読数取得APIへリクエストするという処理です。 ポップボードはヘッダーに出るため、ほぼ全てのページでこの処理が入りま
Google Chart Tools をもう少し簡単に使うJavaScript作った（のに忘れてた） | soplog(そぷログ)
2011.09.12 Web JavaScript Google Chart Tools をもう少し簡単に使うJavaScript作った（のに忘れてた） そらいっち（@soraiy）がGoogle Chart Toolsの記事をポストしたのを見て、少し前に調べていたのを思い出しました（そらいっちありがとう！）。 簡単にグラフを作れる Google Chart Tools を使ってグラフを作成する方法 Google Chart Tools はGoogleが提供している高機能なグラフを作ってくれるAPIです。 前に調べたときに「ちょっと使いずらいな～」と感じて、もう少し簡単に使えるようにしてみました。 サンプル ソース（円形グラフの場合） HTML <div id="GRAPH"></div> JavaScript <script src="http://www.google.com/jsap
JavaScriptからFlickr APIで任意のphotoset（セット）を取得 - hello, world.
Flickr APIのflickr.photosを使うことで、 特定ユーザーの写真 特定タグの写真 特定エリアの写真 などの取得ができるよう。 参考： 第2回 JavaScriptからFlickr APIで画像検索 - マッシュアップ・ラボ：ITpro で、任意のphotosetを取得するのをやってみる。 ■デモ↓ http://2244.jp/_demo/flickr/01/ 上記のURLのHTML、JSともに銀座方向に感謝の気持ちを送りつつ流用させていただいて、 flickr.js param.method = 'flickr.photos.search'; ↓ param.method = 'flickr.photosets.getPhotos'; if ( ! data.photos ) return; var list = data.photos.photo; ↓ if ( !
JSON/Atom Custom Search API - JSON/Atom Custom Search API - Google Code
Developer's Guide Introduction Getting Started The Basics Defining Your Search Engine Specifications Updated! Selecting Sites to Search Changing the Ranking of Your Search Results Helping Your Users Refine Their Searches Improving User Queries For More Relevant Results Creating Special Results Designing the Look and Feel Control Panel Updated! Context File Making Money Programmer's Guides Creating
Skype4COMでJavaScriptからSkypeを操作 - 今日覚えたこと
社内でSkypeを使い始めた。IP Messengerを卒業したい。こういうのは全員一斉にやらないと意味がないのでなかなか思い切れなかったが、とりあえず導入するところまではできた。 で、Skypeについて調べていたら、Skype4COMというのがあるのがわかった。SkypeをCOMで操作する公式インタフェース。 インストール Skype公式の開発者向けページ https://developer.skype.com/Download でダウンロードする。解凍すると Skype4COM.chm Skype4COM.dll というファイルが出てくるので、これをどこか適当な場所に配置して、レジストリ登録する。 regsvr32 Skype4COM.dllこれで「成功しました」と表示されたらOK。 発言してみる 早速、Skypeのチャットに発言するJavaScriptを書いてみた。 var skyp
CMLog :: Firefoxのjavascriptでローカルファイルにアクセスする方法まとめ
Firefoxのjavascriptでローカルファイルにアクセスする方法まとめ まとめというかソースコードを載せる。 日本語ファイルが使えるように Components.interfaces.nsIConverterOutputStream Components.interfaces.nsIConverterInputStream を使っています。 filePathはフルパスのみ可能です。 ファイル入力 返り値が内容です。 function open_file(filePath){ var data = ""; try { netscape.security.PrivilegeManager.enablePrivilege ('UniversalXPConnect'); var file = Components.classes["@mozilla.org/file/local;1"
Googleマップ風のUIを実現できるJSライブラリ「Polymaps」:phpspot開発日誌
Polymaps Googleマップ風のUIを実現できるJSライブラリ「Polymaps」。 マウスホイールによる拡大・縮小機能もついてます。 サンプルも豊富です。 他にも同様のライブラリは存在しますが、１つの選択肢として覚えておいても良いかも 関連エントリ 高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it」 「Google Static Maps API」を使い携帯でGoogleマップを表示 GoogleマップやFacebook風など、自由にカスタマイズできるツールチップ「BeautyTips」 PHPでGoogleMapのジオコーディングAPIを簡単に使えるサンプルコードとライブラリ GoogleMap風でクールな地図UIが作れるライブラリ「MapBox」
HTML5 の file API と jQuery でブラウザにファイルをドラッグ&ドロップしてアップロードするサンプルを作った - @kyanny's blog
GitHub - kyanny/html5_file_api_ajax_upload_sample: HTML5 file API + ajax file upload sample HTML5 の file API というのが面白そうなのでちょっといじってみた。 デモを動かすには Plack と JSON と Path::Class が必要です。このブログ読んでる人ならどれも ready for use ですよね。もしまだのひとは cpan -i Plack JSON Path::Class でよろしく。 git clone して plackup して Firefox 3.6.x 以降で開いてください。 複数ファイルをドロップしたときになんかうまく動いてない気がするとか、 app.psgi の書き方がだいぶいい加減とか、微妙なところはたくさんあるけどとりあえず動くところまでいけたので公開
PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」:phpspot開発日誌
PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」 2010年03月11日- Run This! PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」。 ブラウザ内の<pre>コードで記述した部分を、その場でそのまま動かすことができ、うまくサイトに組み込めばより訪問者にとってわかりやすいページを作ることが出来そうです。 例えば、PHPの入門サイトなんかでは挙動を一瞬で確認できてしまいます。 具体的には以下の言語に対応しています。 Ada, Assembler, AWK, Bash, bc, Brainf**k, C, C#, C++, CLIPS, Clojure, COBOL, Common Lisp, D, Erlang, Forth
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ajaxzip3 - Google Code.aspx)
Removing Excel Interactive View from a webpage
xfbml · fb:server-fbml-multi-friend-selector — Facebook Read Eval Log Loop
Jquery and google maps problem