最近ではアプリなどでGPSを使った位置情報の取得する機能をよく見かけますが JavaScriptを使ってそのようなGPS位置情報を利用するサンプルを作ってみたので紹介してみます。 JavaScriptでは「Geolocation API」というAPIを使って 「navigator.geolocation」オブジェクトで位置情報を扱うようです。 位置情報取得の際には position.coords.latitude:緯度 position.coords.longitude:経度 となります。 これを使って位置情報を取得するサンプルは以下から。 画面上の「≫GPS情報取得を開始する」をクリックすると位置情報の取得を開始します。 jQuery GPS 別枠表示したい場合は以下から。 ≫jQuery GPS 画面上の「≫GPS情報取得を開始する」をクリックすると 現在地の緯度/経度に加えて、Goo
quickrun.vim はvimで編集中のコードをその場でインタプリタで実行したり、コンパイル&実行してくれる超便利なvimプラグイン。 githubから開発版をクローンした $ git clone git://github.com/thinca/vim-quickrun.gitでディレクトリを移動して rake link_installでインストール(実際はln -sでシンボリックリンクを張っているだけなので、git pull するだけでプラグインを最新化できる!) これだけでインストール完了。 使ってみる。まずvimを起動して、以下のようにrubyスクリプトを書いて\rと叩く。すると、ファイル名(拡張子)を見て quickrun.vim がそれに適したインタプリタあるいはコンパイラを選択し、必要ならコンパイルし実行してその結果を別ウィンドウに出力してくれる。 :e でバッファに直接書
2011年9月25日日曜日 quickrun.vimでblockdiagのプレビューする blockdiagを書くとき、blockdiagに対応したエディタみたいなものは特に無いのでvimで書いていたのですが、やっぱりプレビューがとても面倒で、 ➜ ~ blockdiag -a hoge.diag && open hoge.png という感じのコマンドを毎回実行していました。(MacなのでPreviewが勝手に立ち上がってくれる) これをVimから一発でできるようにするため、Quickrun.vimの設定を書いて見ました。 let g:quickrun_config['diag'] = { \'command': '$HOME/.pythonbrew/pythons/Python-2.7.2/bin/blockdiag', \'exec': ['%c -a %s -o %{expand("
国务院令第292号《互联网信息服务管理办法》和《非经营性互联网信息服务备案管理办法》规定,所有对中国大陆境内提供服务的网站都必须先进行ICP备案。 备案管家推荐 不知道如何备案?直接咨询专业的备案管家,全程1V1指导,让您备案省时省心省力 免费咨询 备案期间网站还能正常访问吗 首次备案:未成功办理备案的网站均不能上线访问 接入备案:在腾讯云接入备案成功后,才可在腾讯云开展网站内容服务,未接入前请继续使用其他已备案过的云服务商 了解详情 接入备案是否影响其他地方的备案 接入备案过程中,暂不会影响您的网站访问。接入备案只是增加一个服务商,不会影响您在其它服务商的备案数据,您可同时使用两家服务商的服务器 了解详情
Mac上のGVimとしては最強に快適なMacVim-Kaoriyaだけど,デフォルトでKaoriya版GVimに含まれるvimrcとgvimrcが読まれて,個人的にはいらない設定を勝手にされてしまうので,これを回避してみた. vimrcとgvimrcを読んだらわかる通り,基本的には /Applications/MacVim.app/Contents/Resources/vim/ にちょろっとファイルおくだけだけど,MacVim-Kaoriyaアップデート時に簡単に再設定できるように簡単なワンライナ(?)にしてみた.ついでに,vimrc_local.vim にて set langmenu=ja_ja.utf-8.macvim することで,メニューがMacらしく日本語化される.自分はzshの履歴にこのコマンドを覚えさせといて利用している. echo "let g:vimrc_local_fin
9/27/2011: As of Today, Firefox 7 supports this text-overflow: ellipsis. Overflow with text is always a big issue, especially in a programmatic environment. There's always only so much space but variable content to add into that space. I was recently working on a table for displaying user information and noticed that longer strings were breaking the table display. The obvious solution was adding a
PostgreSQL9.1の仕様変更にて、デフォルト時の設定として、standard_conforming_stringsがonとみなされるようになりました。この仕様変更により、デフォルト設定でのPostgreSQLは、バックスラッシュをエスケープする必要がなくなり、ISO規格のSQLと同様のエスケープルール(シングルクォートを重ねるのみ)となります。 PostgreSQLの文字列リテラルは、元々MySQL同様に、バックスラッシュをエスケープする仕様でした。その後、リリース8.1にて、設定パラメータ standard_conforming_strings が追加され、この値が on の場合、バックスラッシュをエスケープしない(ISO規格と同様の)仕様となりました。従来のリリースでは、standard_conforming_stringsを指定しない場合offとみなされていました。これは、後
yokohamavim2.vim �� �U @u� �U -- Yokohama.vim #2 キーマッピングを考える tsukkee -- 自己紹介 @tsukkee (つっきー) 某メーカーで研究してます lingr.vimとか作ってます Yokohama.vimは#0以来2回目の参加 Vimテクニックバイブルが間に合わなかったorz -> と思ったらさっき届いた! -- 本日のテーマ Vimのキーマッピングについて考えてみる 私がキーマッピングについて考えていることを 実例を交えてお話したいと思います -- というわけでさっそく! -- その1! 押しにくいなら押しやすくすればいい! -- たとえば、Vimは<Esc>を多用するけど<Esc>押しにくいから クソだよねww みたいな物言いがありますが… 押しにくければ押しやすくすればいい! -- たとえば、以下のような感じ inor
複数のウィンドウで複数のバッファを開いている時に、 指定ウィンドウのバッファを、 ウィンドウのレイアウトを崩す事無く閉じる機能を提供するスクリプトです。 (Windows, Mac) 概要 vim online Tip #622: Deleting a buffer without changing your window layout http://www.vim.org/tips/tip.php?tip_id=622 複数のウィンドウで複数のバッファを開いている時に、 あるウィンドウのバッファを閉じると、 ウィンドウのレイアウトが崩れてしまいますが、 このスクリプトを使用すると、 指定ウィンドウのバッファを、ウィンドウのレイアウトを崩す事無く閉じることができます。 ↑上の状況で、レイアウトを崩さずバッファを消す事ができる。
Have you seen that design pattern where a notification pops down from the top of the browser window, then slides away? We can rock that in pure CSS. View Demo Download Files We’ll just make a div: <div id="note"> You smell good. </div> Then we’ll style it and put it on the top of the screen: #note { position: absolute; z-index: 101; top: 0; left: 0; right: 0; background: #fde073; text-align: cen
In India, few events garner as much attention as a cricket game. A high-profile match between neighbors India and Pakistan delivered a much-needed break for Disney’s Hotstar, which has lost over
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 サイバーエージェントでフロントエンドの開発をしております 原(@herablog) です。 スマートフォン版 アメーバピグ新規作成で使用した技術について触れたいと思います。 #ちなみにこの記事ではHTML5を「最新ブラウザ向けのwebアプリケーション作成技術」というかなり広い解釈で使用していますので予めご理解ください。 今までDesktop・Android向けはFlashで作成されていたのですが、今回はiOS, Androidともに対応したいということで、HTML5でできるところまでやってみることにしました。 No Lag作るにあたり
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさんこんにちは。 サイバーエージェントでアメーバブログを担当している山田と申します。 今日は最近気になっているASWIFTについて書いてみようと思います。ASWIFTとGoogle AdSenseASWIFTとはVelocity2010でグーグルのArvind JainとMichael Kleberによって発表された、JavaScriptファイルのロード方法で、Google AdSenseで利用されています。 Velocity2011については弊社エンジニアも参加させていただき、レポートをあげていますのでご覧ください。 ASWIFTが考案された背
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く